@font-face{font-family:Mona Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/mona-sans-vietnamese-400-normal.2z8kvasjkh314.woff2)format("woff2"),url(../media/mona-sans-vietnamese-400-normal.0xd49-rknzteh.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/mona-sans-latin-ext-400-normal.2jn1azeypm2-n.woff2)format("woff2"),url(../media/mona-sans-latin-ext-400-normal.2w1sf17qzm3nn.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/mona-sans-latin-400-normal.3n_zhsva4mdki.woff2)format("woff2"),url(../media/mona-sans-latin-400-normal.2twhasi60pzo7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Mona Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/mona-sans-vietnamese-500-normal.33xbk885_icgr.woff2)format("woff2"),url(../media/mona-sans-vietnamese-500-normal.1190_kyxal0ae.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/mona-sans-latin-ext-500-normal.41bqhn8h_brkq.woff2)format("woff2"),url(../media/mona-sans-latin-ext-500-normal.0r0zflv84ebjs.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/mona-sans-latin-500-normal.0u1n7q2nz5lvc.woff2)format("woff2"),url(../media/mona-sans-latin-500-normal.0j9af5xvqagg2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Mona Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/mona-sans-vietnamese-600-normal.2nqooqgbm51bk.woff2)format("woff2"),url(../media/mona-sans-vietnamese-600-normal.3crbtwuuzz_3e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/mona-sans-latin-ext-600-normal.17czg6a4i9rn1.woff2)format("woff2"),url(../media/mona-sans-latin-ext-600-normal.3np4ehwq9qybu.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/mona-sans-latin-600-normal.323lujkyt421e.woff2)format("woff2"),url(../media/mona-sans-latin-600-normal.29js7i0m27j39.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/work-sans-vietnamese-400-normal.2pwq2nbpc5uqg.woff2)format("woff2"),url(../media/work-sans-vietnamese-400-normal.3el718o00yne0.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/work-sans-latin-ext-400-normal.0ud4ue0bq0p2e.woff2)format("woff2"),url(../media/work-sans-latin-ext-400-normal.1o9pt7ksvxsbk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/work-sans-latin-400-normal.31phoeye97tya.woff2)format("woff2"),url(../media/work-sans-latin-400-normal.28yfg54lku-gs.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/work-sans-vietnamese-500-normal.3lpdg6uib5e9b.woff2)format("woff2"),url(../media/work-sans-vietnamese-500-normal.1zezk6cl4t943.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/work-sans-latin-ext-500-normal.1tegbt9hqi2bd.woff2)format("woff2"),url(../media/work-sans-latin-ext-500-normal.28uy8n9547u7h.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/work-sans-latin-500-normal.1dg8fw3t_d4-3.woff2)format("woff2"),url(../media/work-sans-latin-500-normal.0t8p0v9r9td0c.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/work-sans-vietnamese-600-normal.3w36q1pxyrt7v.woff2)format("woff2"),url(../media/work-sans-vietnamese-600-normal.0vnt5jdwn50ap.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/work-sans-latin-ext-600-normal.1i2si9jxwi7cx.woff2)format("woff2"),url(../media/work-sans-latin-ext-600-normal.0gm20b2k_pqqq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/work-sans-latin-600-normal.0assh-lmoph3n.woff2)format("woff2"),url(../media/work-sans-latin-600-normal.20ff7rcq7dkke.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--color-bg:#081028;--color-card:#0b1739;--color-card-deep:#0a1330;--color-card-soft:#0f1d45;--color-border:#343b4f;--color-text:#fff;--color-text-soft:#e9eaf3;--color-muted:#aeb9e1;--color-dim:#7e89ac;--color-primary:#cb3cff;--color-cyan:#00c2ff;--color-blue:#0e43fb;--color-green:#05c168;--color-red:#ff5a65;--color-yellow:#ffb016;--shadow-card:1px 1px 1px #10193466;--background-primary:#081028;--background-secondary:#0a1330;--background-elevated:#0b1739;--background-glass:#0b1739b8;--surface-card:#0b1739;--surface-card-hover:#0f1d45;--border-soft:#343b4fb8;--border-glow:#cb3cff57;--text-primary:#fff;--text-secondary:#aeb9e1;--text-muted:#7e89ac;--accent-primary:#cb3cff;--accent-secondary:#6c72ff;--accent-success:#05c168;--accent-warning:#fdb52a;--accent-danger:#ff5a65;--accent-info:#57c3ff;--font-family:"Mona Sans", Arial, Helvetica, sans-serif;--heading-xl:32px;--heading-lg:24px;--heading-md:20px;--body:14px;--body-sm:12px;--caption:10px;--label:10px;--metric:24px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--radius-sm:4px;--radius-md:7px;--radius-lg:8px;--radius-xl:12px;--radius-pill:999px;--radius-card:12px;--shadow-card-hover:0 18px 46px #01051147;--shadow-dropdown:0 18px 45px #02081757;--glow-primary:0 0 28px #cb3cff3d;--glow-secondary:0 0 28px #57c3ff2e;--glow-danger:0 0 24px #ff5a6533;--inner-highlight:inset 0 1px 0 #ffffff0f;--transition-fast:.12s;--transition-base:.18s;--transition-slow:.26s;--easing-standard:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html{background:var(--color-bg)}body{background:var(--color-bg);min-width:1440px;color:var(--color-text);letter-spacing:0;margin:0;font-family:Mona Sans,Arial,Helvetica,sans-serif;font-size:14px;font-weight:500}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button,a,input{transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,opacity .18s,transform .18s}button:active:not(:disabled){transform:scale(.985)}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #00c2ffb8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dashboard-canvas{background:var(--color-bg);width:1440px;min-height:1636px;position:relative;overflow:hidden}.sidebar{background:var(--color-bg);border-right:1px solid #343b4f9e;width:300px;min-height:1636px;padding:38px 28px 0;transition:width .22s,padding .22s,box-shadow .22s;position:absolute;inset:0 auto 0 0}.brand-row{align-items:center;width:244px;height:26px;transition:width .22s;display:flex}.brand-mark{width:26.169px;height:26.169px;margin-right:6px;position:relative}.brand-mark span{border-radius:5px;width:16px;height:16px;display:block;position:absolute}.brand-mark span:first-child{background:var(--color-cyan);top:0;right:0}.brand-mark span:last-child{background:var(--color-primary);bottom:0;left:0}.brand-name{color:var(--color-text);white-space:nowrap;font-size:20px;font-weight:600;line-height:22px;transition:opacity .16s,transform .16s}.brand-switch{color:var(--color-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:5px;margin-left:auto;padding:0;display:flex;transform:translateY(1px)}.brand-switch:hover,.brand-switch:focus-visible{color:var(--color-text);text-shadow:0 0 12px #00c2ff6b}.sidebar-search{width:244px;height:42px;color:var(--color-muted);background:var(--color-card);border:1px solid #343b4fd9;border-radius:5px;align-items:center;margin-top:42px;padding:0 14px;display:flex}.sidebar-search:focus-within{border-color:#00c2ffb8;box-shadow:0 0 0 3px #00c2ff1a,0 0 24px #00c2ff1a}.sidebar-search input{width:100%;min-width:0;color:var(--color-muted);background:0 0;border:0;outline:none;margin-left:12px;font-size:12px;line-height:14px}.sidebar-search input::placeholder{color:var(--color-muted)}.nav-item,.user-row,.template-button,.month-button,.primary-button,.secondary-button,.date-button,.brand-switch,.header-icon-button,.metric-action-button,.legend-item,.product-row,.table-heading,.orders-footer button,.dropdown-item{border:0;outline:0}.nav-item{width:244px;height:42px;color:var(--color-muted);text-align:left;background:0 0;border-radius:7px;align-items:center;text-decoration:none;transition:background-color .18s,box-shadow .18s,color .18s,transform .18s;display:flex;position:relative}.nav-item span{white-space:nowrap;flex:1}.nav-item{gap:6px;padding:0;font-size:14px;line-height:14px}.nav-item-active{color:var(--color-text);background:#0b1739bf;border-radius:4px;box-shadow:inset 0 0 0 1px #cb3cff14,0 0 24px #cb3cff14}.nav-item:hover{color:var(--color-text);background:#0f1d45b8;transform:translate(2px);box-shadow:0 0 22px #cb3cff14}.nav-item-active:before{content:"";background:var(--color-primary);border-radius:0 3px 3px 0;width:3px;height:43px;position:absolute;top:-1px;left:0}.nav-item-arrow svg:last-child{margin-left:0;position:absolute;right:12px}.account-menu-wrap{position:absolute;top:723px;left:28px}.user-row{width:244px;min-height:38px;color:var(--color-muted);text-align:left;background:0 0;grid-template-columns:31px 1fr 12px;align-items:center;column-gap:10px;padding:0;text-decoration:none;display:grid;position:relative}.user-row:hover{color:var(--color-text);transform:translate(2px)}.avatar{background:radial-gradient(circle at 52% 38%,#f7b27e 0 16%,#0000 17%),radial-gradient(circle at 50% 20%,#6b2f14 0 18%,#0000 19%),linear-gradient(135deg,#ffb016 0%,#cb3cff 50%,#2b6cff 100%);border-radius:50%;width:31px;height:31px;display:grid;position:relative;overflow:hidden}.avatar:before{content:"";background:#5a2bff;border-radius:7px 7px 4px 4px;width:13px;height:12px;position:absolute;top:14px;left:9px}.avatar:after{content:"";background:#2b1749;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:13px;box-shadow:5px 0 #2b1749}.user-row strong{color:var(--color-text);font-size:14px;line-height:16px;display:block}.user-row small{color:var(--color-muted);margin-top:2px;font-size:12px;line-height:14px;display:block}.account-menu{width:184px;top:43px;left:0}.template-button{width:241px;height:46px;color:var(--color-text);background:linear-gradient(110deg,#cb3cff 0%,#7f25fb 100%);border-radius:4px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;line-height:18px;text-decoration:none;display:flex;position:absolute;top:826px;left:28px;box-shadow:0 8px 26px #cb3cff38}.template-button:hover,.month-button:hover,.primary-button:hover{filter:brightness(1.05);box-shadow:0 0 0 1px #cb3cff3d,0 10px 30px #cb3cff47}.secondary-button:hover,.date-button:hover{background:var(--color-card-soft);box-shadow:0 0 0 1px #00c2ff29,0 0 20px #00c2ff14}.is-sidebar-collapsed .brand-row,.is-sidebar-collapsed .sidebar-search,.is-sidebar-collapsed .nav-item,.is-sidebar-collapsed .user-row{width:52px}.is-sidebar-collapsed .brand-name,.is-sidebar-collapsed .sidebar-search input,.is-sidebar-collapsed .nav-item span,.is-sidebar-collapsed .nav-item-arrow svg:last-child,.is-sidebar-collapsed .user-copy,.is-sidebar-collapsed .user-row>svg,.is-sidebar-collapsed .template-button span{opacity:0;pointer-events:none;width:0;max-width:0;overflow:hidden;transform:translate(-4px)}.is-sidebar-collapsed .brand-mark{margin-right:0}.is-sidebar-collapsed .brand-switch{position:absolute;left:41px}.is-sidebar-collapsed .sidebar-search{justify-content:center;padding:0}.is-sidebar-collapsed .sidebar-nav{left:18px}.is-sidebar-collapsed .nav-item{justify-content:center;padding:0}.is-sidebar-collapsed .nav-item svg:first-child{margin-right:0}.is-sidebar-collapsed .account-menu-wrap{left:18px}.is-sidebar-collapsed .user-row{grid-template-columns:31px;justify-content:center}.is-sidebar-collapsed .template-button{width:52px;left:18px}.is-sidebar-collapsed .dashboard-main{left:128px}.dashboard-main{width:1060px;transition:left .22s;position:absolute;top:40px;left:340px}.page-header{justify-content:space-between;align-items:center;height:30px;display:flex}.page-header h1{color:var(--color-text);margin:0;font-size:20px;font-weight:600;line-height:22px}.page-header-actions{align-items:center;gap:10px;display:flex}.dropdown,.header-icon-menu,.metric-actions{display:inline-flex;position:relative}.header-icon-button,.metric-action-button{color:var(--color-muted);background:var(--color-card-deep);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.header-icon-button{width:30px;height:30px;position:relative}.header-icon-button:hover,.metric-action-button:hover{color:var(--color-text);background:var(--color-card-soft);box-shadow:0 0 20px #00c2ff1a}.notification-badge{min-width:14px;height:14px;color:var(--color-text);background:var(--color-primary);border:1px solid var(--color-bg);border-radius:999px;place-items:center;padding:0 3px;font-size:8px;line-height:8px;display:grid;position:absolute;top:-4px;right:-3px}.dropdown-menu{z-index:30;min-width:156px;color:var(--color-text);border-radius:var(--radius-card);box-shadow:var(--shadow-dropdown), var(--glow-secondary), var(--inner-highlight);opacity:0;background:#0b1739fa;border:1px solid #343b4fc7;padding:8px;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px)}.dropdown-menu.is-open{opacity:1;transform:translateY(0)}.dropdown-menu[hidden]{display:none}.dropdown-item{width:100%;min-height:34px;color:var(--text-secondary);border-radius:var(--radius-md);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;padding:0 10px;font-size:12px;line-height:14px;display:flex}.dropdown-item:hover,.dropdown-item[aria-checked=true]{color:var(--text-primary);background:#0f1d45d6;border-color:#57c3ff2e}.header-menu{width:218px;left:auto;right:0}.header-menu-item{white-space:normal}.month-button,.primary-button{height:30px;color:var(--color-text);background:linear-gradient(110deg,#cb3cff 0%,#7f25fb 100%);border-radius:4px;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:14px;display:inline-flex}.month-button{width:92px}.report-filter-button{white-space:nowrap;justify-content:space-between;min-width:116px;padding:0 12px;overflow:hidden}.report-filter-menu{min-width:100%}.metrics-grid{grid-template-columns:243px 243px 243px 241px;gap:30px;margin-top:40px;display:grid}.metric-card,.dashboard-card{background:var(--color-card);border:.6px solid var(--color-card);box-shadow:var(--shadow-card);border-radius:12px;transition:border-color .18s,box-shadow .18s,transform .18s}.metric-card{height:100px;padding:20px 20px 18px}.metric-card:hover,.dashboard-card:hover{box-shadow:var(--shadow-card), 0 12px 34px #02081738, 0 0 24px #00c2ff0f;border-color:#00c2ff24;transform:translateY(-2px)}.metric-card header,.card-header,.revenue-header,.tasks-header,.orders-header{justify-content:space-between;align-items:flex-start;display:flex}.metric-card header{height:18px;color:var(--color-muted)}.metric-actions{margin-top:-2px}.metric-action-button{background:0 0;width:22px;height:22px}.metric-menu{width:148px;right:-2px}.metric-label{color:var(--color-muted);align-items:center;gap:9px;font-size:12px;line-height:14px;display:inline-flex}.metric-label svg{color:var(--color-primary)}.metric-value-row{align-items:center;gap:6px;margin-top:11px;display:flex}.metric-value-row strong{color:var(--color-text);font-size:24px;font-weight:600;line-height:32px}.trend{border-radius:2px;justify-content:center;align-items:center;gap:3px;min-width:53px;height:18px;padding:0 5px;font-size:9px;font-weight:600;line-height:10px;display:inline-flex}.trend-positive{color:var(--color-green);background:#05c1682e}.trend-negative{color:var(--color-red);background:#ff5a6529}.dashboard-grid{height:1272px;margin-top:30px;position:relative}.dashboard-card{position:absolute}.dashboard-card h2{color:var(--color-text);margin:0;font-size:16px;font-weight:500;line-height:18px}.secondary-button,.date-button{color:var(--color-text);background:var(--color-card-deep);border-radius:4px;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:14px;display:inline-flex}.dropdown .date-button,.dropdown .month-button,.dropdown .report-filter-button{position:relative}.secondary-button{width:74px;height:30px}.date-button{height:30px;color:var(--color-muted);padding:0 12px}.visitors-card{width:341px;height:460.681px;padding:0;top:0;left:0}.visitors-card .card-header{align-items:center;width:286.273px;height:30px;position:absolute;top:31.93px;left:28.84px}.radial-wrap{width:209px;height:209px;margin:0;position:absolute;top:86.34px;left:65.95px}.radial-chart{width:209px;height:209px;display:block}.radial-chart .recharts-wrapper,.bar-chart .recharts-wrapper,.line-chart .recharts-wrapper{outline:0}.chart-mount-placeholder{background:linear-gradient(90deg,#343b4f14,#aeb9e10d,#343b4f14) 0 0/220% 100%;border-radius:8px;width:100%;height:100%;animation:1.05s linear infinite dashboard-shimmer;display:block}.radial-track,.radial-ring{fill:none;stroke-linecap:round;stroke-width:8px}.radial-track{stroke:#cb3cff1f}.radial-track-2{stroke:#2b6cff1f}.radial-track-3{stroke:#00c2ff1f}.radial-track-4{stroke:#6c72ff1f}.radial-ring-primary{stroke:var(--color-primary)}.radial-ring-blue{stroke:var(--color-blue)}.radial-ring-cyan{stroke:var(--color-cyan)}.radial-ring-secondary{stroke:var(--accent-secondary)}.radial-value{color:var(--color-text);place-items:center;font-family:Work Sans,Arial,Helvetica,sans-serif;font-size:28px;font-weight:600;line-height:32px;display:grid;position:absolute;inset:0}.visitor-list{width:281.418px;height:136px;margin:0;position:absolute;top:308px;left:29.74px}.visitor-row{width:281.418px;height:17px;color:var(--color-muted);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:14px;line-height:14px;display:flex;position:absolute;left:0}.visitor-row:hover,.visitor-row.is-selected{color:var(--color-text)}.visitor-row[aria-pressed=false]{opacity:.48}.visitor-row:first-child{top:0}.visitor-row:nth-child(2){top:38px}.visitor-row:nth-child(3){top:76px}.visitor-row:nth-child(4){top:114px}.visitor-row:not(:last-child):after{content:"";background:#343b4f7a;height:1px;position:absolute;bottom:-14px;left:0;right:0}.visitor-row span{align-items:center;gap:8px;font-family:Work Sans,Arial,Helvetica,sans-serif;font-weight:400;display:inline-flex}.visitor-row i{border-radius:50%;width:7px;height:7px;display:block}.visitor-row strong{color:var(--color-text);font-family:Work Sans,Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;line-height:14px}.visitors-card h2{font-family:Work Sans,Arial,Helvetica,sans-serif;font-weight:500}.revenue-card{width:689px;height:461px;padding:0;top:0;left:371px}.revenue-header{width:623.377px;height:56px;position:absolute;top:27.56px;left:26.08px}.revenue-header>div:first-child{width:max-content}.revenue-header p,.tasks-header p{color:var(--color-muted);margin:0 0 14px;font-size:14px;line-height:14px}.revenue-header p{margin-bottom:10px}.large-stat{color:var(--color-text);align-items:center;gap:6px;font-size:24px;font-weight:600;line-height:32px;display:flex}.revenue-controls{width:430.816px;height:30px;color:var(--color-muted);align-items:center;gap:12px;padding:0;font-size:10px;line-height:14px;display:flex;position:absolute;top:25.85px;left:192.56px}.legend-item{white-space:nowrap;color:var(--color-muted);background:0 0;align-items:center;gap:4px;padding:0;font-size:10px;line-height:14px;display:inline-flex}.legend-item:hover,.legend-item.is-selected{color:var(--color-text)}.legend-item[aria-pressed=false]{opacity:.45}.revenue-controls .legend-item:not(:last-of-type){margin-right:4px}.revenue-card .date-button{width:151px;margin-left:2.82px;padding:0;font-size:10px;line-height:10px}.revenue-card .large-stat,.tasks-card .large-stat{width:max-content}.revenue-card .trend{gap:2px;min-width:46px;padding:0 4px;font-size:10px;line-height:14px}.tasks-card .trend{gap:2px;min-width:45px;padding:0 4px;font-size:10px;line-height:14px}.dashboard-card .trend svg{width:8px;height:8px}.dashboard-card .date-button{font-size:10px;line-height:10px}.secondary-button svg,.dashboard-card .date-button svg:first-child{width:10px;height:10px}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-primary{background:var(--color-primary)}.legend-blue{background:var(--color-blue)}.legend-cyan{background:var(--color-cyan)}.bar-chart{width:620px;height:310px;margin-top:0;position:absolute;top:102px;left:26px;overflow:visible}.chart-tooltip{min-width:132px;color:var(--color-muted);background:#081028f5;border:1px solid #343b4fe6;border-radius:7px;gap:4px;padding:9px 10px;font-size:10px;line-height:12px;display:grid;box-shadow:0 12px 30px #0208175c,0 0 20px #00c2ff14}.chart-tooltip strong{color:var(--color-text);font-size:11px}.chart-grid-line{stroke:#343b4f8f;stroke-width:1px}.axis-label,.month-label{fill:var(--color-muted);font-family:Mona Sans,Arial,Helvetica,sans-serif;font-size:10px;font-weight:500}.bar-current{fill:var(--color-primary)}.bar-subscribers{fill:var(--color-blue)}.bar-fresh{fill:var(--color-cyan)}.products-card{width:341px;height:264px;padding:0;top:491px;left:0}.products-card h2{position:absolute;top:32.56px;left:27.56px}.products-heading{width:287.49px;color:var(--color-text-soft);justify-content:space-between;align-items:center;margin-top:0;font-size:10px;line-height:14px;display:flex;position:absolute;top:81.13px;left:28.01px}.products-heading span:last-child{font-family:Work Sans,Arial,Helvetica,sans-serif;font-weight:500}.product-list{margin:0}.product-row{width:287.49px;height:40px;color:inherit;text-align:left;background:0 0;padding:0;display:block;position:absolute;left:28.01px}.product-row:hover .product-image{border-color:#00c2ff80;box-shadow:0 0 18px #00c2ff1a}.product-row:first-child{top:124.13px}.product-row:nth-child(2){top:192.13px}.product-image{background:var(--color-card-deep);border:1px solid #343b4fd1;border-radius:5px;place-items:center;width:40px;height:40px;transition:border-color .18s,box-shadow .18s;display:grid;position:absolute;top:0;left:0}.product-phone span{border:2px solid #172957;border-radius:5px;width:17px;height:35px;box-shadow:inset 0 -5px #2b6cff2e}.product-watch span{border:2px solid #1c2f60;border-radius:6px;width:19px;height:31px;box-shadow:0 -6px 0 -4px #2b6cff,0 6px 0 -4px #2b6cff}.product-copy strong{color:var(--color-text);font-size:12px;font-weight:600;line-height:14px;display:block}.product-copy{position:absolute;top:5px;left:55px}.product-copy span{color:var(--color-muted);margin-top:4px;font-size:10px;line-height:14px;display:block}.product-price{color:var(--color-text);font-family:Work Sans,Arial,Helvetica,sans-serif;font-size:10px;font-weight:500;line-height:14px;position:absolute;top:13px;right:0}.tasks-card{width:690px;height:264px;padding:0;top:491px;left:371px}.tasks-header{width:630px;position:absolute;top:27px;left:30px}.tasks-card .date-button{width:98px;padding:0}.tasks-date-dropdown{position:absolute;top:28px;left:530px}.tasks-card .large-stat{gap:6px}.tasks-header p{align-items:center;gap:7px;margin-bottom:10px;display:inline-flex}.line-chart{width:594px;height:133px;margin-top:0;position:absolute;top:101px;left:30px;overflow:visible}.line-fill{fill:url(#task-line-gradient)}.line-stroke{fill:none;stroke:var(--color-cyan);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.orders-card{width:1060px;height:487px;padding:32px 28px 0;top:785px;left:0}.orders-header{align-items:center;height:30px}.orders-filter-bar{justify-content:flex-end;align-items:center;gap:12px;display:flex;position:absolute;top:31.34px;left:518px;right:28px}.song-filter-search{color:var(--color-muted);background:#0a1330eb;border:1px solid #343b4fd1;align-items:center;transition:border-color .18s,box-shadow .18s,background-color .18s;display:inline-flex}.song-filter-search:focus-within{color:var(--color-text);background:#0f1d45f0;border-color:#00c2ff9e;box-shadow:0 0 0 3px #00c2ff14,0 0 20px #00c2ff14}.song-filter-search input{width:100%;min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0}.song-filter-search input::placeholder{color:var(--color-muted)}.song-title-filter{position:relative}.song-multiselect-button{min-width:128px}.song-filter-menu{border-radius:var(--radius-card);width:284px;box-shadow:var(--shadow-dropdown), var(--glow-secondary), var(--inner-highlight);background:#0b1739fa;border-color:#343b4fc7;padding:12px;top:46px;right:0}.song-filter-search{border-radius:var(--radius-md);gap:8px;width:100%;height:36px;padding:0 12px}.song-filter-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:0 2px;display:flex}.song-filter-actions button{color:var(--color-cyan);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:11px;font-weight:500;line-height:14px;-webkit-text-decoration:underline #00c2ff5c;text-decoration:underline #00c2ff5c}.song-filter-actions button:hover{color:var(--color-text);text-decoration-color:#ffffff8a}.song-filter-options{gap:4px;max-height:184px;margin-top:10px;display:grid;overflow-y:auto}.song-filter-option{width:100%;min-height:34px;color:var(--color-text-soft);border-radius:var(--radius-md);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:0 10px;font-size:11px;display:flex}.song-filter-option:hover,.song-filter-option.is-selected{color:var(--color-text);background:#0f1d45c2;border-color:#cb3cff38}.song-option-check{width:14px;height:14px;color:var(--color-text);background:#cb3cff1f;border:1px solid #cb3cff52;border-radius:3px;flex:none;place-items:center;display:inline-grid}.song-filter-empty{color:var(--color-muted);padding:12px 8px;font-size:11px;display:block}.orders-table-scroll{scrollbar-color:#57c3ff47 #0810288a;width:100%;max-width:100%;overflow:auto visible}.orders-grid{color:var(--color-text);grid-template-columns:1.28fr 1.35fr .9fr .86fr .78fr .94fr .94fr;align-items:center;column-gap:12px;font-size:10px;line-height:14px;display:grid}.orders-grid-head{width:calc(100% + 58px);height:30px;color:var(--color-text-soft);border-bottom:1px solid #343b4fbd;align-items:start;margin-top:22px;margin-left:-29px;padding:0 29px}.table-heading{color:var(--color-text);background:0 0;align-items:center;gap:6px;padding:0;font-size:10px;font-weight:600;line-height:10px;display:inline-flex}.table-heading:hover{color:var(--color-cyan)}.table-heading svg{color:var(--color-muted);stroke-width:2px;flex:none}.sort-indicator{opacity:.45;transition:opacity .18s,transform .18s}.sort-indicator.is-desc{transform:rotate(180deg)}.table-heading:hover .sort-indicator{opacity:1}.order-row{border-bottom:1px solid #343b4f6b;width:calc(100% + 58px);height:62px;margin-left:-29px;padding:0 29px;transition:background-color .16s,box-shadow .16s}.order-row:nth-of-type(2n){background:#0a13307a}.order-row:hover{background:#0f1d45b8;box-shadow:inset 3px 0 #cb3cffbd}.client-cell strong,.client-cell small{display:block}.client-cell strong{color:var(--color-text);font-size:10px;font-weight:500}.client-cell small{color:var(--color-muted);font-size:10px}.numeric-cell{color:var(--color-text);font-variant-numeric:tabular-nums;justify-self:end}.orders-footer{color:var(--color-muted);justify-content:space-between;align-items:center;font-size:10px;line-height:12px;display:flex;position:absolute;bottom:14px;left:28px;right:28px}.orders-footer div{gap:8px;display:inline-flex}.orders-footer button{height:24px;color:var(--color-text);background:var(--color-card-deep);border-radius:4px;padding:0 10px;font-size:10px}.orders-footer button:not(:disabled):hover{background:var(--color-card-soft)}.orders-empty-state{text-align:center;place-content:center;gap:6px;width:calc(100% + 2px);height:310px;display:grid;position:absolute;top:115px;left:-1px}.orders-empty-state strong{color:var(--color-text);font-size:14px;line-height:16px}.orders-empty-state span{color:var(--color-muted);font-size:11px;line-height:14px}@keyframes dashboard-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width:1439px){body{min-width:0}.dashboard-canvas{transform-origin:0 0}}@media (max-width:1180px){.dashboard-canvas{width:1180px;min-height:1560px}.sidebar{z-index:40;min-height:100vh;position:fixed;box-shadow:18px 0 42px #02081747}.dashboard-main{transform-origin:0 0;left:128px;transform:scale(.92)}.dashboard-canvas:not(.is-sidebar-collapsed) .dashboard-main{left:340px}}@media (max-width:760px){.dashboard-canvas{width:760px;min-height:1320px;overflow-x:hidden}.sidebar{width:88px;padding-left:18px;padding-right:18px}.brand-row,.sidebar-search,.nav-item,.user-row{width:52px}.brand-name,.sidebar-search input,.nav-item span,.nav-item-arrow svg:last-child,.user-copy,.user-row>svg,.template-button span{opacity:0;pointer-events:none;width:0;max-width:0;overflow:hidden}.dashboard-main,.dashboard-canvas:not(.is-sidebar-collapsed) .dashboard-main{left:112px;transform:scale(.58)}}body:has(.dashboard-canvas){min-width:0}.dashboard-canvas{background:radial-gradient(circle at 80% 0,#cb3cff1a,#0000 34%),linear-gradient(#081028 0%,#071026 100%);grid-template-columns:300px minmax(0,1fr);width:100%;min-height:100vh;display:grid;overflow:visible}.sidebar{flex-direction:column;align-self:start;width:300px;height:100vh;min-height:100vh;padding:34px 28px 24px;display:flex;position:sticky;top:0;overflow-y:auto}.brand-row,.nav-item,.user-row{width:100%}.sidebar-search{display:none}.sidebar-nav{margin-top:34px}.nav-item{height:auto;min-height:44px;padding:0 12px}.account-menu-wrap{width:100%;margin-top:auto;padding-top:24px;position:relative;top:auto;left:auto}.template-button{width:100%;height:auto;min-height:50px;margin-top:18px;padding:0 16px;position:static;top:auto;left:auto}.is-sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.is-sidebar-collapsed .sidebar{width:88px;padding-left:18px;padding-right:18px}.is-sidebar-collapsed .account-menu-wrap{width:100%;left:auto}.is-sidebar-collapsed .template-button{width:52px;padding:0}.dashboard-main,.is-sidebar-collapsed .dashboard-main{width:100%;max-width:1680px;padding:40px clamp(28px,4vw,56px) 56px;transition:padding .22s;position:static;top:auto;left:auto;transform:none}.page-header{height:auto;min-height:44px}.page-header h1{font-size:clamp(28px,2.1vw,36px);line-height:1.15}.page-header-actions{flex-wrap:wrap}.month-button{width:auto;min-width:124px;height:40px;padding:0 16px;font-size:13px}.header-icon-button{width:40px;height:40px}.metrics-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:clamp(16px,2vw,28px);width:100%;height:auto;margin-top:32px;display:grid}.metric-card{height:auto;min-height:124px;padding:24px}.metric-card header{height:auto}.metric-label{font-size:13px;line-height:16px}.metric-value-row{margin-top:18px}.metric-value-row strong{font-size:clamp(28px,2.2vw,36px);line-height:1}.dashboard-grid{grid-template-columns:minmax(300px,.9fr) minmax(520px,1.8fr);gap:clamp(18px,2vw,28px);height:auto;margin-top:28px;display:grid}.dashboard-grid-statistics{grid-template-columns:minmax(0,1fr)}.dashboard-card,.visitors-card,.revenue-card,.tasks-card,.orders-card{width:auto;min-width:0;height:auto;padding:24px;position:relative;top:auto;left:auto}.dashboard-card h2{font-size:18px;line-height:22px}.orders-card{grid-column:1/-1;min-height:520px;padding-bottom:24px}.visitors-card,.revenue-card{min-height:460px}.tasks-card{grid-column:1/-1;min-height:360px}.visitors-card .card-header,.revenue-header,.tasks-header,.orders-header{justify-content:space-between;align-items:flex-start;width:100%;height:auto;display:flex;position:static}.radial-wrap{margin:34px auto 22px;position:relative;top:auto;left:auto}.visitor-list{width:100%;height:auto;margin-top:0;display:grid;position:static}.visitor-row,.visitor-row:first-child,.visitor-row:nth-child(2),.visitor-row:nth-child(3),.visitor-row:nth-child(4){width:100%;height:42px;position:relative;top:auto}.revenue-header{gap:18px}.revenue-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px 14px;width:auto;height:auto;margin-top:6px;display:flex;position:static}.bar-chart{width:100%;height:320px;margin-top:28px;position:relative;top:auto;left:auto}.tasks-header{align-items:center}.tasks-header>div{width:auto}.line-chart{width:100%;height:250px;margin-top:28px;position:relative;top:auto;left:auto}.secondary-button,.date-button,.filter-button,.report-filter-button{color:var(--color-text);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--inner-highlight);background:#081028b8;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:14px;display:inline-flex}.filter-button,.report-filter-button{min-height:38px;color:var(--text-secondary);padding:0 14px}.filter-button:hover,.filter-button[aria-expanded=true],.report-filter-button:hover,.report-filter-button[aria-expanded=true]{color:var(--text-primary);box-shadow:0 0 0 1px #57c3ff1f, var(--glow-secondary), var(--inner-highlight);background:#0f1d45d1;border-color:#57c3ff57}.report-filter-button{white-space:nowrap;justify-content:space-between;width:auto;height:38px;overflow:hidden}.artist-filter-button{min-width:150px;max-width:210px}.quarter-filter-button{min-width:112px}.report-filter-menu{border-radius:var(--radius-card);min-width:100%;box-shadow:var(--shadow-dropdown), var(--glow-secondary), var(--inner-highlight);background:#0b1739fa;border-color:#343b4fc7;padding:12px}.report-filter-menu .dropdown-item{min-height:34px;color:var(--text-secondary);border-radius:var(--radius-md);border:1px solid #0000;padding:0 10px;font-size:12px;line-height:14px}.report-filter-menu .dropdown-item:hover,.report-filter-menu .dropdown-item[aria-checked=true]{color:var(--text-primary);background:#0f1d45d6;border-color:#57c3ff2e}.orders-header{gap:20px}.orders-filter-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex;position:static}.song-multiselect-button{justify-content:space-between;width:auto;min-width:150px}.orders-grid{grid-template-columns:minmax(150px,1.25fr) minmax(180px,1.4fr) minmax(110px,.82fr) minmax(105px,.78fr) minmax(112px,.74fr) minmax(116px,.84fr) minmax(116px,.84fr);width:100%;min-width:980px;font-size:11px}.orders-grid-label{grid-template-columns:minmax(150px,1.25fr) minmax(180px,1.4fr) minmax(110px,.82fr) minmax(105px,.78fr) minmax(112px,.74fr) minmax(116px,.84fr) minmax(116px,.84fr);min-width:980px}.orders-grid-distributor{grid-template-columns:minmax(150px,1fr) minmax(180px,1.12fr) minmax(112px,.72fr) minmax(110px,.72fr) minmax(118px,.74fr) minmax(130px,.82fr) minmax(92px,.58fr) minmax(112px,.68fr) minmax(128px,.78fr) minmax(280px,1.55fr);min-width:1480px}.orders-grid-head{width:100%;height:auto;margin:24px 0 0;padding:0 0 12px}.order-row{width:100%;height:auto;min-height:68px;margin-left:0;padding:0}.table-heading-static{color:var(--color-text);font-size:10px;font-weight:600;line-height:12px}.payout-stack{gap:6px;padding:9px 0;display:grid}.payout-stack span{border-radius:var(--radius-md);background:#0810286b;border:1px solid #343b4f6b;grid-template-columns:minmax(92px,1fr) 48px 88px;align-items:center;gap:8px;min-height:24px;padding:0 8px;display:grid}.payout-stack strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payout-stack em{color:var(--accent-info);font-style:normal}.payout-stack b{color:var(--text-soft);text-align:right;font-weight:700}.payout-stack small{color:var(--text-muted)}.client-cell strong,.client-cell small{font-size:11px}.orders-footer{margin-top:18px;position:static}.orders-empty-state{width:100%;height:auto;min-height:330px;margin-top:0;position:static}@media (min-width:901px) and (max-width:1180px){.dashboard-main{padding:34px 24px 48px}.page-header{flex-direction:column;align-items:flex-start;gap:18px}.page-header-actions{justify-content:flex-start}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.orders-card,.visitors-card,.revenue-card,.tasks-card{grid-column:1}}@media (max-width:900px){.dashboard-canvas{grid-template-columns:88px minmax(0,1fr);width:100%;min-height:100vh}.dashboard-canvas:not(.is-sidebar-collapsed) .sidebar{width:88px;padding-left:18px;padding-right:18px}.dashboard-canvas:not(.is-sidebar-collapsed) .brand-row,.dashboard-canvas:not(.is-sidebar-collapsed) .nav-item,.dashboard-canvas:not(.is-sidebar-collapsed) .user-row{width:52px}.dashboard-canvas:not(.is-sidebar-collapsed) .brand-name,.dashboard-canvas:not(.is-sidebar-collapsed) .nav-item span,.dashboard-canvas:not(.is-sidebar-collapsed) .nav-item-arrow svg:last-child,.dashboard-canvas:not(.is-sidebar-collapsed) .user-copy,.dashboard-canvas:not(.is-sidebar-collapsed) .user-row>svg,.dashboard-canvas:not(.is-sidebar-collapsed) .template-button span{opacity:0;pointer-events:none;width:0;max-width:0;overflow:hidden;transform:translate(-4px)}.dashboard-canvas:not(.is-sidebar-collapsed) .brand-mark{margin-right:0}.dashboard-canvas:not(.is-sidebar-collapsed) .brand-switch{position:absolute;left:41px}.dashboard-canvas:not(.is-sidebar-collapsed) .nav-item{justify-content:center;padding:0}.dashboard-canvas:not(.is-sidebar-collapsed) .template-button{width:52px;padding:0}.dashboard-main,.dashboard-canvas:not(.is-sidebar-collapsed) .dashboard-main{padding:28px 20px 40px;left:auto;transform:none}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.orders-card,.visitors-card,.revenue-card,.tasks-card{grid-column:1}.orders-card{overflow-x:auto}}@media (max-width:760px){.dashboard-canvas,.dashboard-canvas:not(.is-sidebar-collapsed){grid-template-columns:72px minmax(0,1fr);width:100%;min-height:100vh}.sidebar,.is-sidebar-collapsed .sidebar,.dashboard-canvas:not(.is-sidebar-collapsed) .sidebar{width:72px;padding-left:10px;padding-right:10px}.dashboard-main,.dashboard-canvas:not(.is-sidebar-collapsed) .dashboard-main{padding:22px 14px 34px;left:auto;transform:none}.page-header{flex-direction:column;align-items:flex-start;gap:18px}.metrics-grid{grid-template-columns:1fr}.dashboard-card,.visitors-card,.revenue-card,.tasks-card,.orders-card{padding:18px}.revenue-header,.orders-header{flex-direction:column}.revenue-controls,.orders-filter-bar{justify-content:flex-start}.song-multiselect-button{width:100%}}body:has(.auth-page){min-width:0}.auth-page{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 78% 4%,#cb3cff2e,#0000 32%),radial-gradient(circle at 16% 16%,#00c2ff1a,#0000 28%),linear-gradient(145deg,#081028 0%,#0a1330 48%,#071026 100%);place-items:center;padding:32px;display:grid}.auth-panel{border:1px solid var(--border-soft);border-radius:var(--radius-card);width:min(100%,440px);box-shadow:var(--shadow-card-hover), var(--inner-highlight);background:#0b1739e0;padding:32px}.auth-brand,.management-brand{color:var(--text-primary);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.auth-brand .brand-mark,.management-brand .brand-mark{flex:none;margin-right:0}.auth-heading{margin-top:36px}.auth-heading span,.management-header span{color:var(--accent-info);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.auth-heading h1,.management-header h1{color:var(--text-primary);margin:8px 0 0;font-size:clamp(28px,3vw,36px);line-height:1.1}.auth-form,.management-form,.create-user-form{gap:16px;display:grid}.auth-form{margin-top:28px}.auth-form label,.management-form label,.create-user-form label{min-width:0;color:var(--text-secondary);gap:8px;font-size:12px;font-weight:600;display:grid}.form-control,.management-form input,.management-form select,.users-table input,.users-table select,.create-user-form input,.create-user-form select{min-height:42px;color:var(--text-primary);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#081028bd}.form-control{align-items:center;gap:10px;padding:0 12px;display:flex}.form-control svg{color:var(--text-muted)}.form-control input,.management-form input,.management-form select,.users-table input,.users-table select,.create-user-form input,.create-user-form select{width:100%;min-width:0;color:var(--text-primary);text-overflow:ellipsis;background:0 0;border:0;outline:0}.management-form input,.management-form select,.users-table input,.users-table select,.create-user-form input,.create-user-form select{padding:0 12px}.form-control:focus-within,.management-form input:focus,.management-form select:focus,.users-table input:focus,.users-table select:focus,.create-user-form input:focus,.create-user-form select:focus{box-shadow:0 0 0 3px #00c2ff1a, var(--glow-secondary);border-color:#00c2ffb3}.auth-submit{width:100%;height:44px;margin-top:4px}.auth-error,.management-error{color:#ff9ca3;border-radius:var(--radius-md);background:#ff5a651f;border:1px solid #ff5a653d;margin:0;padding:10px 12px;font-size:12px}.management-success{color:#8ff6c8;border-radius:var(--radius-md);background:#05de891f;border:1px solid #05de893d;margin:0;padding:10px 12px;font-size:12px}.auth-switch{color:var(--text-secondary);margin:22px 0 0;font-size:13px}.auth-switch a,.artist-links a{color:var(--accent-info);text-decoration:none}.management-main{width:100%;max-width:1680px;padding:40px clamp(24px,4vw,56px) 56px}.management-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.management-grid,.users-layout{gap:24px;display:grid}.management-tabs{border:1px solid var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--inner-highlight);background:#08102894;align-items:center;gap:8px;margin:0 0 24px;padding:5px;display:inline-flex}.management-tabs button{min-height:36px;color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;padding:0 14px;font-size:12px;font-weight:700}.management-tabs button:hover,.management-tabs button[aria-pressed=true]{color:var(--text-primary);box-shadow:var(--glow-secondary), var(--inner-highlight);background:#0f1d45d1;border-color:#57c3ff3d}.management-grid{grid-template-columns:minmax(300px,.42fr) minmax(520px,1fr)}.song-settings-layout{grid-template-columns:minmax(260px,.34fr) minmax(0,.66fr);align-items:start;gap:24px;display:grid}.song-settings-summary-card,.song-default-settings-card{align-self:start;position:sticky;top:24px}.song-settings-summary-card{gap:18px;display:grid}.song-settings-artist-select,.song-settings-layout label{min-width:0;color:var(--text-secondary);gap:8px;font-size:12px;font-weight:600;display:grid}.song-settings-layout input,.song-settings-layout select{width:100%;min-width:0;min-height:42px;color:var(--text-primary);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#081028bd;outline:0;padding:0 12px}.song-settings-layout input:focus,.song-settings-layout select:focus{box-shadow:0 0 0 3px #00c2ff1a, var(--glow-secondary);border-color:#00c2ffb3}.song-settings-note,.song-setting-row{border-radius:var(--radius-md);background:#0810287a;border:1px solid #343b4f8f}.song-settings-note{color:var(--text-secondary);gap:6px;padding:14px;font-size:12px;line-height:16px;display:grid}.song-settings-note strong{color:var(--text-primary)}.song-default-settings-card{grid-column:1}.song-settings-list-card{grid-area:1/2/span 2}.song-settings-percent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.song-participants{gap:12px;display:grid}.song-participants-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.song-participants-heading strong,.song-setting-row strong{color:var(--text-primary)}.song-settings-hint{color:var(--text-muted);margin:0;font-size:12px;line-height:16px}.song-participant-list,.song-settings-list{gap:12px;display:grid}.song-participant-row{grid-template-columns:minmax(140px,1fr) minmax(120px,.7fr) minmax(90px,.45fr) 36px;align-items:end;gap:10px;display:grid}.song-participant-remove{width:36px;height:42px;color:var(--accent-danger);border-radius:var(--radius-md);background:#ff5a651a;border:1px solid #ff5a6538;place-items:center;display:grid}.song-setting-row{gap:16px;padding:16px;display:grid}.song-setting-row>header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.song-setting-row>header span:not(.count-pill){color:var(--text-muted);margin-top:5px;font-size:12px;display:block}.users-layout{grid-template-columns:minmax(0,1fr) minmax(280px,320px)}.management-card{border:1px solid var(--border-soft);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-card), var(--inner-highlight);background:#0b1739e0;padding:24px}.management-card>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.management-card h2,.create-user-form h3{color:var(--text-primary);margin:0;font-size:18px;line-height:22px}.management-card p{color:var(--text-secondary);margin:6px 0 0;font-size:12px;line-height:16px}.panel-icon{width:38px;height:38px;color:var(--accent-primary);border-radius:var(--radius-md);background:#cb3cff1f;border:1px solid #cb3cff3d;place-items:center;display:grid}.form-actions,.row-controls{justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.form-actions .primary-button,.create-user-form .primary-button{min-width:116px}.count-pill,.protected-badge,.artist-count-button{min-height:28px;color:var(--accent-info);border-radius:var(--radius-pill);background:#00c2ff1a;border:1px solid #00c2ff33;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.artist-list,.artist-preview-list{gap:12px;display:grid}.artist-row,.artist-preview-list article,.superadmin-note,.empty-panel{border-radius:var(--radius-md);background:#0810287a;border:1px solid #343b4f8f}.artist-row{grid-template-columns:minmax(200px,1fr) auto auto;align-items:center;gap:16px;padding:14px;display:grid}.artist-row strong,.artist-preview-list strong{color:var(--text-primary)}.artist-row small{color:var(--text-secondary);align-items:center;gap:6px;margin-top:6px;display:inline-flex}.artist-links{flex-wrap:wrap;gap:8px;display:inline-flex}.artist-links a{border-radius:var(--radius-pill);background:#00c2ff14;border:1px solid #00c2ff29;align-items:center;gap:5px;min-height:30px;padding:0 10px;font-size:12px;display:inline-flex}.row-controls button{width:32px;height:32px;color:var(--text-secondary);background:var(--background-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);place-items:center;display:inline-grid}.row-controls button:hover:not(:disabled){color:var(--text-primary);box-shadow:var(--glow-primary);border-color:#cb3cff57}.users-table{scrollbar-color:#57c3ff47 #0810288a;gap:10px;display:grid;overflow-x:auto}.users-table-head,.user-row-admin{grid-template-columns:minmax(130px,1fr) minmax(180px,1.2fr) minmax(136px,.8fr) 72px 78px;align-items:center;gap:12px;min-width:0;display:grid}.users-table-head{color:var(--text-secondary);border-bottom:1px solid var(--border-soft);padding:0 10px 8px;font-size:11px;font-weight:700}.user-row-admin{border-radius:var(--radius-md);background:#0810287a;border:1px solid #343b4f8f;padding:10px;position:relative}.user-row-admin>*{min-width:0}.user-row-admin.is-protected{border-color:#cb3cff52;box-shadow:0 0 24px #cb3cff14}.protected-badge{color:var(--accent-primary);background:#cb3cff1f;border-color:#cb3cff42;grid-column:1/-1;justify-self:start}.artist-count-button{color:var(--text-primary)}.user-side-panel{align-self:start;position:sticky;top:24px}.artist-preview-list article,.superadmin-note,.empty-panel{padding:14px}.artist-preview-list article span{color:var(--text-secondary);margin-top:6px;font-size:12px;display:block}.superadmin-note{color:var(--accent-primary);background:#cb3cff1a;gap:10px;display:flex}.create-user-form{border-top:1px solid var(--border-soft);margin-top:24px;padding-top:22px}.create-user-form h3{align-items:center;gap:8px;font-size:15px;display:inline-flex}.management-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#343b4f29,#aeb9e11f,#343b4f29) 0 0/220% 100%;height:72px;animation:1.05s linear infinite dashboard-shimmer;display:block;overflow:hidden}.empty-management-page{background:radial-gradient(circle at 82% 18%,#cb3cff17,#0000 30%),radial-gradient(circle at 18% 14%,#00c2ff12,#0000 26%),#0b1739b8;min-height:min(62vh,560px)}.account-page-layout{grid-template-columns:minmax(420px,.62fr) minmax(300px,.38fr);align-items:start;gap:24px;display:grid}.account-profile-card header,.account-summary-card header{justify-content:flex-start}.account-actions{flex-wrap:wrap;justify-content:space-between;margin-top:4px}.account-actions .secondary-button,.account-actions .primary-button{width:auto;min-width:132px;height:36px;padding:0 14px}.account-actions .secondary-button{min-width:166px}.account-summary-card{position:sticky;top:24px;overflow:hidden}.account-summary-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 78% 18%,#cb3cff2e,#0000 42%),linear-gradient(110deg,#cb3cff2e,#00c2ff14);height:118px;position:absolute;inset:0 0 auto}.account-summary-card>*{position:relative}.account-summary-avatar{width:54px;height:54px;box-shadow:0 0 24px #cb3cff2e}.account-role-panel{color:var(--text-primary);border-radius:var(--radius-md);background:#08102885;border:1px solid #00c2ff2e;align-items:center;gap:12px;padding:14px;display:flex}.account-role-panel svg{color:var(--accent-info)}.account-role-panel strong,.account-role-panel span{display:block}.account-role-panel span{color:var(--text-secondary);margin-top:4px;font-size:12px}.reports-upload-layout{grid-template-columns:minmax(460px,.62fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.report-upload-form{position:sticky;top:24px}.report-upload-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.report-upload-fields label:first-child{grid-column:1/-1}.report-file-drop{min-height:174px;color:var(--text-secondary);border-radius:var(--radius-card);cursor:pointer;text-align:center;transition:border-color var(--transition-base) var(--easing-standard), box-shadow var(--transition-base) var(--easing-standard), transform var(--transition-base) var(--easing-standard);background:radial-gradient(circle at 50% 0,#00c2ff1c,#0000 50%),#08102885;border:1px dashed #00c2ff57;place-items:center;gap:8px;padding:26px;display:grid}.report-file-drop:hover,.report-file-drop:focus-within{box-shadow:var(--glow-primary), var(--inner-highlight);border-color:#cb3cff7a;transform:translateY(-1px)}.report-file-drop input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.report-file-drop svg{color:var(--accent-info);filter:drop-shadow(0 0 14px #00c2ff47)}.report-file-drop span{color:var(--text-primary);font-size:15px;font-weight:700}.report-file-drop small{color:var(--text-muted);font-size:12px}.spin-icon{animation:.9s linear infinite dashboard-spin}.report-upload-status{min-height:420px}.report-upload-status.is-running{box-shadow:var(--shadow-card-hover), 0 0 32px #00c2ff1a, var(--inner-highlight);border-color:#00c2ff47}.report-upload-status.is-success{box-shadow:var(--shadow-card), var(--glow-secondary), var(--inner-highlight);border-color:#05de8952}.report-upload-status.is-error{box-shadow:var(--shadow-card), var(--glow-danger), var(--inner-highlight);border-color:#ff5a655c}.report-status-icon{width:38px;height:38px;color:var(--text-primary);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#081028b8;place-items:center;display:grid}.is-success .report-status-icon{color:var(--accent-success);border-color:#05de8947}.is-error .report-status-icon{color:var(--accent-danger);border-color:#ff5a6552}.report-progress-stack{gap:18px;display:grid}.report-progress-row{gap:9px;display:grid}.report-progress-row>div:first-child{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:16px;font-size:12px;font-weight:700;display:flex}.report-progress-row strong{color:var(--text-primary);font-family:Work Sans,Arial,Helvetica,sans-serif;font-size:13px}.report-progress-track{border-radius:var(--radius-pill);background:#081028b8;border:1px solid #343b4fa3;height:9px;overflow:hidden}.report-progress-track span{background:linear-gradient(90deg, var(--accent-primary), var(--accent-info));border-radius:inherit;width:0;height:100%;transition:width var(--transition-slow) var(--easing-standard);display:block;box-shadow:0 0 18px #00c2ff42}.report-log{max-height:224px;color:var(--text-secondary);border-radius:var(--radius-md);background:#08102894;border:1px solid #343b4f94;gap:8px;margin-top:26px;padding:14px;font-family:Mona Sans,Arial,Helvetica,sans-serif;font-size:12px;line-height:16px;display:grid;overflow:auto}.report-log span{padding-left:16px;position:relative}.report-log span:before{content:"";background:var(--accent-info);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;left:0;box-shadow:0 0 12px #00c2ff57}@keyframes dashboard-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.management-grid,.users-layout,.reports-upload-layout,.song-settings-layout,.account-page-layout{grid-template-columns:1fr}.user-side-panel,.report-upload-form,.song-settings-summary-card,.song-default-settings-card,.account-summary-card{position:static}.song-default-settings-card,.song-settings-list-card{grid-area:auto}.song-settings-percent-grid,.song-participant-row{grid-template-columns:1fr}}@media (max-width:720px){.auth-page,.auth-panel,.management-card{padding:18px}.management-main{padding:24px 16px 36px}.management-header,.artist-row{grid-template-columns:1fr;align-items:flex-start}.report-upload-fields{grid-template-columns:1fr}}body:has(.styleguide-page){min-width:0}.styleguide-page{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 78% 4%,#cb3cff2e,#0000 34%),radial-gradient(circle at 18% 18%,#57c3ff1f,#0000 30%),linear-gradient(145deg,#081028 0%,#0a1330 45%,#081028 100%)}.styleguide-page button,.styleguide-page input,.styleguide-page textarea,.styleguide-page select{font:inherit;letter-spacing:0}.styleguide-page input,.styleguide-page textarea,.styleguide-page select{width:100%;min-width:0;color:var(--text-secondary);background:var(--background-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-sm);transition:border-color var(--transition-base) var(--easing-standard), box-shadow var(--transition-base) var(--easing-standard), background-color var(--transition-base) var(--easing-standard);outline:0}.styleguide-page input,.styleguide-page select{height:42px;padding:0 14px}.styleguide-page textarea{resize:vertical;min-height:96px;padding:13px 14px}.styleguide-page input:focus,.styleguide-page textarea:focus,.styleguide-page select:focus{box-shadow:0 0 0 3px #57c3ff1a, var(--glow-secondary);border-color:#57c3ffb8}.styleguide-page input:disabled{opacity:.52}.sg-nav{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081028db;border-right:1px solid #343b4fb3;flex-direction:column;width:280px;height:100vh;padding:30px 22px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sg-brand{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.sg-brand-mark{width:28px;height:28px;box-shadow:var(--glow-primary);background:#fffffff0;border-radius:9px;position:relative}.sg-brand-mark:before,.sg-brand-mark:after{content:"";border-radius:4px;width:8px;position:absolute}.sg-brand-mark:before{background:var(--accent-primary);height:11px;bottom:7px;left:8px}.sg-brand-mark:after{background:var(--accent-info);height:17px;bottom:7px;right:8px}.sg-nav nav{gap:4px;margin-top:30px;display:grid}.sg-nav nav a{min-height:34px;color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--transition-base) var(--easing-standard), background-color var(--transition-base) var(--easing-standard), transform var(--transition-base) var(--easing-standard);align-items:center;padding:0 10px;font-size:13px;line-height:14px;text-decoration:none;display:flex}.sg-nav nav a:hover,.sg-nav nav a:focus-visible{color:var(--text-primary);background:#0f1d45d1;transform:translate(2px)}.sg-main{width:min(1180px,100vw - 320px);margin-left:280px;padding:34px 40px 80px}.sg-hero,.sg-section,.sg-card,.sg-token-group,.sg-color-token,.sg-mini-token,.sg-state-card,.sg-topbar-demo,.sg-sidebar-preview,.sg-modal,.sg-playground{border:1px solid var(--border-soft);box-shadow:var(--shadow-card), var(--inner-highlight)}.sg-hero{border-radius:var(--radius-card);background:linear-gradient(135deg,#0b1739eb,#0a1330ad),radial-gradient(circle at 80% 20%,#cb3cff42,#0000 34%);grid-template-columns:minmax(0,1fr) 380px;gap:32px;min-height:420px;padding:40px;display:grid;overflow:hidden}.sg-eyebrow,.sg-section-heading p,.sg-card-header p,.sg-mini-topbar strong,.sg-hero-metrics span{color:var(--text-muted);text-transform:uppercase;margin:0;font-size:11px;font-weight:600;line-height:14px}.sg-hero h1{max-width:680px;color:var(--text-primary);margin:16px 0;font-size:clamp(42px,6vw,68px);line-height:.98}.sg-hero p:not(.sg-eyebrow){max-width:680px;color:var(--text-secondary);margin:0;font-size:16px;line-height:1.7}.sg-hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.sg-hero-panel{border-radius:var(--radius-card);box-shadow:var(--glow-primary), var(--inner-highlight);background:#08102894;border:1px solid #cb3cff2e;flex-direction:column;justify-content:space-between;align-self:stretch;padding:22px;display:flex}.sg-mini-topbar,.sg-card-header,.sg-topbar-demo{justify-content:space-between;align-items:center;gap:14px;display:flex}.sg-mini-topbar>span{background:linear-gradient(135deg, var(--accent-primary), var(--accent-info));border-radius:12px;width:38px;height:38px}.sg-hero-metrics{gap:14px;display:grid}.sg-hero-metrics article{border-radius:var(--radius-lg);background:#0b1739c7;border:1px solid #343b4fb8;gap:6px;padding:16px;display:grid}.sg-hero-metrics strong{font-size:24px;line-height:32px}.sg-section{z-index:0;border-radius:var(--radius-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08102894;margin-top:26px;padding:28px;position:relative}.sg-section:has(.sg-menu.is-open){z-index:60}.sg-section-heading{margin-bottom:22px}.sg-section-heading h2{margin:8px 0 0;font-size:28px;line-height:34px}.sg-token-groups,.sg-type-list,.sg-spacing-stack,.sg-state-grid,.sg-motion-grid{gap:16px;display:grid}.sg-token-group{border-radius:var(--radius-lg);background:#0a1330b8;padding:20px}.sg-token-group h3,.sg-card h3{margin:0 0 16px;font-size:16px;line-height:18px}.sg-color-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px;display:grid}.sg-color-token{border-radius:var(--radius-lg);background:#0b173994;min-height:188px;padding:12px}.sg-color-swatch{border-radius:var(--radius-sm);border:1px solid #ffffff0f;height:76px;margin-bottom:12px;display:block}.sg-color-token strong,.sg-mini-token code,.sg-type-row span,.sg-spacing-row code{color:var(--text-primary);display:block}.sg-color-token code,.sg-mini-token strong,.sg-type-row code,.sg-spacing-row strong{color:var(--text-secondary);font-size:12px}.sg-color-token p,.sg-guidance,.sg-card p,.sg-state-card span,.sg-mini-token span,.sg-motion-card span{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:18px}.sg-type-row{border-radius:var(--radius-lg);background:#0b17399e;border:1px solid #343b4f8a;grid-template-columns:150px minmax(0,1fr) 240px;align-items:center;gap:18px;min-height:72px;padding:16px;display:grid}.sg-type-row p{margin:0}.sg-type-h1{font-family:"Work Sans", var(--font-family);font-size:32px;font-weight:600;line-height:38px}.sg-type-h2{font-size:24px;font-weight:600;line-height:32px}.sg-type-h3{font-family:"Work Sans", var(--font-family);font-size:20px;font-weight:600;line-height:22px}.sg-type-section,.sg-type-card{font-size:16px;font-weight:500;line-height:18px}.sg-type-card{font-family:"Work Sans", var(--font-family)}.sg-type-body{font-size:14px;font-weight:500;line-height:14px}.sg-type-small,.sg-type-table{font-size:12px;font-weight:500;line-height:18px}.sg-type-caption,.sg-type-chart{font-size:10px;font-weight:500;line-height:14px}.sg-type-label{font-size:10px;font-weight:600;line-height:10px}.sg-type-metric{font-size:24px;font-weight:600;line-height:32px}.sg-grid-2,.sg-sidebar-demo,.sg-chart-grid,.sg-table-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.sg-card{border-radius:var(--radius-card);background:var(--surface-card);min-width:0;transition:transform var(--transition-base) var(--easing-standard), border-color var(--transition-base) var(--easing-standard), box-shadow var(--transition-base) var(--easing-standard), background-color var(--transition-base) var(--easing-standard);padding:20px}.sg-card:hover,.sg-color-token:hover,.sg-motion-card:hover{box-shadow:var(--shadow-card), var(--shadow-card-hover), var(--glow-secondary);border-color:#57c3ff47;transform:translateY(-2px)}.sg-spacing-row{grid-template-columns:118px minmax(4px,1fr) 52px;align-items:center;gap:12px;display:grid}.sg-spacing-row span{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent-primary), var(--accent-info));min-width:4px;height:12px;box-shadow:var(--glow-primary);display:block}.sg-layout-examples{gap:12px;display:grid}.sg-layout{gap:10px;min-height:74px;display:grid}.sg-layout span{border-radius:var(--radius-md);background:#57c3ff1f;border:1px solid #57c3ff33}.sg-layout-4{grid-template-columns:repeat(4,1fr)}.sg-layout-3{grid-template-columns:repeat(3,1fr)}.sg-layout-main{grid-template-columns:2fr 1fr}.sg-token-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:18px;display:grid}.sg-mini-token,.sg-motion-card{border-radius:var(--radius-lg);background:#0b17398f;min-height:118px;padding:16px}.sg-control-grid,.sg-choice-row,.sg-badge-grid,.sg-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sg-button,.sg-icon-button,.sg-menu-item,.sg-tabs button,.sg-filter-row button,.sg-switch,.sg-checkbox,.sg-table-header button{cursor:pointer;border:0;outline:0}.sg-button{min-height:42px;color:var(--text-primary);border-radius:var(--radius-sm);transition:transform var(--transition-fast) var(--easing-standard), box-shadow var(--transition-base) var(--easing-standard), background-color var(--transition-base) var(--easing-standard), color var(--transition-base) var(--easing-standard);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;line-height:14px;text-decoration:none;display:inline-flex}.sg-button:active,.sg-icon-button:active,.sg-tabs button:active,.sg-filter-row button:active{transform:scale(.985)}.sg-button-primary{background:linear-gradient(110deg, var(--accent-primary) 0%, #7f25fb 100%);box-shadow:0 8px 26px #cb3cff33}.sg-button-secondary{color:var(--text-secondary);background:var(--background-secondary);border:1px solid var(--border-soft)}.sg-select-button{min-height:38px;color:var(--text-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--inner-highlight);background:#081028b8;padding:0 14px}:is(.sg-select-button:hover,.sg-select-button[aria-expanded=true],.sg-dropdown:has(.sg-menu.is-open) .sg-select-button){color:var(--text-primary);box-shadow:0 0 0 1px #57c3ff1f, var(--glow-secondary), var(--inner-highlight);background:#0f1d45d1;border-color:#57c3ff57}.sg-button-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.sg-button-danger{color:var(--accent-danger);background:#ff5a6529;border:1px solid #ff5a6547}.sg-button-success{color:var(--accent-success);background:#05c16829;border:1px solid #05c16847}.sg-button-small{min-height:30px;padding:0 12px;font-size:12px}.sg-button-large{min-height:50px;padding:0 20px;font-size:15px}.sg-button:hover,.sg-icon-button:hover,.sg-profile-button:hover{color:var(--text-primary);box-shadow:var(--glow-primary);filter:brightness(1.06)}.sg-button:disabled{cursor:not-allowed;opacity:.48}.is-loading svg,.sg-spinner-card svg{animation:.9s linear infinite sg-spin}.sg-icon-button{width:38px;height:38px;color:var(--text-secondary);background:var(--background-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-sm);place-items:center;display:inline-grid;position:relative}.sg-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sg-form-grid label,.sg-choice{color:var(--text-secondary);gap:8px;font-size:12px;line-height:14px;display:grid}.sg-input-icon{align-items:center;display:flex;position:relative}.sg-input-icon svg{z-index:1;color:var(--text-muted);position:absolute;left:14px}.sg-input-icon input{padding-left:40px}.sg-form-grid .is-error input{box-shadow:var(--glow-danger);border-color:#ff5a65b8}.sg-form-grid .is-error small{color:var(--accent-danger)}.sg-form-grid .is-success input{border-color:#05c168a3}.sg-form-grid .is-success small{color:var(--accent-success)}.sg-choice{grid-template-columns:none;align-items:center;gap:9px;display:inline-flex}.sg-choice input{width:16px;height:16px;accent-color:var(--accent-primary)}.sg-switch{min-height:38px;color:var(--text-secondary);background:var(--background-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-pill);align-items:center;gap:10px;padding:0 12px;display:inline-flex}.sg-switch span{border-radius:var(--radius-pill);background:#7e89ac40;width:34px;height:18px;padding:2px;display:block}.sg-switch span:after{content:"";background:var(--text-secondary);width:14px;height:14px;transition:transform var(--transition-base) var(--easing-standard), background-color var(--transition-base) var(--easing-standard);border-radius:50%;display:block}.sg-switch[aria-pressed=true] span{background:#cb3cff47}.sg-switch[aria-pressed=true] span:after{background:var(--accent-primary);transform:translate(16px)}.sg-dropdown,.sg-nested-menu{z-index:1;display:inline-flex;position:relative}.sg-nested-menu:hover,.sg-nested-menu:focus-within{z-index:70}.sg-dropdown:has(.sg-menu.is-open){z-index:70}.sg-menu{z-index:30;border-radius:var(--radius-card);min-width:190px;box-shadow:var(--shadow-dropdown), var(--glow-secondary), var(--inner-highlight);opacity:0;transition:opacity var(--transition-base) var(--easing-standard), transform var(--transition-base) var(--easing-standard);background:#0b1739fa;border:1px solid #343b4fc7;padding:12px;position:absolute;top:calc(100% + 8px);left:0;right:auto;transform:translateY(-6px)}.sg-menu.is-open{opacity:1;transform:translateY(0)}.sg-menu[hidden]{display:none}.sg-menu-item{width:100%;min-height:34px;color:var(--text-secondary);border-radius:var(--radius-md);text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;line-height:14px;display:flex}.sg-menu-item:hover,.sg-menu-item[aria-checked=true]{color:var(--text-primary);background:#0f1d45d6;border-color:#57c3ff2e}.sg-nested-menu .sg-menu{pointer-events:none;left:0;right:auto;transform:translateY(6px)}.sg-nested-menu:hover .sg-menu,.sg-nested-menu:focus-within .sg-menu{pointer-events:auto;opacity:1;transform:translateY(0)}.sg-sidebar-demo{align-items:start}.sg-sidebar-preview{border-radius:var(--radius-card);background:var(--background-primary);width:300px;min-height:520px;transition:width var(--transition-slow) var(--easing-standard), padding var(--transition-slow) var(--easing-standard);gap:18px;padding:28px;display:grid}.sg-sidebar-preview.is-collapsed{width:88px;padding-inline:18px}.sg-sidebar-brand{align-items:center;gap:8px;display:flex}.sg-sidebar-search,.sg-sidebar-preview nav button{width:100%;min-height:42px;color:var(--text-secondary);background:var(--background-elevated);border-radius:var(--radius-md);border:1px solid #343b4fb8;align-items:center;gap:10px;padding:0 12px;display:flex}.sg-sidebar-preview nav{gap:8px;display:grid}.sg-sidebar-preview nav button{background:0 0}.sg-sidebar-preview nav button.is-active{color:var(--text-primary);box-shadow:inset 3px 0 0 var(--accent-primary), var(--glow-primary);background:#0b1739d1}.sg-sidebar-preview.is-collapsed .sg-sidebar-brand strong,.sg-sidebar-preview.is-collapsed .sg-sidebar-search span,.sg-sidebar-preview.is-collapsed nav button span,.sg-sidebar-preview.is-collapsed nav button svg:last-child{display:none}.sg-sidebar-preview.is-collapsed .sg-sidebar-search,.sg-sidebar-preview.is-collapsed nav button{justify-content:center;padding:0}.sg-topbar-demo{border-radius:var(--radius-card);background:#0b1739b8;grid-template-columns:1fr minmax(220px,360px) auto auto auto;padding:18px;display:grid}.sg-topbar-demo p,.sg-topbar-demo h3{margin:0}.sg-topbar-demo p{color:var(--text-muted);font-size:12px}.sg-topbar-demo h3{margin-top:4px;font-size:18px}.sg-topbar-search{align-items:center;display:flex;position:relative}.sg-topbar-search svg{color:var(--text-muted);position:absolute;left:14px}.sg-topbar-search input{padding-left:40px}.sg-dot-badge{min-width:16px;height:16px;color:var(--text-primary);background:var(--accent-primary);border:1px solid var(--background-primary);border-radius:var(--radius-pill);place-items:center;padding:0 4px;font-size:9px;display:grid;position:absolute;top:-5px;right:-5px}.sg-profile-button{height:38px;color:var(--text-primary);background:var(--background-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:0 10px;display:inline-flex}.sg-avatar{width:28px;height:28px;color:var(--text-primary);background:linear-gradient(135deg, var(--accent-warning), var(--accent-primary) 52%, var(--accent-info));border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.sg-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.sg-card-header h3{margin:6px 0 0}.sg-card-progress,.sg-progress-track{border-radius:var(--radius-pill);background:#7e89ac24;height:8px;overflow:hidden}.sg-card-progress{margin-top:34px}.sg-card-progress span,.sg-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-primary), var(--accent-info));width:68%;height:100%;box-shadow:var(--glow-primary);display:block}.sg-card-success svg{color:var(--accent-success)}.sg-card-info svg{color:var(--accent-info)}.sg-card-warning svg{color:var(--accent-warning)}.sg-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-chart-card{min-height:340px}.sg-chart-surface{border-radius:var(--radius-lg);background:linear-gradient(#0a13307a,#0810281f);height:240px;margin-top:18px;padding:8px;position:relative}.sg-chart-hint{z-index:2;color:var(--text-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-dropdown);opacity:0;transition:opacity var(--transition-fast) var(--easing-standard), transform var(--transition-fast) var(--easing-standard);background:#0b1739eb;border:1px solid #57c3ff4d;padding:6px 8px;font-size:11px;position:absolute;top:16px;right:18px;transform:translateY(-4px)}.sg-chart-surface:hover .sg-chart-hint{opacity:1;transform:translateY(0)}.sg-chart-placeholder,.sg-skeleton-line,.sg-skeleton-block{background:linear-gradient(90deg,#343b4f33,#aeb9e114,#343b4f33) 0 0/220% 100%;animation:1.15s linear infinite sg-shimmer;display:block}.sg-chart-placeholder{border-radius:var(--radius-lg);width:100%;height:100%}.sg-chart-card .recharts-tooltip-wrapper{color:var(--text-primary)}.sg-donut-layout{grid-template-columns:180px 1fr;align-items:center;gap:18px;min-height:240px;display:grid}.sg-donut{height:180px;position:relative}.sg-donut strong{place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.sg-chart-legend{color:var(--text-secondary);gap:10px;display:grid}.sg-chart-legend span{align-items:center;gap:8px;display:flex}.sg-chart-legend i{border-radius:50%;width:8px;height:8px}.sg-sparkline-card{align-content:center;gap:14px;min-height:240px;display:grid}.sg-progress-row{color:var(--text-secondary);justify-content:space-between;display:flex}.sg-table-wrap{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--surface-card);overflow:auto}.sg-table-header,.sg-table-row{min-width:820px;min-height:62px;color:var(--text-secondary);border-bottom:1px solid #343b4f9e;grid-template-columns:44px minmax(220px,1.5fr) minmax(120px,.8fr) 110px 120px 70px;align-items:center;padding:0 18px;display:grid}.sg-table-header{min-height:48px;color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.sg-table-header button{color:inherit;background:0 0;align-items:center;gap:4px;padding:0;display:inline-flex}.sg-table-row:hover,.sg-table-row.is-selected{background:#0f1d45b8}.sg-user-cell{align-items:center;gap:10px;display:flex}.sg-user-cell strong,.sg-table-row>strong{color:var(--text-primary);font-size:12px}.sg-user-cell small{color:var(--text-muted);margin-top:3px;font-size:11px;display:block}.sg-checkbox{width:16px;height:16px;color:var(--text-primary);border:1px solid var(--border-soft);background:0 0;border-radius:3px;place-items:center;display:inline-grid}.sg-checkbox.is-checked{background:var(--accent-primary);border-color:var(--accent-primary)}.sg-pagination{min-height:52px;color:var(--text-secondary);justify-content:flex-end;align-items:center;gap:10px;padding:0 18px;font-size:12px;display:flex}.sg-table-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.sg-table-state{border-radius:var(--radius-card);background:var(--surface-card);border:1px solid var(--border-soft);gap:12px;min-height:150px;padding:18px;display:grid}.sg-badge,.sg-trend{border-radius:2px;justify-content:center;align-items:center;gap:5px;min-height:22px;padding:0 8px;font-size:10px;font-weight:600;line-height:10px;display:inline-flex}.sg-badge i{border-radius:50%;width:6px;height:6px}.sg-badge-active,.sg-badge-success{color:var(--accent-success);background:#05c1682e}.sg-badge-active i,.sg-badge-success i{background:var(--accent-success)}.sg-badge-at-risk,.sg-badge-warning,.sg-badge-invited{color:var(--accent-warning);background:#fdb52a2e}.sg-badge-at-risk i,.sg-badge-warning i,.sg-badge-invited i{background:var(--accent-warning)}.sg-badge-danger{color:var(--accent-danger);background:#ff5a6529}.sg-badge-danger i{background:var(--accent-danger)}.sg-badge-info,.sg-badge-premium{color:var(--accent-info);background:#57c3ff29}.sg-badge-info i,.sg-badge-premium i{background:var(--accent-info)}.sg-badge-neutral,.sg-badge-offline{color:var(--text-secondary);background:#aeb9e124}.sg-badge-neutral i,.sg-badge-offline i{background:var(--text-secondary)}.sg-trend-up{color:var(--accent-success);background:#05c1682e}.sg-trend-down{color:var(--accent-danger);background:#ff5a6529}.sg-tooltip{position:relative}.sg-tooltip:after{z-index:50;width:max-content;max-width:220px;color:var(--text-primary);content:attr(data-tooltip);border:1px solid var(--border-soft);border-radius:var(--radius-sm);box-shadow:var(--shadow-dropdown);opacity:0;pointer-events:none;transition:opacity var(--transition-fast) var(--easing-standard), transform var(--transition-fast) var(--easing-standard);background:#0b1739fa;padding:7px 9px;font-size:11px;line-height:14px;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px)}.sg-tooltip:hover:after,.sg-tooltip:focus-visible:after,.sg-sidebar-preview.is-collapsed nav button:hover:after{opacity:1;transform:translate(-50%)}.sg-helper-tooltip{min-height:38px;color:var(--text-secondary);align-items:center;display:inline-flex}.sg-modal-layer{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:sg-fade var(--transition-base) var(--easing-standard);background:#020817ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.sg-modal{border-radius:var(--radius-card);width:min(520px,100%);animation:sg-modal-in var(--transition-slow) var(--easing-standard);background:#0b1739fa;padding:22px}.sg-modal header,.sg-modal footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.sg-modal header p,.sg-modal h3{margin:0}.sg-modal header p{color:var(--text-muted);text-transform:uppercase;font-size:11px}.sg-modal h3{margin-top:6px;font-size:20px}.sg-modal>p{color:var(--text-secondary);line-height:1.65}.sg-modal footer{justify-content:flex-end;margin-top:22px}.sg-modal-form{gap:14px;margin-top:18px;display:grid}.sg-modal-form label{color:var(--text-secondary);gap:8px;font-size:12px;display:grid}.sg-tabs{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#0b1739b3;gap:4px;padding:4px;display:inline-flex}.sg-tabs button,.sg-filter-row button{min-height:34px;color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;padding:0 12px}.sg-tabs button[aria-pressed=true],.sg-filter-row button.is-active{color:var(--text-primary);background:#cb3cff2e;box-shadow:inset 0 0 0 1px #cb3cff47}.sg-tabs+.sg-card{margin-top:14px}.sg-filter-row{margin-top:16px}.sg-filter-output{color:var(--text-secondary);margin:14px 0 0}.sg-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sg-state-card{border-radius:var(--radius-card);background:var(--surface-card);min-height:150px;color:var(--text-secondary);align-content:center;gap:8px;padding:20px;display:grid}.sg-state-card strong{color:var(--text-primary)}.sg-state-error{box-shadow:var(--glow-danger);border-color:#ff5a6547}.sg-state-error svg{color:var(--accent-danger)}.sg-state-success{border-color:#05c16847}.sg-state-success svg{color:var(--accent-success)}.sg-skeleton-block{border-radius:var(--radius-lg);width:100%;height:90px}.sg-skeleton-line{border-radius:var(--radius-pill);width:100%;height:12px}.sg-skeleton-line.is-short{width:62%}.sg-spinner-card{align-content:center;place-items:center;gap:12px;display:grid}.sg-spinner-card svg{color:var(--accent-primary)}.sg-motion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sg-motion-card{border:1px solid var(--border-soft)}.sg-motion-card code{color:var(--text-secondary)}.sg-motion-card strong{color:var(--text-primary);margin-top:10px;display:block}.sg-motion-demo{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px;display:grid}.sg-motion-demo span{border-radius:var(--radius-lg);border:1px solid var(--border-soft);min-height:70px;color:var(--text-secondary);transition:transform var(--transition-base) var(--easing-standard), box-shadow var(--transition-base) var(--easing-standard);background:#0b17399e;padding:16px}.sg-motion-demo span:hover{color:var(--text-primary);box-shadow:var(--glow-primary);transform:translateY(-3px)}.sg-usage-list{color:var(--text-secondary);gap:12px;margin:0;padding-left:22px;line-height:1.6;display:grid}.sg-playground{border-radius:var(--radius-card);background:#0b17399e;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px;padding:20px;display:grid}.sg-playground .sg-card{min-height:112px}.sg-playground-chart{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:#08102899;align-items:end;gap:8px;height:88px;padding:14px;display:flex}.sg-playground-chart svg{color:var(--accent-primary);align-self:center}.sg-playground-chart span{border-radius:var(--radius-pill) var(--radius-pill) 0 0;background:linear-gradient(180deg, var(--accent-primary), var(--accent-info));width:18px}.sg-playground-chart span:nth-child(2){height:44px}.sg-playground-chart span:nth-child(3){height:62px}.sg-playground-chart span:nth-child(4){height:32px}.sg-playground-row{border-radius:var(--radius-lg);background:#0f1d45b8;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:0 14px;display:grid}.sg-playground-row strong{font-size:12px}.sg-playground-row small{color:var(--text-secondary)}.sg-toast{z-index:90;min-height:42px;color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown), 0 0 24px #05c1681f;opacity:0;pointer-events:none;transition:opacity var(--transition-base) var(--easing-standard), transform var(--transition-base) var(--easing-standard);background:#0b1739fa;border:1px solid #05c16857;align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:fixed;bottom:24px;right:24px;transform:translateY(10px)}.sg-toast.is-visible{opacity:1;transform:translateY(0)}@keyframes sg-spin{to{transform:rotate(360deg)}}@keyframes sg-shimmer{to{background-position:-220% 0}}@keyframes sg-fade{0%{opacity:0}}@keyframes sg-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (max-width:1180px){.sg-nav{width:auto;height:auto;max-height:none;position:sticky}.sg-nav nav{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.sg-main{width:100%;margin-left:0;padding:20px}.sg-hero,.sg-grid-2,.sg-sidebar-demo,.sg-chart-grid,.sg-table-state-grid,.sg-state-grid,.sg-motion-grid,.sg-playground,.sg-topbar-demo{grid-template-columns:1fr}}@media (max-width:720px){.sg-main{padding:14px}.sg-section,.sg-hero{padding:18px}.sg-type-row,.sg-form-grid,.sg-donut-layout{grid-template-columns:1fr}.sg-sidebar-preview,.sg-sidebar-preview.is-collapsed{width:100%}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:1ms;--transition-base:1ms;--transition-slow:1ms}.styleguide-page *,.styleguide-page :before,.styleguide-page :after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}}