:root{--bg:#f5f6fb;--panel:#fff;--ink:#171626;--muted:#7d8090;--line:#e9eaf1;--purple:#6c4cff;--purple2:#9c48ff;--cyan:#17c7e8;--sidebar:238px}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Manrope,sans-serif;color:var(--ink)}a{text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;z-index:1030}.brand{display:flex;align-items:center;gap:11px;color:#141321;padding:4px 8px 24px}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--purple),var(--purple2));box-shadow:0 8px 25px #6c4cff45}.brand b{font-weight:800}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.5px}.nav-stack{display:flex;flex-direction:column;gap:5px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:4px;scrollbar-width:thin;scrollbar-color:#c9c7d5 transparent}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#aaaabd;font-weight:800;padding:17px 12px 7px}.nav-stack a{padding:11px 12px;border-radius:10px;color:#66697a;font-weight:650;font-size:13px;display:flex;align-items:center;gap:11px}.nav-stack a i{width:18px}.nav-stack a:hover,.nav-stack a.active{background:#f0edff;color:var(--purple)}.sidebar-foot{margin-top:12px;border-top:1px solid var(--line);padding:18px 4px 0;display:flex;align-items:center;gap:9px}.sidebar-foot div:nth-child(2){min-width:0;flex:1}.sidebar-foot b,.sidebar-foot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot b{font-size:12px}.sidebar-foot small{font-size:9px;color:var(--muted)}.mini-avatar{width:34px;height:34px;border-radius:11px;background:#181728;color:#fff;display:grid;place-items:center;font-weight:800}.main-area{margin-left:var(--sidebar)}.topbar{height:88px;padding:18px 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:1020}.topbar h1{font-size:20px;margin:0;font-weight:800}.topbar p{font-size:11px;color:var(--muted);margin:3px 0 0}.top-actions{margin-left:auto;display:flex;gap:9px}.btn{border-radius:10px;font-weight:700;font-size:12px;padding:10px 15px}.btn-gradient{color:#fff;border:0;background:linear-gradient(135deg,var(--purple),var(--purple2));box-shadow:0 8px 22px #6c4cff35}.btn-gradient:hover{color:#fff;transform:translateY(-1px)}.btn-soft{background:#f7f7fb;border:1px solid var(--line);color:#58596a}.icon-btn{border:0;background:#f4f3f9;width:40px;height:40px;border-radius:10px}.content-wrap{padding:24px 28px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 9px 32px rgba(35,32,68,.045)}.panel-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h3{font-size:14px;font-weight:800;margin:0}.panel-body{padding:20px}.metric{padding:20px}.metric-icon{width:43px;height:43px;border-radius:13px;background:#f0edff;color:var(--purple);display:grid;place-items:center;font-size:18px}.metric small{color:var(--muted);font-size:11px}.metric strong{font-size:25px;display:block;margin-top:8px}.composer-grid{display:grid;grid-template-columns:minmax(360px,440px) minmax(360px,1fr) 330px;gap:14px;height:calc(100vh - 136px)}.composer-col{min-height:0;overflow:auto}.studio-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px}.mode-tabs{display:flex;background:#f4f4f8;padding:4px;border-radius:10px}.mode-tabs button{flex:1;border:0;background:transparent;padding:8px;border-radius:8px;font-weight:700;font-size:12px}.mode-tabs button.active{background:#fff;box-shadow:0 3px 12px #2221}.field-block{border:1px solid var(--line);border-radius:13px;padding:14px;margin-top:12px}.field-title{font-size:12px;font-weight:800;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.field-block textarea,.field-block input,.field-block select{border:0!important;box-shadow:none!important;padding:4px 0;font-size:12px}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px}.tag-pill{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;font-size:11px;cursor:pointer}.tag-pill.active{border-color:var(--purple);background:#f1eeff;color:var(--purple)}.radio-card{border:1px solid var(--line);border-radius:11px;padding:10px;cursor:pointer}.radio-card:has(input:checked){border-color:var(--purple);background:#f4f1ff}.song-list{padding:8px}.song-row{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:12px}.song-row:hover,.song-row.active{background:#f4f4f8}.cover{width:58px;height:58px;border-radius:10px;background:linear-gradient(145deg,#171625,#734cff);display:grid;place-items:center;color:white;font-size:18px}.song-row h4{font-size:12px;font-weight:800;margin:0 0 4px}.song-row p{font-size:10px;color:var(--muted);margin:0}.status-chip{font-size:9px;padding:5px 8px;border-radius:20px;background:#f1f1f5}.detail-cover{height:170px;border-radius:14px;background:radial-gradient(circle at 30% 30%,#b481ff,#5e37f1 45%,#141423);display:grid;place-items:center;color:#fff;font-size:55px}.form-label{font-size:11px;font-weight:800}.form-control,.form-select{border-color:var(--line);border-radius:10px;font-size:12px;padding:11px}.table{font-size:12px}.empty-state{text-align:center;padding:60px 20px}.empty-state i{font-size:40px;color:#c9c7d5}.audio-player{width:100%}.timeline{display:flex;gap:5px;align-items:flex-end;height:45px}.timeline span{width:4px;background:#dedbe9;border-radius:4px}.queue-note{background:linear-gradient(135deg,#171625,#34265f);color:white;border-radius:14px;padding:16px}.badge{font-size:10px}.auth-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,#6943ff33,transparent 30%),#0f0e18;display:grid;place-items:center;padding:24px}.auth-card{width:min(960px,100%);display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 100px #0008}.auth-art{padding:55px;color:#fff;background:linear-gradient(145deg,#18162b,#6943ff);position:relative}.auth-art h1{font-weight:800;font-size:45px}.auth-form{padding:52px}.auth-form h2{font-weight:800}.alert{font-size:12px;border-radius:12px}@media(max-width:1200px){.composer-grid{grid-template-columns:400px 1fr}.composer-grid>.composer-col:last-child{display:none}}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main-area{margin-left:0}.composer-grid{display:block;height:auto}.composer-col{overflow:visible;margin-bottom:14px}.composer-grid>.composer-col:last-child{display:block}.top-actions .btn-soft{display:none}}@media(max-width:650px){.content-wrap{padding:16px}.topbar{padding:14px 16px}.topbar p{display:none}.auth-card{grid-template-columns:1fr}.auth-art{display:none}.auth-form{padding:30px 22px}}
/* v1.1 Studio Pro */
.studio-workspace{display:grid;grid-template-columns:minmax(390px,440px) minmax(460px,1fr) minmax(310px,360px);gap:14px;height:calc(100vh - 137px)}.creator-pane,.brief-pane,.queue-pane{min-height:0;overflow:auto}.sticky-create{min-height:100%}.quick-row{display:flex;gap:8px;align-items:center;margin:12px 0}.quick-action{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:750}.autosave-state{margin-left:auto;font-size:10px;color:var(--muted)}.compact{margin-top:0}.structure-toolbar{display:flex;gap:6px;overflow:auto;padding-bottom:8px}.lyrics-editor textarea{min-height:310px;line-height:1.75;resize:vertical}.editor-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.editor-footer .form-select{width:auto}.text-action{border:0;background:none;color:var(--muted);font-size:11px}.disabled-editor{opacity:.55}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading small,.eyebrow{font-size:9px;letter-spacing:1.3px;color:var(--purple);font-weight:800}.section-heading h3{font-size:20px;font-weight:800;margin:4px 0 0}.section-heading>i{font-size:22px;color:var(--purple)}.instrument-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.instrument-card{border:1px solid var(--line);border-radius:12px;padding:13px 8px;text-align:center;cursor:pointer;position:relative}.instrument-card input{position:absolute;opacity:0}.instrument-card i,.instrument-card span{display:block}.instrument-card i{color:var(--purple);font-size:18px;margin-bottom:7px}.instrument-card span{font-size:10px;font-weight:800}.instrument-card:has(input:checked){background:#f1eeff;border-color:var(--purple);box-shadow:0 0 0 2px #6c4cff18}.segmented{display:grid;grid-template-columns:repeat(5,1fr);background:#f6f6fa;border-radius:11px;padding:4px}.segmented input{display:none}.segmented span{display:block;text-align:center;padding:9px 5px;border-radius:8px;font-size:10px;font-weight:750;cursor:pointer}.segmented input:checked+span{background:white;color:var(--purple);box-shadow:0 3px 12px #25203312}.generate-btn{display:flex;align-items:center;justify-content:center;gap:10px}.generate-btn small{font-size:9px;opacity:.75;border-left:1px solid #fff5;padding-left:10px}.queue-panel{min-height:100%;display:flex;flex-direction:column}.queue-search{border:1px solid var(--line);display:flex;align-items:center;gap:8px;border-radius:11px;padding:0 12px}.queue-search input{border:0;outline:0;padding:11px 0;width:100%;font-size:11px}.queue-head{display:flex;justify-content:space-between;font-size:11px;font-weight:800;padding:15px 2px 8px}.queue-song{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:10px 5px;border-radius:12px;color:inherit}.queue-song:hover{background:#f5f4f9}.queue-song .cover{width:52px;height:52px}.queue-info h4{font-size:11px;font-weight:800;margin:0}.queue-info p,.queue-info small{font-size:9px;color:var(--muted);margin:3px 0}.queue-note{display:flex;gap:10px;margin-top:auto}.queue-note h4{font-size:11px;margin:0 0 4px}.queue-note p{font-size:9px;margin:0;opacity:.72}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#4cf0a0;box-shadow:0 0 0 6px #4cf0a022;flex:0 0 auto;margin-top:3px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.template-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:20px;text-align:left;transition:.2s}.template-card:hover{border-color:var(--purple);transform:translateY(-3px);box-shadow:0 12px 30px #31265c12}.template-card i{width:42px;height:42px;border-radius:12px;background:#f1eeff;color:var(--purple);display:grid;place-items:center}.template-card h4{font-size:14px;font-weight:800;margin:14px 0 6px}.template-card p{font-size:10px;color:var(--muted);min-height:46px}.template-card span{font-size:9px;color:var(--purple);font-weight:700}.brand-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.brand-pick{border:1px solid var(--line);background:white;border-radius:13px;padding:12px;display:flex;align-items:center;gap:11px;text-align:left}.brand-pick>span,.brand-avatar{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--purple2));color:white;font-weight:800}.brand-pick b,.brand-pick small{display:block}.brand-pick b{font-size:12px}.brand-pick small{font-size:9px;color:var(--muted)}.brand-card-grid{display:grid;gap:15px}.brand-profile-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;display:flex;gap:15px}.brand-profile-card h3{font-size:16px;font-weight:800;margin:0}.brand-profile-card>div>p{font-size:10px;color:var(--muted)}.brand-message{font-size:11px;background:#f7f6fb;border-radius:10px;padding:11px}.template-library{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.template-library-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;gap:16px}.template-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#f1eeff;color:var(--purple);font-size:18px;flex:0 0 auto}.template-library-card h3{font-size:17px;font-weight:800;margin:4px 0 7px}.template-library-card p{font-size:10px;color:var(--muted);min-height:48px}.template-meta{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:15px}.template-meta span,.kanban-tags span{font-size:9px;background:#f3f2f7;padding:5px 8px;border-radius:20px}.notification-button{width:39px;height:39px;border-radius:11px;background:#f7f7fb;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);position:relative}.notification-button b{position:absolute;right:-4px;top:-4px;background:#ef476f;color:white;font-size:8px;min-width:17px;height:17px;border-radius:10px;display:grid;place-items:center}.notification-list{padding:8px}.notification-item{display:flex;gap:13px;padding:16px;border-bottom:1px solid var(--line);color:inherit}.notification-item.unread{background:#f7f4ff}.notification-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f1eeff;color:var(--purple)}.notification-item h4{font-size:12px;font-weight:800;margin:0}.notification-item p,.notification-item small{font-size:10px;color:var(--muted);margin:4px 0}.request-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px}.song-hero{padding:22px;display:flex;gap:22px;align-items:center}.album-art{width:150px;height:150px;border-radius:20px;background:linear-gradient(145deg,#171625,#724cff);display:grid;place-items:center;color:white;font-size:46px;position:relative;overflow:hidden;flex:0 0 auto}.art-lines{position:absolute;inset:0;background:repeating-radial-gradient(circle at 60% 60%,transparent 0 13px,#fff1 14px 15px)}.song-hero-info h2{font-size:27px;font-weight:800;margin:12px 0 6px}.song-hero-info p{font-size:11px;color:var(--muted)}.song-stats{display:flex;gap:22px;margin-top:18px}.song-stats span{font-size:9px;color:var(--muted)}.song-stats b{display:block;font-size:14px;color:var(--ink)}.stage-track{display:grid;grid-template-columns:repeat(9,1fr);padding:22px 15px;overflow:auto}.stage-step{min-width:100px;text-align:center;position:relative}.stage-step:before{content:"";height:2px;background:#e4e2eb;position:absolute;top:13px;left:-50%;right:50%}.stage-step:first-child:before{display:none}.stage-step>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eeeef3;color:#aaa;position:relative;margin:auto;z-index:1}.stage-step.completed>span{background:#18bd79;color:white}.stage-step.active>span{background:var(--purple);color:white;box-shadow:0 0 0 6px #6c4cff18}.stage-step.completed:before,.stage-step.active:before{background:#18bd79}.stage-step b,.stage-step small{display:block}.stage-step b{font-size:8px;margin-top:9px}.stage-step small{font-size:7px;color:var(--muted)}.deliverable-grid{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.deliverable-card{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;gap:13px}.file-icon{width:44px;height:44px;border-radius:12px;background:#f1eeff;color:var(--purple);display:grid;place-items:center;flex:0 0 auto}.deliverable-card h4{font-size:12px;font-weight:800;margin:0}.deliverable-card p{font-size:9px;color:var(--muted)}.deliverable-card audio{width:100%;height:32px}.tabs-content{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding:20px}.tabs-content h4{font-size:12px;font-weight:800}.lyrics-preview{white-space:pre-wrap;font-family:Manrope,sans-serif;font-size:11px;line-height:1.8;background:#f8f8fb;border-radius:12px;padding:16px;max-height:460px;overflow:auto}.brief-list{font-size:10px}.brief-list dt{color:var(--muted)}.brief-list dd{margin-bottom:12px}.activity-feed,.revision-list{padding:14px}.activity-item{display:flex;gap:10px;padding:9px 0}.activity-item>span{font-size:7px;color:var(--purple)}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:10px}.activity-item small{font-size:8px;color:var(--muted)}.revision-item{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px}.revision-item p{font-size:10px;margin:8px 0}.revision-item small{font-size:8px;color:var(--muted)}.admin-reply{background:#f4f1ff;padding:9px;border-radius:9px}.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:13px;overflow:auto;min-height:calc(100vh - 145px)}.kanban-column{background:#ececf2;border-radius:16px;padding:10px;min-width:260px}.kanban-column>header{display:flex;justify-content:space-between;padding:8px}.kanban-column h3{font-size:12px;font-weight:800;margin:0}.kanban-column header span{font-size:8px;color:var(--muted)}.kanban-drop{min-height:500px}.kanban-drop.drag-over{background:#6c4cff0d;border-radius:12px}.kanban-card{background:#fff;border-radius:13px;padding:13px;margin-bottom:9px;box-shadow:0 4px 15px #31265c0a;cursor:grab}.kanban-card.dragging{opacity:.5}.kanban-card .priority{font-size:8px;text-transform:uppercase;font-weight:800}.priority.urgent{color:#ef476f}.priority.high{color:#f59f00}.priority.normal{color:#18a370}.kanban-card h4{font-size:11px;font-weight:800;margin:8px 0 4px}.kanban-card p{font-size:9px;color:var(--muted)}.kanban-tags{display:flex;gap:4px}.kanban-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;margin-top:10px}.kanban-card footer small{font-size:8px;color:var(--muted)}.admin-workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px}.stage-admin-row{display:grid;grid-template-columns:180px 130px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.stage-admin-row b,.stage-admin-row small{display:block;font-size:10px}.stage-admin-row small{color:var(--muted)}.brief-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.brief-admin-grid>div{background:#f8f8fb;padding:11px;border-radius:10px}.brief-admin-grid b{font-size:9px;color:var(--muted)}.brief-admin-grid p{font-size:11px;margin:4px 0}.deliverable-admin-list>div{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line)}.deliverable-admin-list span{flex:1}.deliverable-admin-list b,.deliverable-admin-list small{display:block;font-size:10px}.deliverable-admin-list small{color:var(--muted)}.revision-admin-card{border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:13px}.revision-admin-card p{font-size:10px}.col-span{grid-column:1/-1}
@media(max-width:1450px){.studio-workspace{grid-template-columns:400px 1fr}.queue-pane{display:none}.template-library{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.request-layout,.admin-workspace{grid-template-columns:1fr}.template-library{grid-template-columns:1fr}.stage-admin-row{grid-template-columns:1fr 130px}.stage-admin-row input{grid-column:1/-1}}@media(max-width:991px){.studio-workspace{display:block;height:auto}.creator-pane,.brief-pane,.queue-pane{display:block;overflow:visible;margin-bottom:14px}.template-grid{grid-template-columns:repeat(2,1fr)}.instrument-grid{grid-template-columns:repeat(3,1fr)}.stage-track{grid-template-columns:repeat(9,100px)}}@media(max-width:650px){.template-grid,.brand-picker,.deliverable-grid,.tabs-content{grid-template-columns:1fr}.song-hero{display:block}.album-art{width:100%;height:190px}.song-stats{flex-wrap:wrap}.instrument-grid{grid-template-columns:repeat(2,1fr)}.segmented{grid-template-columns:1fr 1fr}.template-library-card{display:block}.template-icon{margin-bottom:12px}}

/* v1.2 theme and analytics */
:root{--primary:#6d5dfc;--secondary:#00c2ff}
.btn-gradient{background:linear-gradient(90deg,var(--primary),var(--secondary))!important;border:0!important;color:#fff!important}
.brand-mark,.metric-icon{background:linear-gradient(135deg,var(--primary),var(--secondary))!important}
.theme-switch{display:grid;place-items:center}
.analytics-insight{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border,#e8eaf2)}
.analytics-insight:last-child{border-bottom:0}.analytics-insight>i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(109,93,252,.12);color:var(--primary)}.analytics-insight b,.analytics-insight small{display:block}.analytics-insight small{color:#8790aa;margin-top:3px}
[data-theme="dark"] body{background:#090d19;color:#eaf0ff}
[data-theme="dark"] .main-area,[data-theme="dark"] .content-wrap{background:#090d19}
[data-theme="dark"] .sidebar,[data-theme="dark"] .topbar,[data-theme="dark"] .panel,[data-theme="dark"] .studio-card,[data-theme="dark"] .queue-card,[data-theme="dark"] .song-card,[data-theme="dark"] .modal-content,[data-theme="dark"] .dropdown-menu{background:#111728!important;color:#eaf0ff!important;border-color:#26304a!important}
[data-theme="dark"] .nav-stack a,[data-theme="dark"] .topbar p,[data-theme="dark"] .text-secondary,[data-theme="dark"] .text-muted,[data-theme="dark"] small{color:#9da8c4!important}
[data-theme="dark"] .nav-stack a:hover,[data-theme="dark"] .nav-stack a.active{background:#202943;color:#fff!important}
[data-theme="dark"] .form-control,[data-theme="dark"] .form-select,[data-theme="dark"] textarea,[data-theme="dark"] .input-group-text{background:#0d1322!important;color:#eef2ff!important;border-color:#2a3550!important}
[data-theme="dark"] .form-control::placeholder,[data-theme="dark"] textarea::placeholder{color:#697590}
[data-theme="dark"] .table{--bs-table-bg:transparent;--bs-table-color:#eaf0ff;--bs-table-border-color:#28324a}
[data-theme="dark"] .btn-soft,[data-theme="dark"] .icon-btn{background:#1b2338!important;color:#eaf0ff!important;border-color:#2a3550!important}
[data-theme="dark"] .alert{border-color:#33405e}

/* v1.3 Commerce */
.commerce-hero{display:flex;justify-content:space-between;align-items:center;padding:34px;border-radius:24px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;margin-bottom:24px;box-shadow:0 22px 60px rgba(70,60,220,.22)}.commerce-hero h2{max-width:760px;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:800}.commerce-hero p{max-width:650px;opacity:.86}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.15em}.wallet-pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);padding:18px 22px;border-radius:18px;display:grid;gap:2px;min-width:180px}.wallet-pill i{font-size:1.5rem}.wallet-pill b{font-size:1.25rem}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.price-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:26px;box-shadow:var(--shadow);overflow:hidden}.price-card.featured{border:2px solid var(--primary);transform:translateY(-8px)}.popular{position:absolute;right:0;top:0;background:var(--primary);color:white;padding:8px 16px;border-radius:0 0 0 15px;font-size:.75rem;font-weight:800}.price-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-size:1.3rem}.price-card h3{font-weight:800;margin-top:18px}.price-card>p{color:var(--muted);min-height:52px}.price{font-size:3rem;font-weight:800;line-height:1}.price span{font-size:.85rem;vertical-align:top}.credit-badge{display:inline-block;margin:12px 0;padding:7px 11px;background:var(--soft);border-radius:99px;font-weight:700;color:var(--primary)}.price-card ul{list-style:none;padding:0;margin:14px 0 24px;display:grid;gap:10px}.price-card li{font-size:.9rem}.price-card li i{color:#20b56b;margin-right:7px}.checkout-layout,.detail-grid,.settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:22px}.payment-method{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--primary);background:var(--soft);border-radius:16px;margin-bottom:15px}.payment-method>i:first-child{font-size:1.35rem;color:var(--primary)}.payment-method div{display:grid;flex:1}.payment-method small{color:var(--muted)}.bank-box{padding:16px;border:1px dashed var(--border);border-radius:16px;margin-bottom:18px}.order-summary{height:max-content;position:sticky;top:95px}.summary-plan{display:flex;gap:13px;align-items:center;padding:16px;background:var(--soft);border-radius:16px;margin:16px 0}.summary-plan i{font-size:1.5rem;color:var(--primary)}.summary-plan div{display:grid}.summary-row,.summary-total{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border)}.summary-total{font-size:1.2rem;border-bottom:0}.secure-note{display:flex;gap:10px;color:var(--muted);font-size:.85rem;margin-top:20px}.wallet-overview{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px;margin-bottom:22px}.balance-card{padding:28px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#18143b,var(--primary));box-shadow:var(--shadow)}.balance-card span{font-size:.75rem;letter-spacing:.12em}.balance-card strong{display:block;font-size:4rem;line-height:1}.wallet-stat{display:flex;align-items:center;gap:16px;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:22px}.wallet-stat i{font-size:1.4rem;color:var(--primary)}.wallet-stat div{display:grid}.wallet-stat b{font-size:1.8rem}.order-status{display:inline-flex;padding:6px 10px;border-radius:99px;font-size:.75rem;font-weight:800}.status-paid{background:#dff8eb;color:#087747}.status-payment_review{background:#e5edff;color:#315ee7}.status-pending_payment{background:#fff2cc;color:#8b6400}.status-cancelled,.status-refunded{background:#fee5e5;color:#aa2727}.order-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.order-timeline>div{padding:18px;border-radius:16px;background:var(--soft);display:grid;gap:8px;text-align:center;color:var(--muted)}.order-timeline .done{background:#e5f8ef;color:#087747}.detail-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:13px 0}.invoice-sheet{max-width:950px;margin:auto;background:#fff;color:#1b1d2a;padding:55px;border-radius:20px;box-shadow:0 30px 90px rgba(15,20,55,.15)}.invoice-head,.invoice-parties{display:flex;justify-content:space-between}.invoice-head>div:last-child{text-align:right}.invoice-head>div:last-child span{letter-spacing:.18em;font-weight:800;color:#777}.invoice-parties{margin:55px 0}.invoice-parties>div{display:grid;max-width:45%}.invoice-parties small{font-weight:800;color:#888;letter-spacing:.12em}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th,.invoice-table td{padding:15px;border-bottom:1px solid #e8e8ef}.invoice-totals{margin-left:auto;width:340px;margin-top:24px}.invoice-totals>div{display:flex;justify-content:space-between;padding:9px}.invoice-totals .grand{font-size:1.3rem;background:#f3f1ff;border-radius:10px}.invoice-foot{margin-top:55px;border-top:1px solid #eee;padding-top:20px}.admin-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:22px}.credit-number{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:14px;background:var(--soft);color:var(--primary);font-size:1.2rem;font-weight:800}.coupon-code{font-family:monospace;letter-spacing:.1em;background:var(--soft);padding:6px 10px;border-radius:8px}.activity-item{display:grid;grid-template-columns:40px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.activity-icon{width:40px;height:40px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--primary)}.activity-item p{margin:0;color:var(--muted);font-size:.84rem}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pills a{padding:8px 13px;border-radius:99px;background:var(--panel);border:1px solid var(--border);color:var(--text);text-decoration:none}.filter-pills a.active{background:var(--primary);color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.metric-card{padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:20px;display:grid;gap:8px}.metric-card i{color:var(--primary);font-size:1.3rem}.metric-card span{color:var(--muted)}.metric-card strong{font-size:1.7rem}.chart-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}
@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.commerce-hero,.invoice-head,.invoice-parties{display:grid;gap:20px}.pricing-grid,.checkout-layout,.detail-grid,.settings-grid,.wallet-overview,.admin-split,.chart-grid{grid-template-columns:1fr}.order-summary{position:static}.metric-grid{grid-template-columns:1fr 1fr}.invoice-sheet{padding:25px}.invoice-parties>div{max-width:none}.invoice-totals{width:100%}}@media print{.sidebar,.topbar,.no-print,.app-footer{display:none!important}.main-area,.content-wrap{margin:0!important;padding:0!important}.invoice-sheet{box-shadow:none;max-width:none;border-radius:0}.app-shell{display:block}}
.step-orb{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--soft);font-weight:800;flex:none}.step-orb.done{background:rgba(25,135,84,.15);color:#198754}.message-thread{display:flex;flex-direction:column;gap:14px}.message-bubble{max-width:75%;padding:14px 16px;border-radius:16px;background:var(--soft)}.message-bubble.mine{margin-left:auto;background:color-mix(in srgb,var(--primary) 16%,transparent)}.message-bubble p{margin:.35rem 0}.message-bubble small{opacity:.65}.metric-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);font-size:1.35rem}
/* v1.5 Hybrid Studio */
.hybrid-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:24px;margin-bottom:24px;background:radial-gradient(circle at 90% 0,rgba(236,72,153,.32),transparent 35%),linear-gradient(135deg,#17113d,#24104a 55%,#111a4d);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(41,17,91,.22)}
.hybrid-banner h3{font-size:clamp(1.35rem,2.5vw,2rem);margin:.3rem 0}.hybrid-banner p{margin:0;color:#cbd5e1;max-width:760px}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:#f0abfc}
.style-filterbar{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:22px}.style-filterbar .form-control{max-width:620px}.style-selected{display:flex;gap:10px;align-items:center;white-space:nowrap}
.style-explorer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:95px}.style-explorer-card{overflow:hidden;border-radius:24px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);transition:.25s;box-shadow:0 14px 40px rgba(15,23,42,.06)}.style-explorer-card:hover,.style-explorer-card.selected{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 22px 60px rgba(109,93,252,.2)}
.style-visual{height:160px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,var(--g1),var(--g2));overflow:hidden}.style-visual:before,.style-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%;width:220px;height:220px}.style-visual:after{width:120px;height:120px}.style-visual i{font-size:3rem;color:#fff;position:relative;z-index:2;text-shadow:0 10px 30px rgba(0,0,0,.3)}.style-wave{position:absolute;width:120%;height:50px;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(255,255,255,.5) 8px 10px,transparent 11px 16px);transform:rotate(-8deg);opacity:.45}
.style-card-body{padding:20px}.style-card-body small{color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.style-card-body h3{margin:.25rem 0;font-size:1.25rem}.style-card-body p{color:var(--muted,#64748b);min-height:48px}.style-pick{border:0;width:38px;height:38px;border-radius:12px;background:rgba(109,93,252,.1);color:var(--primary)}.style-meta{display:grid;gap:7px;font-size:.8rem}.style-meta span i{width:22px;color:var(--primary)}.style-use{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color,#e5e7eb);font-size:.82rem}.style-use b{display:block}
.floating-style-tray{position:fixed;z-index:30;bottom:24px;left:50%;transform:translateX(-38%);width:min(720px,calc(100% - 36px));padding:14px 18px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;background:rgba(17,16,50,.92);backdrop-filter:blur(18px);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 60px rgba(0,0,0,.35)}.floating-style-tray span{display:block;color:#cbd5e1;font-size:.82rem}
.campaign-grid,.prompt-grid,.team-grid{display:grid;gap:18px}.campaign-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px;border:1px solid var(--border-color,#e5e7eb);border-radius:20px;background:var(--card-bg,#fff)}.campaign-icon,.team-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:800}.campaign-card h3,.team-card h3{margin:.1rem 0}.campaign-card p{margin:.3rem 0;color:var(--muted,#64748b)}.campaign-tags,.prompt-tags{display:flex;gap:7px;flex-wrap:wrap}.campaign-tags span,.prompt-tags span{font-size:.72rem;padding:6px 9px;border-radius:999px;background:rgba(109,93,252,.1);color:var(--primary);font-weight:700}
.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-card{padding:22px;border-radius:20px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:12px}.prompt-card p{color:var(--muted,#64748b);flex:1}.prompt-top{display:flex;justify-content:space-between;color:var(--primary);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-card{display:flex;align-items:center;gap:14px;padding:20px;border-radius:18px;border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff)}.team-card .badge{margin-left:auto}.team-card p,.team-card small{margin:0;color:var(--muted,#64748b)}
.hybrid-choice{border:1px solid rgba(109,93,252,.35)!important;background:linear-gradient(135deg,rgba(109,93,252,.08),rgba(236,72,153,.06))}.hybrid-option{display:flex;gap:12px;align-items:flex-start}.hybrid-option input{margin-top:5px}.hybrid-option span{display:grid}.hybrid-option small{color:var(--muted,#64748b)}.human-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.human-service-grid input{display:none}.human-service-grid span{display:flex;align-items:center;gap:8px;padding:9px;border-radius:10px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);font-size:.78rem}.human-service-grid i{color:#22c55e}
@media(max-width:1100px){.style-explorer-grid{grid-template-columns:repeat(2,1fr)}.floating-style-tray{transform:translateX(-50%)}}@media(max-width:700px){.style-explorer-grid,.prompt-grid,.team-grid{grid-template-columns:1fr}.style-filterbar,.hybrid-banner{align-items:stretch;flex-direction:column}.campaign-card{grid-template-columns:auto 1fr}.campaign-card>a{grid-column:1/-1}.human-service-grid{grid-template-columns:1fr}}

.nav-stack::-webkit-scrollbar{width:6px}.nav-stack::-webkit-scrollbar-thumb{background:#c9c7d5;border-radius:10px}.nav-stack::-webkit-scrollbar-track{background:transparent}

.prefill-summary{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.prefill-summary span{font-size:10px;font-weight:750;color:var(--purple);background:#f1eeff;border:1px solid #ddd5ff;border-radius:999px;padding:6px 9px}.prefill-notice{font-size:10px;color:#5c5376;background:#faf7ff;border:1px solid #e9ddff;border-radius:10px;padding:9px 11px;margin-bottom:10px}
[data-theme="dark"] .prefill-summary span,[data-theme="dark"] .prefill-notice{background:#202943;border-color:#35405e;color:#d9d4ff}

/* v1.6 BrandOS + custom player */
.brandhub-hero{padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 85% 20%,#d10ce633,transparent 25%),linear-gradient(135deg,#17132c,#342168);color:#fff}.brandhub-hero h2{font-size:34px;font-weight:800;margin:14px 0 8px}.brandhub-hero p{max-width:760px;color:#cbc7df;margin:0}.eyebrow-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:99px;background:#ffffff17;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.brandhub-card{overflow:hidden;height:100%}.brandhub-cover{height:150px;background:linear-gradient(135deg,#261941,#8f1da6);display:grid;place-items:center;position:relative}.brandhub-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,#ffffff33,transparent 25%),repeating-linear-gradient(120deg,transparent 0 18px,#ffffff0a 18px 19px)}.brandhub-cover img{width:82px;height:82px;object-fit:contain;z-index:1}.brandhub-cover span{width:72px;height:72px;border-radius:20px;background:#ffffff20;border:1px solid #ffffff55;display:grid;place-items:center;color:#fff;font-size:32px;font-weight:800;z-index:1;backdrop-filter:blur(8px)}.brandhub-body{padding:22px}.brandhub-body small{font-size:9px;color:#b318df;font-weight:800;letter-spacing:1px}.brandhub-body h3{font-size:19px;font-weight:800;margin:5px 0}.brandhub-body p{color:var(--muted);font-size:12px;min-height:38px}.brandhub-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.brandhub-metrics span{font-size:9px;color:var(--muted)}.brandhub-metrics b{font-size:15px;color:var(--ink);display:block}.status-dot{width:9px;height:9px;background:#21cf8a;border-radius:50%;box-shadow:0 0 0 6px #21cf8a18}.brand-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sticky-save{position:sticky;bottom:15px;margin-top:18px;background:#17132de8;backdrop-filter:blur(14px);padding:13px;border-radius:15px;display:flex;justify-content:flex-end;gap:10px;z-index:10}.brand-detail-hero{padding:25px;display:flex;align-items:center;gap:20px}.brand-detail-hero h2{font-size:30px;font-weight:800;margin:8px 0 5px}.brand-detail-hero p{color:var(--muted);margin:0}.brand-logo-large{width:94px;height:94px;border-radius:24px;background:linear-gradient(135deg,#bb07db,#0637bf);display:grid;place-items:center;flex:0 0 auto}.brand-logo-large img{max-width:72px;max-height:72px}.brand-logo-large span{color:#fff;font-size:36px;font-weight:800}.brand-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.brand-tags span{font-size:10px;background:#f4f2fb;border:1px solid var(--line);padding:7px 10px;border-radius:9px}.metric-word{font-size:16px!important}.brand-dna-grid{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:16px}.brand-dna-grid>div{padding:16px;background:#f8f8fb;border-radius:13px}.brand-dna-grid span,.mini-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#a314df}.brand-dna-grid p{font-size:12px;line-height:1.65;margin:8px 0 0}.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.asset-card{display:grid;grid-template-columns:75px 1fr;gap:13px;padding:13px;border:1px solid var(--line);border-radius:14px}.asset-preview{height:75px;border-radius:12px;background:linear-gradient(145deg,#17142c,#5d2ea2);display:grid;place-items:center;color:#fff;font-size:24px}.asset-card small{font-size:8px;color:#a314df;font-weight:800}.asset-card h4{font-size:12px;font-weight:800;margin:3px 0}.asset-card p{font-size:9px;color:var(--muted);margin-bottom:7px}.col-span{grid-column:1/-1}.color-string{padding:13px;border-radius:10px;background:linear-gradient(90deg,#d90917,#7d16bd,#0437bf);color:#fff;font-weight:800;font-size:11px}.soniq-player{background:linear-gradient(145deg,#121022,#24205a);border-radius:14px;padding:13px;color:#fff;margin-top:10px;overflow:hidden}.soniq-player audio{display:none}.soniq-wave{height:54px;display:flex;align-items:center;gap:2px}.soniq-wave i{flex:1;min-width:2px;background:linear-gradient(180deg,#dd08d9,#3065ff);border-radius:8px;opacity:.6;transform-origin:center;transition:.2s}.soniq-player.playing .soniq-wave i{animation:soniqPulse .8s ease-in-out infinite alternate}.soniq-player.playing .soniq-wave i:nth-child(3n){animation-delay:.15s}.soniq-player.playing .soniq-wave i:nth-child(4n){animation-delay:.3s}@keyframes soniqPulse{to{transform:scaleY(.45);opacity:1}}.soniq-progress{height:5px;background:#ffffff20;border-radius:99px;cursor:pointer;margin:8px 0 11px}.soniq-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#d90917,#b900e9,#0437bf);border-radius:inherit}.soniq-controls{display:flex;align-items:center;gap:10px}.soniq-controls button{width:35px;height:35px;border-radius:50%;border:0;color:#fff;background:linear-gradient(135deg,#c800dd,#1547dd)}.soniq-controls span{font-size:9px;min-width:72px}.soniq-controls input{width:72px}.soniq-controls select{margin-left:auto;background:#ffffff12;color:#fff;border:1px solid #ffffff22;border-radius:8px;padding:5px;font-size:9px}.soniq-controls option{color:#111}[data-theme="dark"] .brand-dna-grid>div{background:#171d31}[data-theme="dark"] .brandhub-metrics b{color:#f2f4ff}[data-theme="dark"] .brand-tags span{background:#171d31}@media(max-width:1000px){.brand-editor-grid,.brand-dna-grid{grid-template-columns:1fr}.brand-detail-hero,.brandhub-hero{align-items:flex-start;flex-direction:column}.asset-grid{grid-template-columns:1fr}}@media(max-width:600px){.brandhub-hero{padding:22px}.brandhub-hero h2{font-size:26px}.brand-detail-hero .d-flex{flex-wrap:wrap}.asset-grid{padding:10px}}
/* v1.7 multilingual and RTL */
.language-menu .dropdown-toggle::after{display:none}.language-menu .dropdown-menu{min-width:180px;border-radius:14px;padding:8px}.language-menu .dropdown-item{border-radius:9px;padding:9px 12px}.language-menu .dropdown-item.active{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff}
html[dir="rtl"] body{text-align:right}html[dir="rtl"] .sidebar{left:auto;right:0;border-right:0;border-left:1px solid var(--border)}html[dir="rtl"] .main-area{margin-left:0;margin-right:var(--sidebar-width)}html[dir="rtl"] .nav-stack a{flex-direction:row}html[dir="rtl"] .top-actions{margin-left:0;margin-right:auto}html[dir="rtl"] .me-2{margin-right:0!important;margin-left:.5rem!important}html[dir="rtl"] .ms-2{margin-left:0!important;margin-right:.5rem!important}html[dir="rtl"] .dropdown-menu-end{--bs-position:start;left:0;right:auto}@media(max-width:991.98px){html[dir="rtl"] .sidebar{transform:translateX(110%)}html[dir="rtl"] .sidebar.open{transform:translateX(0)}html[dir="rtl"] .main-area{margin-right:0}}
/* v1.7.1 Client Portal & Production Experience */
.portal-welcome{padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:radial-gradient(circle at 85% 20%,#e000e640,transparent 28%),linear-gradient(135deg,#17132d,#35206a);color:#fff}.portal-welcome h2{font-size:34px;font-weight:800;margin:14px 0 8px}.portal-welcome p{max-width:760px;color:#d4d0e5;margin:0}.portal-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.portal-metric{padding:18px;display:flex;align-items:center;gap:13px}.portal-metric>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#d600dc22,#1747d522);color:var(--primary)}.portal-metric small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800}.portal-metric strong{font-size:24px}.portal-song{align-items:flex-start}.portal-progress{height:5px;background:var(--line);border-radius:99px;overflow:hidden;margin:8px 0 4px}.portal-progress span{display:block;height:100%;background:linear-gradient(90deg,#d90917,#d600dc,#0437bf)}.portal-upcoming>div{display:flex;gap:12px;padding:13px;border-bottom:1px solid var(--line)}.portal-upcoming>div>span{width:42px;height:45px;border-radius:11px;background:#f2efff;display:grid;place-items:center;font-weight:800;color:var(--primary)}.portal-upcoming>div>span small{font-size:8px}.portal-upcoming b,.portal-upcoming small{display:block}.activity-timeline{padding:20px}.activity-timeline>a{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:0 0 22px;color:inherit;position:relative}.activity-timeline>a:before{content:"";position:absolute;left:19px;top:34px;bottom:0;width:2px;background:var(--line)}.activity-dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d600dc,#1649dc);color:#fff;z-index:1}.activity-timeline h4{font-size:14px;margin:4px 0}.activity-timeline p,.activity-timeline small{font-size:10px;color:var(--muted);margin:0}.download-center-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:18px}.download-center-card{display:grid;grid-template-columns:52px 1fr;gap:14px;border:1px solid var(--line);padding:16px;border-radius:16px}.download-center-card h4{font-size:14px;font-weight:800;margin:4px 0}.download-center-card p,.download-center-card small{font-size:9px;color:var(--muted)}.compact-player .soniq-wave{height:38px}.calendar-list{padding:18px}.calendar-event{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:16px;border:1px solid var(--line);border-radius:15px;margin-bottom:10px}.calendar-date{border-radius:13px;background:linear-gradient(135deg,#d600dc,#1747d5);color:#fff;display:grid;place-items:center;padding:8px}.calendar-date b{font-size:22px}.calendar-date span{font-size:9px}.calendar-event h4{font-size:14px;margin:7px 0 2px}.calendar-event p{font-size:10px;color:var(--muted);margin:0}.message-layout{display:grid;grid-template-columns:280px 1fr;min-height:650px;overflow:hidden}.message-projects{border-right:1px solid var(--line);padding:16px}.message-projects h3{font-size:13px;font-weight:800;padding:8px}.message-projects a{display:flex;gap:10px;padding:12px;border-radius:12px;color:inherit}.message-projects a.active{background:#f1edff;color:var(--primary)}.message-projects b,.message-projects small{display:block;font-size:10px}.message-thread{display:grid;grid-template-rows:auto 1fr auto;min-height:650px}.message-thread-head{padding:20px;border-bottom:1px solid var(--line)}.message-thread-head h3{font-size:16px}.message-thread-head p{font-size:10px;color:var(--muted);margin:0}.message-bubbles{padding:24px;overflow:auto}.message-bubble{max-width:70%;padding:13px 15px;border-radius:16px;background:#f4f3f8;margin-bottom:12px}.message-bubble.mine{margin-left:auto;background:linear-gradient(135deg,#d900d9,#1546dd);color:#fff}.message-bubble b{font-size:10px}.message-bubble b small{opacity:.7}.message-bubble p{font-size:12px;margin:6px 0}.message-bubble>span{font-size:8px;opacity:.7}.message-composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-top:1px solid var(--line)}.message-composer textarea{border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--card-bg);color:var(--ink)}.production-workspace{display:grid;grid-template-columns:repeat(5,minmax(250px,1fr));gap:14px;overflow:auto;padding-bottom:12px}.production-column{background:#f4f3f8;border-radius:18px;padding:12px;min-height:600px}.production-column-head{display:flex;justify-content:space-between;padding:8px}.production-column-head h3{font-size:13px;font-weight:800}.production-card{display:block;padding:14px;background:var(--card-bg,#fff);border:1px solid var(--line);border-radius:14px;color:inherit;margin-bottom:10px}.production-card h4{font-size:12px;font-weight:800;margin:10px 0 5px}.production-card p,.production-card small{font-size:9px;color:var(--muted)}.priority-urgent,.priority-high,.priority-normal,.priority-low{font-size:7px;font-weight:900;padding:5px 7px;border-radius:99px}.priority-urgent{background:#fee2e2;color:#dc2626}.priority-high{background:#ffedd5;color:#ea580c}.priority-normal{background:#e0e7ff;color:#4338ca}.priority-low{background:#dcfce7;color:#15803d}[data-theme="dark"] .message-projects a.active,[data-theme="dark"] .portal-upcoming>div>span{background:#202943}[data-theme="dark"] .message-bubble{background:#20263a}[data-theme="dark"] .production-column{background:#121827}@media(max-width:1200px){.portal-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.portal-welcome{align-items:flex-start;flex-direction:column}.portal-metrics{grid-template-columns:repeat(2,1fr)}.download-center-grid{grid-template-columns:1fr}.message-layout{grid-template-columns:1fr}.message-projects{border-right:0;border-bottom:1px solid var(--line);max-height:220px;overflow:auto}}@media(max-width:520px){.portal-metrics{grid-template-columns:1fr}.portal-welcome h2{font-size:27px}}

/* v1.8 Media Center */
.media-hero{padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(circle at 78% 15%,#dd00e53b,transparent 24%),linear-gradient(135deg,#151129,#30205d);color:#fff}.media-hero h2{font-size:30px;font-weight:850;margin:13px 0 7px}.media-hero p{max-width:700px;color:#d6d2e5;margin:0}.media-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.media-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.media-side{padding:13px;height:calc(100vh - 155px);position:sticky;top:112px;overflow:auto}.media-side>a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:var(--ink);font-size:11px;font-weight:700;margin-bottom:3px}.media-side>a:hover,.media-side>a.active{background:linear-gradient(90deg,#d500df14,#1549dc14);color:var(--primary)}.media-side>a small{margin-left:auto;color:var(--muted)}.media-side-label{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:900;padding:17px 12px 7px}.storage-meter{margin:22px 7px 4px;padding:14px;border:1px solid var(--line);border-radius:14px}.storage-meter b{font-size:12px}.storage-meter span,.storage-meter small{font-size:8px;color:var(--muted)}.storage-meter .progress,.storage-admin{height:6px;background:var(--line);border-radius:99px;margin:9px 0;overflow:hidden}.storage-meter .progress span,.storage-admin span{display:block;height:100%;background:linear-gradient(90deg,#d90917,#d000dd,#0437bf);border-radius:inherit}.media-main{min-width:0}.media-toolbar{display:flex;padding:11px;justify-content:space-between;align-items:center}.media-search{display:flex;align-items:center;gap:10px;flex:1}.media-search>i{color:var(--muted);margin-left:6px}.media-search input{border:0;background:transparent;outline:0;color:var(--ink);flex:1;font-size:11px}.media-search select{border:1px solid var(--line);background:var(--card-bg);color:var(--ink);border-radius:9px;padding:7px 10px;font-size:10px}.view-switch{display:flex;gap:3px}.view-switch button{border:0;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:8px}.view-switch button.active{background:var(--line);color:var(--primary)}.media-breadcrumb{display:flex;gap:9px;align-items:center;font-size:10px;padding:15px 4px 0}.media-breadcrumb i{font-size:7px;color:var(--muted)}.media-section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 11px}.media-section-title h3{font-size:15px;font-weight:850;margin:0}.media-section-title span{font-size:9px;color:var(--muted)}.folder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.folder-card{display:flex;align-items:center;gap:11px;padding:14px;color:inherit}.folder-card>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--folder-color) 14%,transparent);color:var(--folder-color);font-size:19px}.folder-card div{flex:1}.folder-card b,.folder-card small{display:block}.folder-card b{font-size:11px}.folder-card small{font-size:8px;color:var(--muted)}.folder-card>i{font-size:11px;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.media-grid.list-view{grid-template-columns:1fr}.media-grid.list-view .media-card{display:grid;grid-template-columns:64px 1fr auto}.media-grid.list-view .media-thumb{height:58px}.media-card{position:relative;background:var(--card-bg,#fff);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.22s}.media-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #15152a12}.media-thumb{height:150px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#18142e,#39246e);color:#fff;font-size:35px}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb>span{position:absolute;bottom:8px;left:8px;font-size:7px;font-weight:900;background:#101020a8;color:#fff;padding:4px 6px;border-radius:6px}.media-thumb.type-pdf,.media-thumb.type-license{background:linear-gradient(145deg,#32121d,#bf183c)}.media-thumb.type-document{background:linear-gradient(145deg,#112448,#1760bc)}.media-thumb.type-archive{background:linear-gradient(145deg,#2c1c0e,#9a5a13)}.mini-wave{width:70%;height:56px;display:flex;gap:3px;align-items:center}.mini-wave i{flex:1;background:linear-gradient(180deg,#ff20d7,#3974ff);border-radius:7px}.play-overlay{position:absolute;font-size:13px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#ffffffed;color:#7c1dcc}.media-card-body{padding:13px}.media-card-body h4{font-size:11px;font-weight:850;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.media-card-body p{font-size:8px;color:var(--muted);margin:0}.media-tags{display:flex;gap:4px;margin-top:8px;overflow:hidden}.media-tags em{font-style:normal;font-size:7px;background:#6d5dfc12;color:var(--primary);padding:3px 5px;border-radius:5px}.media-check{position:absolute;z-index:4;top:9px;left:9px}.media-check input{display:none}.media-check span{display:block;width:20px;height:20px;border:2px solid #fff;border-radius:6px;background:#1115}.media-check input:checked+span{background:linear-gradient(135deg,#d700d9,#1648dc);box-shadow:inset 0 0 0 4px #fff}.media-fav{position:absolute;z-index:4;right:9px;top:9px;border:0;width:28px;height:28px;border-radius:8px;background:#1118;color:#fff}.media-fav.active{color:#ffd43b}.media-menu{position:absolute;right:10px;bottom:10px}.media-menu>button{border:0;background:transparent;color:var(--muted)}.media-bulkbar{display:flex;align-items:center;gap:9px;padding:10px 12px;margin-bottom:11px;border:1px solid var(--line);border-radius:13px;background:var(--card-bg)}.media-bulkbar b{font-size:10px;margin-right:auto}.media-bulkbar select{font-size:9px;border:1px solid var(--line);border-radius:8px;padding:7px;background:var(--card-bg);color:var(--ink)}.media-empty{grid-column:1/-1;padding:70px 20px}.media-empty h3{font-size:17px;margin-top:15px}.media-dropzone{position:relative;border:2px dashed #7955e566;border-radius:18px;padding:45px 24px;text-align:center;background:linear-gradient(145deg,#6d5dfc08,#db00da08)}.media-dropzone.dragover{border-color:#d000dd;background:#d000dd0f}.media-dropzone>input{position:absolute;inset:0;opacity:0;cursor:pointer}.media-dropzone>i{font-size:42px;background:linear-gradient(135deg,#d90917,#c700d9,#0437bf);background-clip:text;color:transparent}.media-dropzone h3{font-size:16px;font-weight:850;margin:12px 0 5px}.media-dropzone p{font-size:9px;color:var(--muted)}.media-dropzone [data-file-list]{font-size:9px;color:var(--primary);margin-top:12px}.file-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.file-preview-stage{min-height:720px;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.file-preview-top{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.file-preview-content{display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 25%,#7646cf18,transparent 38%),#0b0d17;overflow:auto}.media-image-viewer{max-width:100%;max-height:620px;object-fit:contain;border-radius:12px;box-shadow:0 30px 70px #0008}.media-pdf-viewer{width:100%;height:650px;border:0;border-radius:10px;background:#fff}.media-video-viewer{max-width:100%;max-height:620px;border-radius:13px}.generic-file-preview{text-align:center;color:#fff}.generic-file-preview>i{font-size:70px;color:#ba42e9}.generic-file-preview h2{font-size:19px;margin:18px 0 8px}.audio-art{text-align:center;color:#fff;margin-bottom:20px}.audio-art>i{font-size:68px;background:linear-gradient(135deg,#ff1948,#dc14e6,#2864ff);background-clip:text;color:transparent}.audio-art h2{font-size:22px;margin:15px 0 5px}.audio-art p{font-size:10px;color:#b9b8c8}.pro-player{width:min(760px,95%);padding:22px}.pro-player .soniq-wave{height:100px}.file-inspector{height:max-content;overflow:hidden}.file-meta-list{padding:10px 18px 20px;border-top:1px solid var(--line)}.file-meta-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.file-meta-list span{font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:800}.file-meta-list b{font-size:9px;text-align:right;max-width:180px;word-break:break-word}.admin-media-list{padding:10px 17px}.admin-media-list>a{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);color:inherit}.admin-media-list>a>span{width:38px;height:38px;border-radius:10px;background:#6d5dfc15;color:var(--primary);display:grid;place-items:center}.admin-media-list b,.admin-media-list small{display:block;font-size:10px}.admin-media-list small{font-size:8px;color:var(--muted)}.media-type-stats{padding:13px}.media-type-stats>div{display:grid;grid-template-columns:1fr auto;gap:3px;padding:12px;border-bottom:1px solid var(--line)}.media-type-stats span,.media-type-stats b{font-size:10px}.media-type-stats small{grid-column:1/-1;color:var(--muted);font-size:8px}[data-theme="dark"] .media-card,[data-theme="dark"] .media-toolbar,[data-theme="dark"] .media-bulkbar{--card-bg:#131a2a}@media(max-width:1300px){.media-grid{grid-template-columns:repeat(3,1fr)}.folder-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.media-layout{grid-template-columns:1fr}.media-side{height:auto;position:static;display:flex;gap:5px;overflow:auto}.media-side>a{white-space:nowrap}.media-side-label,.storage-meter{display:none}.file-detail-layout{grid-template-columns:1fr}.folder-grid,.media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.media-hero{align-items:flex-start;flex-direction:column}.media-toolbar,.media-search{align-items:stretch;flex-direction:column}.folder-grid,.media-grid{grid-template-columns:1fr}.media-bulkbar{align-items:stretch;flex-direction:column}.file-preview-stage{min-height:520px}.media-pdf-viewer{height:500px}}


/* v1.9 Marketing Center */
.marketing-hero{padding:28px 32px;background:radial-gradient(circle at 85% 20%,#d9091735,transparent 24%),radial-gradient(circle at 65% 110%,#0437bf45,transparent 34%),linear-gradient(135deg,#171326,#29184b);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden}.marketing-hero h2{font-size:30px;font-weight:850;margin:8px 0}.marketing-hero p{margin:0;color:#d2cee4;max-width:720px;font-size:12px}.marketing-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.marketing-module{padding:18px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;color:inherit}.marketing-module>span{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#d9091716,#c516d81a,#0437bf18);display:grid;place-items:center;color:var(--primary);font-size:18px}.marketing-module h3{font-size:12px;font-weight:850;margin:0 0 5px}.marketing-module p{font-size:9px;color:var(--muted);margin:0;line-height:1.5}.marketing-module>i{font-size:10px;color:var(--muted)}.marketing-module:hover{transform:translateY(-2px);border-color:#844cff44}.landing-row{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.landing-row b,.landing-row small{display:block}.landing-row b{font-size:11px}.landing-row small{font-size:8px;color:var(--muted);margin-top:3px}.drag-handle{color:var(--muted)}.testimonial-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.testimonial-admin-grid blockquote{font-size:11px;line-height:1.65;margin:9px 0 13px}.stars{color:#ffba20;letter-spacing:2px;font-size:10px}.announcement-preview{background:var(--abg);color:var(--atxt);padding:12px 16px;border-radius:11px;font-size:10px}.announcement-preview span{font-weight:900;margin-right:8px}.announcement-preview b{margin-left:8px}.automation-rule{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.automation-rule>span{width:42px;height:42px;border-radius:12px;background:#6d5dfc15;color:var(--primary);display:grid;place-items:center}.automation-rule b,.automation-rule small{display:block}.automation-rule b{font-size:11px}.automation-rule small{font-size:8px;color:var(--muted);margin-top:3px}.automation-rule em{font-size:8px;font-style:normal;font-weight:900;color:#29a36a}.referral-hero{padding:28px;background:linear-gradient(135deg,#1b1530,#3c1d64);color:#fff;display:grid;grid-template-columns:1fr minmax(340px,.8fr);align-items:center;gap:30px}.referral-hero h2{font-size:27px;font-weight:850;margin:8px 0}.referral-hero p{font-size:11px;color:#d6d1e8}.referral-link{display:flex;background:#ffffff12;border:1px solid #ffffff24;border-radius:13px;padding:6px}.referral-link input{flex:1;background:transparent;border:0;color:#fff;font-size:10px;padding:8px;outline:0}.referral-link button{border:0;border-radius:9px;background:#fff;color:#3c1d64;font-size:9px;font-weight:850;padding:0 14px}
@media(max-width:1150px){.marketing-module-grid{grid-template-columns:repeat(2,1fr)}.referral-hero{grid-template-columns:1fr}}@media(max-width:650px){.marketing-hero{align-items:flex-start;flex-direction:column}.marketing-module-grid,.testimonial-admin-grid{grid-template-columns:1fr}.referral-link{flex-direction:column}.referral-link button{padding:10px}}

/* =========================================================
   SoniqBrand Studio v2.0 — Delivery, Licensing & UI
   ========================================================= */
.sidebar-pin{position:absolute;right:-13px;top:28px;width:27px;height:27px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--muted);place-items:center;box-shadow:0 6px 18px #17162617;z-index:4;font-size:9px}.sidebar-top-toggle{place-items:center}.sidebar,.main-area,.brand span,.sidebar-foot div:nth-child(2),.nav-stack a{transition:width .25s ease,margin .25s ease,padding .25s ease,transform .25s ease,opacity .18s ease}
html[data-sidebar="collapsed"]{--sidebar:78px}html[data-sidebar="collapsed"] .sidebar{padding-left:11px;padding-right:11px}html[data-sidebar="collapsed"] .brand{justify-content:center;padding-left:0;padding-right:0}html[data-sidebar="collapsed"] .brand>span:last-child,html[data-sidebar="collapsed"] .nav-label,html[data-sidebar="collapsed"] .sidebar-foot>div:nth-child(2){display:none}html[data-sidebar="collapsed"] .nav-stack a{font-size:0;justify-content:center;gap:0;padding-left:8px;padding-right:8px}html[data-sidebar="collapsed"] .nav-stack a i{font-size:14px;width:auto}html[data-sidebar="collapsed"] .sidebar-foot{justify-content:center}html[data-sidebar="collapsed"] .sidebar-foot>a{display:none}html[data-sidebar="collapsed"] .sidebar-pin i{transform:rotate(180deg)}
.app-footer{min-height:62px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 28px;color:var(--muted);font-size:10px;background:var(--panel)}.app-footer b{color:var(--ink);font-weight:800}.footer-divider{margin:0 8px;color:var(--line)}.footer-version{font-weight:800;letter-spacing:.04em;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:6px 10px}
.song-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#161327,#6d43ff)}.song-art img{width:100%;height:100%;object-fit:cover;display:block}.song-art:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#07071473);pointer-events:none}.song-row .cover.song-art{display:block}.album-art.song-art{padding:0!important}.album-art.song-art i,.album-art.song-art .art-lines{display:none}
.status-progress-wrap{position:relative;height:34px;min-width:150px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--muted) 11%,transparent);border:1px solid var(--line);isolation:isolate}.status-progress-wrap .status-buffer{position:absolute;inset:0 auto 0 0;width:var(--progress,10%);background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 75%,#ff2bd6),color-mix(in srgb,var(--secondary) 78%,#8a2dff));border-radius:inherit;transition:width .5s ease;z-index:-1;opacity:.28}.status-progress-wrap.is-active .status-buffer:after{content:"";position:absolute;inset:-20px;width:80px;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-24deg);animation:sbBufferShimmer 1.35s linear infinite}.status-progress-wrap .status-label{height:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;font-size:9px;font-weight:900;color:var(--ink);white-space:nowrap}.status-progress-wrap.is-complete{background:#19875416;border-color:#19875433}.status-progress-wrap.is-complete .status-buffer{opacity:.15;background:#198754}.status-progress-wrap.is-complete .status-label{color:#198754}@keyframes sbBufferShimmer{from{left:-90px}to{left:calc(100% + 90px)}}
.portal-progress.is-buffering{position:relative;overflow:hidden}.portal-progress.is-buffering span:after{content:"";position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(90deg,transparent,#fff8,transparent);animation:sbBufferShimmer 1.5s linear infinite}.portal-song .cover,.song-row .cover{overflow:hidden}.portal-song .cover img,.song-row .cover img{width:100%;height:100%;object-fit:cover}

/* v2 deliverables */
.delivery-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.delivery-toolbar .ms-auto{margin-left:auto}.deliverable-select{position:absolute;top:10px;left:10px;z-index:3}.deliverable-card.v2{position:relative;grid-template-columns:56px minmax(0,1fr);padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.deliverable-card.v2 .file-icon{width:48px;height:48px}.deliverable-card.v2 .form-check-input{width:18px;height:18px}.deliverable-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:8px}.delivery-type-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:7px;background:#6d5dfc12;color:var(--primary);font-size:8px;font-weight:800}.multi-download-bar{position:sticky;bottom:12px;z-index:8;margin:15px auto 0;max-width:720px;background:#151525ed;color:#fff;border:1px solid #ffffff1f;border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 16px 40px #0004;backdrop-filter:blur(14px)}.multi-download-bar[hidden]{display:none}.multi-download-bar b{font-size:10px;margin-right:auto}.multi-download-bar .btn{padding:8px 12px}
.download-check{position:absolute;right:12px;top:12px}.download-center-card{position:relative}.download-center-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px #6d5dfc13}

/* licensing */
.license-hero{padding:27px;background:radial-gradient(circle at 85% 20%,#d900e833,transparent 30%),linear-gradient(135deg,#141126,#291948);color:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center}.license-hero h2{font-size:28px;font-weight:850;margin:9px 0}.license-hero p{color:#d7d4e3;max-width:720px;margin:0}.license-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.license-card{padding:19px;position:relative;overflow:hidden}.license-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#6d5dfc1b,transparent 65%);right:-40px;top:-40px}.license-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.license-seal{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#d90917,#c500df,#0437bf);display:grid;place-items:center;color:#fff;font-size:18px;box-shadow:0 10px 30px #6c4cff38}.license-card h3{font-size:14px;font-weight:850;margin:14px 0 5px}.license-card p{font-size:9px;color:var(--muted)}.license-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.license-meta div{padding:9px;border:1px solid var(--line);border-radius:10px}.license-meta small,.license-meta b{display:block}.license-meta small{font-size:7px;text-transform:uppercase;color:var(--muted);font-weight:800}.license-meta b{font-size:9px;margin-top:3px}.license-actions{display:flex;gap:7px;margin-top:15px}.license-document{max-width:930px;margin:0 auto;background:#fff;color:#151525;border-radius:5px;box-shadow:0 25px 80px #15152518;overflow:hidden}.license-doc-head{padding:42px 52px;color:#fff;background:linear-gradient(135deg,#111128,#3c1a70);display:flex;justify-content:space-between;align-items:flex-start}.license-doc-head h1{font-size:30px;font-weight:900;margin:9px 0 4px}.license-doc-head p{opacity:.75;margin:0}.license-doc-seal{width:86px;height:86px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,#d90917,#d000dd,#0437bf);font-size:34px}.license-doc-body{padding:45px 52px}.license-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.license-facts div{border:1px solid #ececf2;padding:14px;border-radius:12px}.license-facts small,.license-facts b{display:block}.license-facts small{font-size:8px;text-transform:uppercase;color:#8c8d9b;font-weight:800}.license-facts b{font-size:11px;margin-top:5px}.license-rights{border-left:4px solid #7d39ed;background:#f7f4ff;padding:18px 20px;border-radius:0 12px 12px 0}.license-rights h3{font-size:13px;font-weight:850}.license-rights p{font-size:10px;line-height:1.75;margin:0}.license-verification{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #ececf2;margin-top:30px;padding-top:25px}.verify-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#151525;color:#fff;padding:11px 13px;border-radius:9px;letter-spacing:.08em;font-size:10px}.license-signature{text-align:right}.license-signature strong{display:block;font-size:12px}.license-signature span{font-size:9px;color:#888}

/* upload manager */
.upload-manager-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.upload-drop-card{padding:22px}.upload-type-block{border:1px solid var(--line);border-radius:15px;padding:16px;margin-bottom:12px;background:linear-gradient(145deg,#6d5dfc05,transparent)}.upload-type-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.upload-type-head span{width:40px;height:40px;border-radius:12px;background:#6d5dfc13;color:var(--primary);display:grid;place-items:center}.upload-type-head h4{font-size:12px;font-weight:850;margin:0}.upload-type-head small{font-size:8px;color:var(--muted)}.upload-type-block input[type=file]{font-size:10px}.batch-summary{position:sticky;top:112px;padding:18px}.batch-summary h3{font-size:14px;font-weight:850}.batch-summary-list>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:9px}.upload-file-preview{font-size:8px;color:var(--primary);margin-top:8px;word-break:break-word}

/* artwork */
.artwork-preview{width:220px;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#161327;box-shadow:0 20px 50px #17162622}.artwork-preview img{width:100%;height:100%;object-fit:cover}.artwork-setting-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px;align-items:start}.song-artwork-admin{display:flex;gap:18px;align-items:center}.song-artwork-admin .artwork-preview{width:125px;border-radius:16px}

/* delivery dashboard */
.deliverables-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.deliverable-status-card{padding:14px;min-height:122px;display:flex;flex-direction:column}.deliverable-status-card>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#6d5dfc13;color:var(--primary)}.deliverable-status-card h4{font-size:10px;font-weight:850;margin:12px 0 4px}.deliverable-status-card p{font-size:8px;color:var(--muted);margin:0}.deliverable-status-card .ready{color:#198754;font-weight:800}.deliverable-status-card .pending{color:#c78900;font-weight:800}

[data-theme="dark"] .license-document{background:#fff;color:#151525}[data-theme="dark"] .app-footer{background:#111826}[data-theme="dark"] .status-progress-wrap .status-label{color:#f1f2f8}
@media(max-width:1200px){.license-grid{grid-template-columns:repeat(2,1fr)}.deliverables-board{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){html[data-sidebar="collapsed"]{--sidebar:238px}html[data-sidebar="collapsed"] .sidebar{padding:22px 15px}html[data-sidebar="collapsed"] .brand>span:last-child,html[data-sidebar="collapsed"] .nav-label,html[data-sidebar="collapsed"] .sidebar-foot>div:nth-child(2){display:block}html[data-sidebar="collapsed"] .nav-stack a{font-size:13px;justify-content:flex-start;gap:11px;padding:11px 12px}html[data-sidebar="collapsed"] .nav-stack a i{font-size:inherit;width:18px}.upload-manager-layout,.artwork-setting-grid{grid-template-columns:1fr}.batch-summary{position:static}.license-grid{grid-template-columns:1fr}.license-doc-head,.license-doc-body{padding:28px}.license-facts{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.app-footer{align-items:flex-start;flex-direction:column;padding:15px 16px;gap:8px}.footer-divider{display:none}.app-footer>div:first-child span{display:block;margin:2px 0}.license-hero{align-items:flex-start;flex-direction:column}.license-facts{grid-template-columns:1fr}.license-verification{align-items:flex-start;flex-direction:column}.license-signature{text-align:left}.deliverables-board{grid-template-columns:repeat(2,1fr)}.multi-download-bar{left:10px;right:10px;margin:10px 0}.song-artwork-admin{align-items:flex-start;flex-direction:column}}
@media print{.sidebar,.topbar,.app-footer,.license-screen-actions{display:none!important}.main-area{margin:0!important}.content-wrap{padding:0!important}.license-document{box-shadow:none;max-width:none}.license-document *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.main-area{min-height:100vh;display:flex;flex-direction:column}.content-wrap{flex:1;width:100%}


/* v2.1 social authentication */
.auth-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#f2efff;color:var(--purple);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.auth-kicker-light{background:#ffffff16;color:#fff;border:1px solid #ffffff24}.auth-trust-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;font-size:11px;opacity:.78}.social-auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 15px;color:#999cad;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.social-auth-divider:before,.social-auth-divider:after{content:"";height:1px;background:#ececf2;flex:1}.social-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.social-auth-btn{min-height:44px;border:1px solid #e6e7ee;border-radius:11px;color:#242333;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;font-size:12px;font-weight:800;transition:.18s}.social-auth-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #29254112;border-color:#d7d3e8;color:var(--purple)}.social-auth-btn i{font-size:16px}.social-google i{color:#4285f4}.social-facebook i{color:#1877f2}.social-x i{color:#111}.social-linkedin i{color:#0a66c2}.social-discord i{color:#5865f2}.auth-card-compact{max-width:820px}.social-auth-admin-hero{min-height:160px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.social-auth-admin-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--purple)22,transparent 68%);right:-70px;top:-90px}.auth-shield{position:relative;z-index:1;width:75px;height:75px;border-radius:22px;display:grid;place-items:center;color:#fff;font-size:29px;background:linear-gradient(135deg,var(--purple),var(--secondary));box-shadow:0 18px 45px #6c4cff35}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800;color:var(--purple)}.provider-admin-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f5f5f9;font-size:18px;flex:0 0 auto}.provider-google{color:#4285f4}.provider-facebook{color:#1877f2}.provider-x{color:#111}.provider-linkedin{color:#0a66c2}.provider-discord{color:#5865f2}.callback-copy{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#f8f8fb;border:1px solid var(--line);border-radius:10px;overflow:hidden}.callback-copy code{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.provider-stats{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);padding:10px 12px;background:#fafafe;border-radius:10px}.connected-provider-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.connected-provider{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;padding:11px}.connected-provider b,.connected-provider small{display:block}.connected-provider b{font-size:12px}.connected-provider small{font-size:9px;color:var(--muted);margin-top:2px}
[data-theme="dark"] .social-auth-btn,[data-theme="dark"] .callback-copy,[data-theme="dark"] .provider-stats{background:#171722;border-color:#2a2937;color:#eee}[data-theme="dark"] .provider-admin-icon{background:#20202c}[data-theme="dark"] .social-x i{color:#fff}
@media(max-width:650px){.social-auth-grid{grid-template-columns:1fr}.social-auth-admin-hero{min-height:auto}.auth-shield{display:none}}


/* ===== v2.2 Reward Center ===== */
.reward-hero{background:radial-gradient(circle at 82% 20%,#d946ef55,transparent 25%),radial-gradient(circle at 65% 100%,#2563eb55,transparent 30%),linear-gradient(135deg,#151326,#2e165f 55%,#191b48);border-radius:22px;padding:30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;position:relative}.reward-hero:before{content:"";position:absolute;inset:-80px;background:repeating-radial-gradient(circle at 85% 30%,transparent 0 28px,#ffffff08 29px 30px);pointer-events:none}.reward-hero h2{font-size:29px;font-weight:850;margin:9px 0}.reward-hero p{color:#d7d0f6;margin:0;max-width:590px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#f5c7ff}.reward-balances{display:flex;gap:10px;position:relative;z-index:1}.reward-balances>div{min-width:115px;background:#ffffff10;border:1px solid #ffffff22;backdrop-filter:blur(10px);border-radius:15px;padding:14px}.reward-balances i{color:#f2a8ff}.reward-balances span{font-size:9px;display:block;color:#c9c0e6;margin:6px 0 2px}.reward-balances strong{font-size:20px}.reward-grid-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:18px}.daily-reward-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.daily-reward-card{border:1px solid var(--line);border-radius:15px;padding:11px;text-align:center;background:linear-gradient(180deg,#fff,#faf9ff);position:relative;overflow:hidden}.daily-reward-card.today{border-color:#7c5cff;box-shadow:0 8px 24px #6c4cff22}.daily-reward-card.claimed{background:#f2fff7;border-color:#bde9cc}.daily-reward-card.missed{opacity:.55;filter:grayscale(.5)}.daily-reward-card.bonus:after{content:"BONUS";position:absolute;right:-25px;top:10px;transform:rotate(45deg);font-size:7px;font-weight:900;background:#f59e0b;color:#fff;padding:3px 27px}.reward-date b,.reward-date small{display:block}.reward-date b{font-size:11px}.reward-date small{font-size:8px;color:var(--muted)}.coin-medallion{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin:10px auto 5px;background:radial-gradient(circle at 35% 30%,#fff6a8,#f5b700 48%,#b26b00);color:#fff7c8;box-shadow:inset 0 0 0 3px #ffffff44,0 7px 16px #c9860030}.daily-reward-card>strong{font-size:22px;display:block}.daily-reward-card>span{display:block;font-size:8px;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.reward-rule-note{display:flex;gap:9px;align-items:flex-start;margin-top:13px;padding:11px 13px;border-radius:11px;background:#f5f2ff;color:#665d83;font-size:10px}.month-orbit{width:145px;height:145px;border-radius:50%;margin:8px auto 15px;display:grid;place-items:center;background:conic-gradient(#7c5cff calc(var(--month-pct,50)*1%),#eee 0);position:relative}.month-orbit:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--panel,#fff)}.month-orbit-inner{z-index:1;text-align:center}.month-orbit-inner strong{display:block;font-size:31px}.month-orbit-inner span{font-size:10px;color:var(--muted)}.month-tier-list{display:grid;gap:7px}.month-tier-list>div{border:1px solid var(--line);border-radius:10px;padding:9px 11px;display:flex;justify-content:space-between;font-size:10px}.month-tier-list .reached{border-color:#a7e7bd;background:#f0fff5;color:#1d7b3b}.spin-zone,.scratch-zone{display:flex;align-items:center;gap:24px}.spin-wheel{width:180px;height:180px;min-width:180px;border-radius:50%;background:conic-gradient(#6c4cff 0 16.6%,#ec4899 0 33.2%,#2563eb 0 49.8%,#14b8a6 0 66.4%,#f59e0b 0 83%,#9333ea 0);border:7px solid #fff;box-shadow:0 0 0 2px #e6e1fa,0 15px 35px #3926a52e;display:grid;place-items:center;position:relative}.spin-wheel:before{content:"";position:absolute;top:-12px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:22px solid #171626;z-index:2}.spin-wheel-core{width:54px;height:54px;border-radius:50%;background:#171626;color:#fff;display:grid;place-items:center;border:5px solid #fff}.spin-wheel.spinning{animation:rewardSpin 1.3s cubic-bezier(.12,.7,.18,1)}.spin-wheel.used{filter:saturate(.45);opacity:.7}.spin-copy h4,.scratch-zone h4{font-size:15px;font-weight:800}.spin-copy p,.scratch-zone p{font-size:11px;color:var(--muted)}@keyframes rewardSpin{to{transform:rotate(1440deg)}}.scratch-card{width:205px;min-width:205px;height:130px;border-radius:17px;padding:8px;background:linear-gradient(135deg,#6c4cff,#d946ef);box-shadow:0 14px 30px #6c4cff28}.scratch-pattern{height:100%;border:1px dashed #ffffff70;border-radius:12px;background:repeating-linear-gradient(135deg,#ffffff18 0 8px,transparent 8px 16px);display:grid;place-items:center;color:#fff;align-content:center}.scratch-pattern i{font-size:28px}.scratch-pattern b{font-size:14px;letter-spacing:2px;margin-top:5px}.scratch-pattern small{font-size:8px;opacity:.7}.scratch-card.used{filter:grayscale(.4);opacity:.7}.task-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.reward-task-card{border:1px solid var(--line);border-radius:13px;padding:13px;display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center}.task-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#f0edff;color:var(--purple);font-size:18px}.reward-task-card h4{font-size:12px;margin:0 0 3px;font-weight:800}.reward-task-card p{font-size:9px;color:var(--muted);margin:0 0 4px}.reward-task-card>div>span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#9a96aa}.reward-task-card>strong{font-size:12px;color:#6c4cff}.task-actions{grid-column:2/4;display:flex;gap:7px}.conversion-equation{display:flex;align-items:center;justify-content:center;gap:28px;padding:25px 10px}.conversion-equation>div{text-align:center}.conversion-equation strong{font-size:33px;display:block}.conversion-equation span{font-size:9px;color:var(--muted);text-transform:uppercase}.conversion-equation>i{color:#8b83a8}.conversion-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.conversion-form label{font-size:10px;font-weight:800}.level-current{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--level-color) 14%,transparent),transparent);border:1px solid color-mix(in srgb,var(--level-color) 35%,#eee);border-radius:14px;padding:16px}.level-current>i{font-size:28px;color:var(--level-color)}.level-current strong,.level-current span{display:block}.level-current span{font-size:10px;color:var(--muted)}.level-progress-meta{display:flex;justify-content:space-between;font-size:9px;margin:15px 0 6px}.reward-reveal-backdrop{position:fixed;inset:0;background:#0c0a18cc;backdrop-filter:blur(8px);z-index:2000;display:grid;place-items:center;padding:20px}.reward-reveal-modal{width:min(410px,100%);background:#fff;border-radius:24px;padding:34px;text-align:center;box-shadow:0 40px 100px #0008}.reveal-burst{width:95px;height:95px;border-radius:50%;margin:-5px auto 18px;background:radial-gradient(circle,#fff8bc,#f5b700 50%,#d67600);display:grid;place-items:center;color:#fff;font-size:36px;box-shadow:0 0 50px #f5b70066}.reward-reveal-modal small{font-weight:900;letter-spacing:2px;color:#8e85aa}.reward-reveal-modal h2{font-size:31px;font-weight:900;margin:6px 0}.reward-reveal-modal p{font-size:11px;color:var(--muted)}.admin-reward-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:18px}.settings-block{padding:14px;border:1px solid var(--line);border-radius:13px}.settings-block h4{font-size:12px;font-weight:800}.client-points-list{display:grid;gap:6px}.client-points-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;font-size:10px}.client-points-list small{display:block;color:var(--muted)}.reward-level-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-level-card{border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border-top:3px solid var(--level-color)}.admin-level-card>i{color:var(--level-color);font-size:22px}.admin-level-card h4{font-size:12px;margin:0}.admin-level-card p,.admin-level-card small{font-size:9px;color:var(--muted);margin:2px 0;display:block}
[data-theme="dark"] .daily-reward-card,[data-theme="dark"] .reward-reveal-modal{background:#151b2e;color:#eef2ff}[data-theme="dark"] .reward-rule-note{background:#202943;color:#bac5df}[data-theme="dark"] .month-orbit:before{background:#111728}
@media(max-width:1100px){.daily-reward-grid{grid-template-columns:repeat(4,1fr)}.reward-grid-2,.admin-reward-grid{grid-template-columns:1fr}.reward-balances{flex-wrap:wrap}.reward-level-admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.reward-hero{display:block}.reward-balances{margin-top:20px}.reward-balances>div{flex:1}.daily-reward-grid{grid-template-columns:repeat(2,1fr)}.task-reward-grid{grid-template-columns:1fr}.spin-zone,.scratch-zone{display:block}.spin-wheel,.scratch-card{margin:0 auto 20px}.reward-level-admin-grid{grid-template-columns:1fr}}

/* ===== v2.4 Smart Navbar & Wallet ===== */
.smart-topbar{height:auto;min-height:88px}.topbar-title{min-width:160px}.smart-actions{align-items:center;gap:8px}.smart-wallet-pill{border:1px solid var(--line);background:var(--panel);min-width:112px;height:48px;border-radius:14px;padding:7px 12px;display:flex;align-items:center;gap:9px;color:var(--ink);box-shadow:0 6px 18px rgba(35,32,68,.04)}.smart-wallet-pill:after{display:none}.smart-wallet-pill .wallet-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.smart-wallet-pill small,.smart-wallet-pill b{display:block;text-align:left;line-height:1.05}.smart-wallet-pill small{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:800}.smart-wallet-pill b{font-size:14px;margin-top:4px}.credits-pill .wallet-icon{background:#eee9ff;color:#6c4cff}.points-pill .wallet-icon{background:#fff1cf;color:#d98d00}.smart-wallet-menu{width:280px;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 20px 55px rgba(25,24,50,.14)}.wallet-menu-head{padding:17px 18px;background:linear-gradient(135deg,#171625,#4b35a5);color:#fff;display:flex;justify-content:space-between;align-items:center}.wallet-menu-head.reward{background:linear-gradient(135deg,#1d1832,#8a4e00)}.wallet-menu-head span{font-size:10px;text-transform:uppercase;letter-spacing:.8px}.wallet-menu-head strong{font-size:20px}.smart-wallet-menu>a{display:flex;align-items:center;gap:12px;padding:13px 17px;color:var(--ink);border-top:1px solid var(--line)}.smart-wallet-menu>a:hover{background:#f7f6fc}.smart-wallet-menu>a>i{width:28px;height:28px;border-radius:9px;background:#f0edff;color:var(--purple);display:grid;place-items:center}.smart-wallet-menu>a span{font-size:11px;font-weight:800}.smart-wallet-menu>a small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.level-pill{height:42px;border:1px solid color-mix(in srgb,var(--level-color) 35%,var(--line));background:color-mix(in srgb,var(--level-color) 10%,var(--panel));color:var(--level-color);border-radius:12px;padding:0 11px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800}.smart-notify{position:relative}.smart-notify b{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#ef3c6a;color:#fff;font-size:9px;display:grid;place-items:center}.smart-notify b[hidden]{display:none}.user-menu-trigger{height:48px;border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:3px 5px}.user-menu-trigger:after{font-size:9px}.user-menu-name b,.user-menu-name small{display:block;text-align:left;line-height:1.1}.user-menu-name b{font-size:11px}.user-menu-name small{font-size:8px;color:var(--muted);margin-top:3px}.user-menu-panel{min-width:220px;padding:8px;border-radius:14px}.user-menu-panel .dropdown-item{border-radius:9px;font-size:11px;padding:10px 11px}.user-menu-panel .dropdown-item i{width:22px;color:var(--muted)}.wallet-manager-grid{display:grid;grid-template-columns:360px minmax(500px,1fr) 360px;gap:16px}.wallet-manager-form{align-self:start;position:sticky;top:112px}.wallet-balance-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wallet-balance-preview>div{border:1px solid var(--line);border-radius:13px;padding:13px;background:linear-gradient(145deg,var(--panel),#f7f5ff)}.wallet-balance-preview span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}.wallet-balance-preview strong{font-size:24px}.wallet-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wallet-action-grid input{display:none}.wallet-action-grid span{border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;cursor:pointer}.wallet-action-grid input:checked+span{border-color:var(--purple);background:#f2efff;color:var(--purple)}.wallet-table-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;font-weight:800}.wallet-table-chip.credits{background:#eee9ff;color:#6845e7}.wallet-table-chip.points{background:#fff1cf;color:#a76c00}.level-mini{display:inline-block;padding:5px 9px;border-radius:9px;background:color-mix(in srgb,var(--level-color) 12%,transparent);color:var(--level-color);font-size:9px;font-weight:800}.wallet-ledger{max-height:calc(100vh - 136px);overflow:auto}
[data-theme="dark"] .smart-wallet-pill,[data-theme="dark"] .smart-wallet-menu,[data-theme="dark"] .wallet-balance-preview>div{background:#111728;color:#eaf0ff;border-color:#26304a}[data-theme="dark"] .smart-wallet-menu>a{color:#eaf0ff;border-color:#26304a}[data-theme="dark"] .smart-wallet-menu>a:hover{background:#182035}
@media(max-width:1450px){.user-menu-name{display:none}.smart-wallet-pill{min-width:94px}.level-pill span{display:none}.wallet-manager-grid{grid-template-columns:340px 1fr}.wallet-ledger{grid-column:1/-1;max-height:none}}@media(max-width:1120px){.topbar-title p{display:none}.smart-wallet-pill{min-width:auto;width:46px;padding:7px}.smart-wallet-pill>span:last-child{display:none}.level-pill{display:none}}@media(max-width:991px){.smart-wallet-pill{display:none}.wallet-manager-grid{grid-template-columns:1fr}.wallet-manager-form{position:static}.user-menu-trigger .mini-avatar{width:38px;height:38px}}
.wallet-counter-pulse{animation:walletPulse .7s ease}@keyframes walletPulse{0%{transform:scale(1)}40%{transform:scale(1.22);color:#7b5cff}100%{transform:scale(1)}}

/* v3.7 messaging unread badge */
.nav-stack a{position:relative}
.sidebar-message-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#ef233c;color:#fff;font-size:10px;line-height:1;font-weight:800;box-shadow:0 3px 9px rgba(239,35,60,.25)}
.sidebar-message-badge[hidden]{display:none!important}
html[data-sidebar="collapsed"] .sidebar-message-badge{position:absolute;right:6px;top:7px;min-width:17px;height:17px;padding:0 4px;font-size:9px}

/* =========================================================
   SoniqBrand v3.8 — Categorized Administration Sidebar
   ========================================================= */
.admin-main-label{
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid var(--border,#e9eaf0);
}
.admin-nav-group{
  margin:5px 7px 8px;
  border:1px solid transparent;
  border-radius:14px;
  transition:background .18s ease,border-color .18s ease;
}
.admin-nav-group:has(.admin-nav-group-items > a.active){
  background:rgba(109,93,252,.035);
  border-color:rgba(109,93,252,.12);
}
.admin-nav-group-toggle{
  appearance:none;
  border:0;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  background:transparent;
  color:var(--muted,#757b8f);
  padding:9px 10px;
  border-radius:11px;
  cursor:pointer;
  font:inherit;
  text-align:left;
}
.admin-nav-group-toggle:hover{
  background:rgba(109,93,252,.065);
  color:var(--text,#171729);
}
.admin-nav-group-toggle>span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}
.admin-nav-group-toggle>span>i{
  width:18px;
  text-align:center;
  color:#7265f6;
  font-size:12px;
}
.admin-nav-group-toggle b{
  font-size:10px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.075em;
  font-weight:800;
  white-space:nowrap;
}
.admin-nav-chevron{
  font-size:9px;
  opacity:.7;
  transition:transform .2s ease;
}
.admin-nav-group.is-collapsed .admin-nav-chevron{
  transform:rotate(-90deg);
}
.admin-nav-group-items{
  display:grid;
  grid-template-rows:1fr;
  opacity:1;
  transition:grid-template-rows .22s ease,opacity .18s ease;
}
.admin-nav-group-items::before{
  content:"";
  min-height:0;
}
.admin-nav-group.is-collapsed .admin-nav-group-items{
  display:none;
}
.admin-nav-group-items>a{
  margin-left:2px;
  margin-right:2px;
}
.admin-nav-group-items>a i{
  opacity:.78;
}
.admin-nav-group-items>a.active{
  background:linear-gradient(90deg,rgba(201,0,221,.09),rgba(23,70,218,.09));
}

/* Compact collapsed main sidebar: admin categories become icon-only launchers */
html[data-sidebar="collapsed"] .admin-main-label{
  border-top:1px solid var(--border,#e9eaf0);
  height:12px;
  margin:8px 8px 0;
  padding:0;
  font-size:0;
}
html[data-sidebar="collapsed"] .admin-nav-group{
  margin:4px 7px;
  border:0;
}
html[data-sidebar="collapsed"] .admin-nav-group-toggle{
  width:42px;
  height:42px;
  margin:auto;
  padding:0;
  justify-content:center;
}
html[data-sidebar="collapsed"] .admin-nav-group-toggle>span>i{
  font-size:15px;
  width:auto;
}
html[data-sidebar="collapsed"] .admin-nav-group-toggle b,
html[data-sidebar="collapsed"] .admin-nav-chevron{
  display:none;
}
html[data-sidebar="collapsed"] .admin-nav-group-items{
  display:none!important;
}

/* v3.9 commercial license print fallback.
   Direct Save as PDF uses the server-side renderer and does not rely on browser printing. */
@media print{
  @page{size:A4 portrait;margin:0}
  body{background:#fff!important}
  .license-document{width:210mm!important;min-height:297mm!important;max-width:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
  .license-doc-head{padding:14mm 15mm!important}
  .license-doc-body{padding:13mm 15mm!important}
  .license-screen-actions{display:none!important}
}

/* v4.1 current plan card inside navbar user menu */
.user-plan-banner{margin:8px;padding:13px;border-radius:16px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;color:#fff;background:linear-gradient(135deg,#25143f,#521768 58%,#0d4fc5);box-shadow:0 12px 26px rgba(39,25,87,.18)}
.user-plan-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.13)}
.user-plan-copy{min-width:0}.user-plan-copy small{display:block;font-size:8px;letter-spacing:.1em;font-weight:800;opacity:.68}.user-plan-copy b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-plan-copy span{display:block;font-size:9px;opacity:.72;margin-top:2px}.user-plan-upgrade{font-size:10px!important;font-weight:800!important;border:0!important}