:root{font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;color:#e7e9f2;background:#0d0f15;font-synthesis:none;--bg:#0d0f15;--surface:#151820;--surface2:#1c202a;--surface3:#222734;--border:#292e3a;--muted:#9299ab;--text:#f0f1f9;--accent:#a475ff;--accent2:#c596ff;--green:#38d6a0;--red:#fa788d;--radius:16px}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{display:block;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.035em}h1{font-size:26px}h2{font-size:18px}h3{font-size:14px}small{font-size:12px}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.sidebar{background:#11131b;border-right:1px solid var(--border);position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:27px 15px;z-index:15}.brand{padding:8px 13px 25px;display:flex;align-items:center;gap:10px}.brand-emblem{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#301d48;color:#d5b1ff}.brand-name{font-size:14px;line-height:1.3;font-weight:850;letter-spacing:.06em}.brand-sub{font-size:10px;color:var(--accent2);letter-spacing:.22em;font-weight:800;margin-top:3px}.nav-label{font-size:10px;color:#71798b;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin:20px 14px 9px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:0;background:none;color:#a2a9b9;border-radius:10px;text-align:left;font-weight:600;font-size:13px;margin:2px 0;transition:background .2s,color .2s}.nav-item:hover{background:#1c1c2a;color:var(--text)}.nav-item.active{color:#e9dbff;background:#2c2141}.nav-item.active svg{color:#b88cff}.sidebar-footer{margin-top:auto;padding:15px 10px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;background:linear-gradient(145deg,#8c4cff,#472e80);border-radius:50%;width:35px;height:35px;font-weight:800;font-size:12px}.main{min-width:0}.topbar{position:sticky;top:0;z-index:10;background:#10121bea;backdrop-filter:blur(16px);border-bottom:1px solid var(--border);min-height:72px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:12px}.top-left{display:flex;gap:15px;align-items:center}.search{display:flex;align-items:center;gap:11px;color:var(--muted);background:#1b1e28;border:1px solid #2b303c;padding:11px 14px;border-radius:11px;min-width:min(360px,32vw)}.search input{background:none;border:0;color:var(--text);outline:0;width:100%;font-size:12px}.search input::placeholder{color:#777f8f}.top-actions{display:flex;align-items:center;gap:12px}.content{padding:32px 34px 60px;max-width:1550px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:25px;flex-wrap:wrap}.section-eyebrow{font-size:11px;font-weight:800;color:var(--accent2);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.subtitle{color:var(--muted);font-size:13px;margin-top:7px}.btn{border:1px solid var(--border);padding:10px 14px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:700;border-radius:10px;background:var(--surface2);color:#e9e9f4;white-space:nowrap;font-size:12px}.btn:hover{border-color:#5d5275;background:#2a2737}.btn.primary{background:linear-gradient(135deg,#9f5df6,#7c4dd4);border-color:transparent;color:white;box-shadow:0 5px 22px #9861ff20}.btn.primary:hover{filter:brightness(1.12)}.btn.ghost{background:transparent}.btn.danger{color:#ff9ba9;border-color:#693545;background:#41232b}.btn.sm{padding:7px 10px;font-size:11px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface2);color:var(--muted);border-radius:10px}.icon-btn:hover{color:#fff}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.card-title{font-size:14px;font-weight:800}.chip{font-size:10px;border-radius:30px;padding:6px 9px;display:inline-flex;gap:6px;align-items:center;background:#28223d;color:#c7a3ff;font-weight:800;white-space:nowrap}.chip.green{background:#143329;color:#57e9b1}.chip.orange{background:#3b2d1f;color:#f4be76}.chip.gray{background:#272b35;color:#aab0c0}.chip.red{background:#3e222c;color:#fda1ae}.info-banner{background:linear-gradient(100deg,#211b34,#18202d);border:1px solid #473d63;display:flex;align-items:center;gap:15px;padding:14px 18px;border-radius:13px;margin-bottom:22px;font-size:12px;color:#d8d6e4}.info-banner strong{color:#fff}.info-banner svg{color:#c399ff}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{padding:19px;background:var(--surface);border:1px solid var(--border);border-radius:15px;display:flex;flex-direction:column;gap:11px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#aeb4c3;font-size:12px;font-weight:600}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#332544;color:#c8a3ff}.metric-number{font-size:26px;font-weight:850;font-family:Manrope,system-ui;letter-spacing:-.03em}.metric-desc{color:var(--muted);font-size:11px}.two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:18px}.panel-list{display:flex;flex-direction:column;gap:10px}.list-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border:1px solid #292d38;background:#181c25;border-radius:12px;min-width:0}.list-row-main{display:flex;align-items:center;gap:12px;min-width:0}.list-row-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-mini{width:46px;height:46px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#2e124c,#8f3fcb 60%,#d054bb);font-size:18px;color:#e8c5ff;overflow:hidden;flex-shrink:0}.cover-mini img{width:100%;height:100%;object-fit:cover}.artist-icon{height:46px;width:46px;display:grid;place-items:center;border-radius:13px;font-weight:800;background:linear-gradient(135deg,#67449d,#28263e);color:white;flex-shrink:0}.row-title{font-size:12px;font-weight:750}.row-sub{font-size:11px;color:var(--muted);margin-top:4px}.empty{text-align:center;padding:35px 20px;border:1px dashed #333747;border-radius:13px;color:var(--muted)}.empty-icon{color:#8667af;margin:0 auto 11px}.empty strong{display:block;color:#dddde8;margin-bottom:5px}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;min-width:575px}.table th{text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#8891a2;padding:14px 12px;border-bottom:1px solid var(--border)}.table td{padding:14px 12px;border-bottom:1px solid #252a34;font-size:12px}.table tr:last-child td{border-bottom:0}.cell-flex{display:flex;align-items:center;gap:10px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.person-card{padding:18px}.person-top{display:flex;gap:12px;align-items:center}.person-card .artist-icon{width:53px;height:53px}.person-data{font-size:12px;color:var(--muted);margin:15px 0}.divider{height:1px;background:var(--border);margin:16px 0}.mini-stats{display:flex;justify-content:space-between;gap:5px;font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b2bacb}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{border:1px solid #343b49;border-radius:10px;background:#1b1f2a;color:#eceef6;padding:12px 13px;width:100%;outline:0;min-width:0;font-size:12px}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a479e6}.field input[type=color]{padding:3px;min-height:39px;width:58px;cursor:pointer}.field input[type=range]{padding:0;accent-color:#ae7dff}.help{font-size:11px;color:var(--muted);line-height:1.45}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}dialog{background:#161a23;border:1px solid #353848;border-radius:17px;color:var(--text);padding:24px;width:min(530px,calc(100% - 26px));box-shadow:0 30px 90px #000a;max-height:90dvh}dialog::backdrop{background:#090914b9;backdrop-filter:blur(5px)}#toast{position:fixed;bottom:24px;right:24px;z-index:40;background:#302a43;border:1px solid #6e558f;padding:13px 17px;border-radius:11px;font-size:12px;color:white;opacity:0;transform:translateY(14px);pointer-events:none;transition:.2s;max-width:min(360px,90vw);box-shadow:0 12px 35px #0006}#toast.visible{opacity:1;transform:translateY(0)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:20px}.editor-preview-wrap{background:radial-gradient(ellipse at center,#2a2041,#12141f 65%);border:1px solid var(--border);border-radius:17px;padding:30px 16px;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}.phone{width:296px;height:595px;border-radius:39px;padding:10px;background:#040508;border:3px solid #454256;box-shadow:0 15px 50px #000b,0 0 0 1px #18141c;position:relative}.phone::before{content:'';position:absolute;top:15px;left:50%;transform:translateX(-50%);width:92px;height:23px;border-radius:50px;background:#020207;z-index:4}.phone-screen{height:100%;width:100%;overflow:hidden;border-radius:29px;background:#170f23;position:relative}.phone-status{position:absolute;z-index:3;top:14px;left:20px;color:white;font-size:10px;font-weight:800;mix-blend-mode:screen}.smart-background{position:absolute;inset:0;background:linear-gradient(135deg,#482070,#150c1e 55%,#8028a0);background-size:cover;background-position:center}.smart-background video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.smart-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}.smart-content{position:absolute;z-index:2;inset:36px 11px 8px;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:24px}.smart-content::-webkit-scrollbar{display:none}.smart-logo{font-size:9px;letter-spacing:.18em;font-weight:900;text-shadow:0 1px 8px black;margin-bottom:28px}.smart-cover{width:175px;height:175px;background:linear-gradient(130deg,#371050,#b044ba,#180f26);border-radius:11px;box-shadow:0 12px 30px #0008;object-fit:cover;overflow:hidden;display:grid;place-items:center;font-size:30px;font-weight:900;text-align:center;padding:15px;overflow-wrap:anywhere}.smart-cover img{width:100%;height:100%;object-fit:cover}.smart-song{font-family:Manrope,sans-serif;font-weight:900;font-size:22px;line-height:1.1;margin-top:17px}.smart-artist{font-size:12px;opacity:.9;margin-top:5px}.smart-desc{font-size:10px;opacity:.77;margin:13px 0 14px}.smart-buttons{display:flex;flex-direction:column;width:100%;gap:7px}.smart-btn{border-radius:9px;display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #ffffff45;padding:10px 12px;background:#120f1fbd;color:white;font-size:11px;font-weight:800;text-align:left;cursor:pointer}.smart-btn strong{display:flex;gap:9px;align-items:center}.smart-btn:first-child{background:var(--link-accent,#984aff);border-color:transparent;color:var(--btn-text,#fff)}.smart-footer{font-size:8px;margin-top:auto;letter-spacing:.12em;padding-top:25px;opacity:.75}.editor-panel{background:var(--surface);border:1px solid var(--border);border-radius:17px;min-width:0}.editor-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:17px 20px}.tabs{display:flex;padding:12px 20px 0;border-bottom:1px solid var(--border);gap:18px;overflow:auto}.tab{background:none;border:0;color:#8990a3;padding:0 0 12px;font-size:12px;font-weight:700;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:#d5baff;border-color:#b382ff}.editor-fields{padding:20px;display:flex;flex-direction:column;gap:17px}.setting-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.swatch-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.swatch{width:29px;height:29px;border-radius:50%;border:3px solid #2a2d39;cursor:pointer}.swatch.active{outline:2px solid #ebdeff;outline-offset:1px}.mini-preview{width:100%;height:95px;border:1px dashed #414252;border-radius:10px;object-fit:cover;display:grid;place-items:center;overflow:hidden;background:#282137;color:#a2a9b8;font-size:11px}.mini-preview img,.mini-preview video{width:100%;height:100%;object-fit:cover}.segmented{display:flex;background:#11141d;padding:4px;border-radius:10px;gap:4px}.segment{flex:1;padding:8px;border:0;border-radius:7px;background:none;color:#9197a6;font-size:11px;font-weight:750}.segment.active{background:#393049;color:#efdaff}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.link-card{border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#191d26}.link-card-image{height:132px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#6e318a,#1a1425 80%);overflow:hidden}.link-card-image img{width:100%;height:100%;object-fit:cover}.link-card-image strong{font-size:19px;max-width:85%;word-break:break-word;text-align:center;font-weight:900;color:#fff;text-shadow:0 2px 12px #000a}.link-card-body{padding:14px}.link-card-title{font-size:13px;font-weight:850}.link-card-sub{font-size:11px;color:var(--muted);margin:5px 0 14px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart{height:215px;display:flex;align-items:flex-end;gap:8px;padding:0 5px 15px;border-bottom:1px solid #3b4050;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#282d3a 50px);position:relative}.chart-col{flex:1;max-width:85px;position:relative;height:100%;display:flex;flex-direction:column;justify-content:end;gap:6px;align-items:center}.chart-bar{width:55%;min-height:2px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#bd93ff,#7140ba);box-shadow:0 0 18px #ba79ff19}.chart-label{position:absolute;bottom:-32px;font-size:10px;color:#8e95a6;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-pill{padding:13px;background:#202430;border:1px solid #2a303d;border-radius:11px}.stat-pill strong{font-size:19px;display:block;margin-bottom:3px}.stat-pill span{color:var(--muted);font-size:10px}.public-page{min-height:100dvh;position:relative;display:grid;place-items:center;overflow:hidden;background:#16101e}.public-page .smart-background,.public-page .smart-overlay{position:fixed}.public-container{width:min(440px,100%);min-height:100dvh;padding:55px 24px 25px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;color:white}.public-container .smart-cover{width:210px;height:210px;font-size:30px;margin-top:30px}.public-container .smart-song{font-size:32px;margin-top:22px}.public-container .smart-buttons{margin-top:4px;gap:12px}.public-container .smart-btn{padding:15px;border-radius:13px;font-size:14px}.public-container .smart-logo{font-size:12px;margin:0}.public-container .smart-footer{padding-top:44px;font-size:9px}.public-exit{position:fixed;top:14px;right:14px;z-index:6}.mobile-menu{display:none}.message{padding:14px;border-radius:10px;font-size:12px;color:#cbd0de;background:#242936;border:1px solid #3a4252}.message.warning{background:#3b2b25;border-color:#684b31;color:#ffce9d}.switch{position:relative;display:inline-block;width:39px;height:23px}.switch input{position:absolute;opacity:0}.switch span{display:block;width:39px;height:23px;background:#444755;border-radius:40px;transition:.2s}.switch span:after{content:'';display:block;position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:white;transition:.2s}.switch input:checked+span{background:#9864e5}.switch input:checked+span:after{transform:translateX(16px)}.mini-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-weight:750}.video-tag{font-size:10px;background:#32223d;color:#cda8ff;padding:5px 8px;border-radius:6px}@media(max-width:1150px){.app-shell{grid-template-columns:76px 1fr}.sidebar{padding:25px 10px}.brand{justify-content:center;padding:6px 0 24px}.brand-title,.nav-label,.nav-item span,.sidebar-footer .user-info{display:none}.nav-item{justify-content:center}.metric-grid{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:1fr}.editor-preview-wrap{padding:20px}}@media(max-width:730px){.app-shell{display:block}.sidebar{height:auto;position:fixed;inset:0 auto 0 0;width:240px;transform:translateX(-110%);transition:.2s;box-shadow:15px 0 50px #000a}.sidebar.open{transform:none}.sidebar .brand-title,.sidebar .nav-label,.sidebar .nav-item span,.sidebar .user-info{display:block}.sidebar .nav-item{justify-content:flex-start}.mobile-menu{display:grid}.topbar{padding:12px 16px;min-height:64px}.search{min-width:0;max-width:54vw;padding:10px}.top-user{display:none}.content{padding:23px 15px 45px}.section-head h1{font-size:22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:14px}.metric-number{font-size:22px}.two-col,.settings-grid{grid-template-columns:1fr}.cards-grid,.link-grid{grid-template-columns:1fr 1fr;gap:10px}.phone{transform:scale(.88);margin:-34px auto}.editor-preview-wrap{padding:16px}.toolbar{flex-wrap:wrap}.card{padding:15px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}}@media(max-width:420px){.cards-grid,.link-grid{grid-template-columns:1fr}.search input{max-width:100px}.topbar{gap:6px}.metric-top{font-size:11px}.top-actions .btn{display:none}.list-row{flex-wrap:wrap}.list-row-actions{margin-left:57px}}
.smart-background img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}

.smart-cover span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:20px;line-height:1.15;max-width:100%;overflow-wrap:anywhere}.public-container .smart-cover span{font-size:23px}
/* V2 modules */
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 45% 20%,#33254a,#10121b 60%)}.login-box{width:min(420px,100%);background:#171a25;padding:34px;border:1px solid #353247;border-radius:22px;box-shadow:0 25px 90px #0009}.login-box .field input{width:100%}.tag-wrap{display:flex;gap:8px;flex-wrap:wrap}.tag{border-radius:8px;padding:8px 10px;color:#d6c2ff;background:#312340;border:1px solid #503962;font-weight:700;font-size:12px}.item-card{border-radius:12px;padding:13px;border:1px solid #2b3140;background:#1a1e28;margin:12px 0;overflow-wrap:anywhere}.recommend{display:flex;align-items:flex-start;gap:10px;margin-top:11px;color:#d0d3e2;font-size:12px;line-height:1.65}.recommend svg{color:#be9aff;margin-top:3px}.cards-grid .card{min-width:0}dialog{max-height:90dvh;overflow-y:auto}dialog .form-grid{max-width:100%}dialog .form-grid input{min-width:0}dialog .form-grid .field{min-width:0}.subtitle{color:#a4a9b8;font-size:13px}