450;500;550;600;650;700&display=swap');
:root{color-scheme:dark;--bg:#0c1014;--panel:#12181e;--line:#242c34;--text:#e9eef2;--muted:#85919d;--mint:#7de3c0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:#192129;color:var(--text);border-radius:7px;padding:10px 14px;transition:background .2s,transform .2s}button:hover{background:#27343d;transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a{color:inherit;text-decoration:none}aside{width:238px;position:fixed;inset:0 auto 0 0;background:#10151b;border-right:1px solid var(--line);padding:29px 19px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:4px;font-weight:700;font-size:19px;letter-spacing:-.6px}.brand-icon{font-size:31px;color:var(--mint);margin-right:9px}.brand-icon span{color:#fff}.muted,small{color:var(--muted)}.workspace{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;margin:31px 0;padding:12px 9px;font-size:12px}.avatar{background:#234237;color:var(--mint);height:33px;width:33px;border:1px solid #395b4d;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.purple{background:#332c46;color:#c8b8ee;border-color:#4d405f;border-radius:50%}small{display:block;font-size:11px;margin-top:4px}.nav-label{font-size:10px;letter-spacing:1.7px;color:#657380;padding:0 12px;margin-bottom:12px}nav a{display:flex;gap:12px;align-items:center;padding:12px;margin:3px 0;color:#93a0ab;border-radius:7px;font-size:13px}nav a:hover{background:#192229}nav a.active{background:#1d302d;color:#a1ebd0}nav .glyph{font-size:17px;width:20px;text-align:center}.count{margin-left:auto;font-size:10px;background:#36443e;color:#b7dfce;padding:2px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;color:var(--muted);font-size:11px}.online{color:var(--mint);display:flex;gap:8px}.online span{color:#adbac3}.sidebar-bottom p{font-size:11px;margin-bottom:25px}.profile{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:10px;color:#dce3e9}main{margin-left:238px}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px;color:var(--muted)}#breadcrumb{color:#dbe4ea}.slash{margin:0 14px;color:#42505c}.header-right{display:flex;gap:20px;align-items:center}.demo{font-size:9px;letter-spacing:1.3px;color:#8f9da8}.header-right button{position:relative;background:none;border:none;padding:6px;font-size:22px}.header-right i{position:absolute;right:6px;top:6px;width:5px;height:5px;background:var(--mint);border-radius:50%}.content{max-width:1550px;margin:auto;padding:35px 38px 18px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:9px;color:var(--mint);letter-spacing:2px;margin-bottom:10px}h1{font-size:29px;letter-spacing:-1px;margin:0;font-weight:550}p{color:var(--muted);line-height:1.6}.page-head p{font-size:12px;margin:8px 0 0}.primary{background:var(--mint);color:#112820;border-color:var(--mint);font-weight:650;font-size:12px}.primary:hover{background:#a2efd6}.notice{padding:13px 16px;border:1px solid #2a3935;background:linear-gradient(100deg,#16241f,#12191e);display:flex;align-items:center;gap:12px;border-radius:8px;font-size:11px;color:#91a59c;margin-bottom:25px}.notice>span:first-child{color:var(--mint);font-size:21px}.notice strong{color:#c6d9d0;font-weight:500}.pill{border:1px solid #31433a;border-radius:4px;padding:4px 7px;font-size:9px;white-space:nowrap;margin-left:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:19px}.stat-label{color:#a3aeb8;font-size:11px;display:flex;justify-content:space-between}.stat-label b{color:#637584;font-size:15px}.stat-number{font-size:31px;letter-spacing:-1px;margin:12px 0 8px}.stat-bottom{font-size:10px;color:var(--muted)}.green{color:var(--mint)}.amber{color:#e4bb77}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px}.panel-head h2{font-size:14px;font-weight:550;margin:0}.panel-head h2 small{font-size:10px;font-weight:400;margin-top:6px}.text-btn{border:0;background:none;color:#9cb3bd;padding:0;font-size:11px}.toolbar{display:flex;gap:10px;align-items:center;padding:0 20px 16px}.tabs{display:flex;gap:5px}.tabs button{padding:7px 10px;font-size:10px;background:none;border-color:transparent;color:var(--muted)}.tabs button.selected{background:#263039;color:#e5edf2}.search{margin-left:auto;max-width:180px;padding:8px 10px;font-size:10px}input,select,textarea{background:#0e1419;color:#e7eff4;border:1px solid var(--line);border-radius:6px;padding:11px;width:100%}input:focus,select:focus,textarea:focus{outline:1px solid var(--mint)}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:9px;letter-spacing:.5px;font-weight:500;color:#748491;background:#10161b;padding:12px 19px}td{padding:15px 19px;border-top:1px solid #222a31;font-size:11px;color:#9facb6}tbody tr:hover{background:#182128}.project-name{display:flex;gap:10px;align-items:center;color:#e1e8ed;font-weight:500}.app-icon{height:37px;width:37px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:21px;background:linear-gradient(140deg,#345c6b,#182c4d);border:1px solid #ffffff16;flex-shrink:0}.app-icon.orange{background:linear-gradient(140deg,#7a6145,#3d3340)}.app-icon.pink{background:linear-gradient(140deg,#6f466a,#32345f)}.app-icon.lime{background:linear-gradient(140deg,#466543,#263e38)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:5px 7px;font-size:9px;white-space:nowrap;background:#20362e;color:#8bddb5}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.review{background:#3b3221;color:#e6c085}.badge.dev{background:#2d2b42;color:#bcb0ef}.store-icons{display:flex;gap:4px}.store-icons span{background:#212b33;border:1px solid #35414a;border-radius:4px;font-size:9px;padding:4px 5px}.panel-foot{font-size:10px;color:#70828f;padding:13px 20px;border-top:1px solid var(--line)}.experiment{padding:0 20px 18px}.exp-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.experiment p{font-size:10px;margin:6px 0 13px}.progress{height:4px;border-radius:3px;background:#2b343e;overflow:hidden}.progress span{display:block;height:100%;background:var(--mint);border-radius:3px}.exp-bottom{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:9px}.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.exp-grid .experiment+ .experiment{border-left:1px solid var(--line)}.reminder{padding:16px 20px;border-top:1px solid var(--line);display:flex;gap:12px}.reminder-icon{font-size:14px;color:#e1bc7e;background:#332d23;border-radius:6px;height:30px;min-width:30px;display:grid;place-items:center}.reminder strong{font-size:11px;font-weight:500}.reminder p{font-size:10px;margin:5px 0 8px}.reminder button{font-size:9px;padding:4px 6px;background:none;color:#91b6a7}.due{font-size:9px;color:#d7af74;margin-right:8px}.activity{padding:0 20px 18px;display:flex;gap:12px}.activity .dot{width:6px;height:6px;border-radius:50%;background:#7de3c0;margin-top:6px;flex-shrink:0;box-shadow:0 0 0 4px #22352d}.activity p{font-size:10px;margin:0}.activity strong{color:#c2ced7;font-weight:500}.activity small{font-size:9px}.monitor{padding:20px;background:radial-gradient(ellipse at top right,#223d33,transparent 80%)}.monitor h3{font-size:13px;margin:10px 0}.monitor p{font-size:11px}.monitor .pill{display:inline-block;color:var(--mint);margin:0}.monitor button{font-size:10px;width:100%;margin-top:5px}footer{display:flex;gap:15px;font-size:8px;letter-spacing:1px;color:#52616d;padding:8px 0}footer span{letter-spacing:0}footer span:last-child{margin-left:auto}.empty{padding:35px;text-align:center;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-card{padding:22px}.detail-card h3{font-size:15px}.detail-card p{font-size:12px}.detail-card button{font-size:11px;margin-top:12px}dialog{width:480px;max-width:92vw;background:#151d24;color:var(--text);border:1px solid #38454e;border-radius:12px;padding:25px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#02070bb8;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{font-size:20px;margin:0}.dialog-head button{border:0;background:none}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}label.field{display:block;font-size:12px;color:#a9b6c1;margin-top:16px}.field input,.field select,.field textarea{margin-top:7px}.detail-data{line-height:1.8;font-size:12px;color:#b5c4cf}.detail-data h3{color:var(--mint);margin-top:20px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:12px 20px;border:1px solid #416656;background:#20362f;border-radius:8px;opacity:0;pointer-events:none;transition:.25s;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}#view{animation:arrive .35s ease both}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.content{padding-top:45px}.stat{padding:24px}.panel-head{padding:23px 20px}td{padding-top:19px;padding-bottom:19px}}@media(max-width:1200px){.layout{grid-template-columns:1fr}.right-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.monitor{grid-column:1/-1}.content{padding:28px 25px}.cards{grid-template-columns:1fr 1fr}}@media(max-width:850px){aside{width:74px;padding:20px 10px}.brand{font-size:0}.brand-icon{font-size:30px}.brand>.muted,.workspace,.nav-label,.sidebar-bottom,nav a .label,nav a .count{display:none}nav{margin-top:25px}nav a{padding:12px;justify-content:center}main{margin-left:74px}header{padding:0 20px}.stats{grid-template-columns:1fr 1fr}.page-head{gap:15px}h1{font-size:24px}.notice .pill{display:none}.cards{grid-template-columns:1fr}}@media(max-width:580px){.content{padding:22px 14px}.page-head{align-items:flex-start;flex-direction:column}.notice{font-size:10px}.right-col,.exp-grid{display:block}.exp-grid .experiment+ .experiment{border-left:0}.toolbar{flex-wrap:wrap}.search{margin-left:0;max-width:none}th:nth-child(2),td:nth-child(2),th:nth-child(4),td:nth-child(4){display:none}td,th{padding:12px 10px}.stat{padding:13px}.stat-label{font-size:10px}.demo{display:none}footer span:first-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Reference-inspired dark dashboard: warm accents, soft cards, clear hierarchy. */
:root{--bg:#141419;--panel:#1c1c23;--line:#2d2d36;--text:#f4f2f7;--muted:#aaa6b5;--mint:#ff985e}body{background:radial-gradient(ellipse at 90% 0,#382b36 0,transparent 40%),#111116}aside{background:#19191f;width:224px;padding:30px 20px;border-color:#2b2932}.brand{font-size:18px;letter-spacing:-.7px}.brand-icon{background:linear-gradient(140deg,#ff9755,#ed70d3);color:white;border-radius:10px;height:31px;width:31px;display:grid;place-items:center;font-size:24px;line-height:1;margin-right:7px}.brand-icon span{display:none}.brand .muted{font-weight:450;color:#b8b2bf}.workspace{border:0;background:#212128;border-radius:12px;padding:12px 10px;margin:30px 0 24px}.avatar{background:#443044;border-color:#64415e;color:#ffc3e2}.nav-label{font-size:9px;letter-spacing:1.2px;color:#817b8b}nav a{font-size:12px;position:relative;margin:7px 0;padding:12px 10px;border-radius:10px;transition:background .2s,color .2s}nav a.active{color:#fff;background:radial-gradient(ellipse at 85% 0,#8d456770,transparent 70%),linear-gradient(100deg,#ff98552e,#d86deb1f)}nav a.active:before{content:'';position:absolute;left:-20px;top:8px;bottom:8px;width:3px;background:linear-gradient(#f078d9,#ff925c);border-radius:3px}.count{background:#644043;color:#ffd6c4}.sidebar-bottom{padding-top:20px}.sidebar-feature{border:1px solid #60425166;border-radius:16px;padding:22px 15px;text-align:center;background:radial-gradient(ellipse at 85% 0,#ad607457,transparent 75%),linear-gradient(145deg,#27212b,#242026);margin-bottom:24px}.sidebar-feature .feature-icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#ff995a,#d761d2);display:grid;place-items:center;font-size:22px;margin:0 auto 13px;color:#fff;box-shadow:0 8px 24px #f878ab25}.sidebar-feature strong{font-size:12px;color:#eee5ed}.sidebar-feature p{font-size:10px;margin:8px 0 14px}.sidebar-feature a{display:block;padding:9px;border-radius:20px;background:#fc945b;color:#241b17;font-weight:650;font-size:10px;box-shadow:0 5px 15px #ff88552a}.profile{padding-top:18px}main{margin:16px 16px 16px 240px;background:#16161c;border:1px solid #302c36;border-radius:22px;min-height:calc(100vh - 32px);overflow:hidden;box-shadow:0 25px 80px #0003}header{height:76px;margin:0 24px;padding:0 4px;border-color:#2a2731}.header-right{gap:18px}.header-right .avatar{height:35px;width:35px}.header-search{display:flex;align-items:center;gap:9px;color:#9991a2;background:#202027;border:1px solid #2b2832;border-radius:30px;padding:10px 14px;font-size:12px}.header-search input{background:transparent;border:0;padding:0;width:200px;font-size:11px}.header-search input:focus{outline:0}.header-search kbd{font:10px inherit;border:1px solid #3c3543;border-radius:5px;padding:2px 5px;color:#b1a6ba}.header-identity{font-size:11px;color:#f0e8f3}.header-identity small{font-size:9px}.header-right button{border:1px solid #302a37;border-radius:50%;width:35px;height:35px;font-size:20px;display:grid;place-items:center} .content{padding:25px 26px 18px;max-width:1600px}.page-head{margin-bottom:20px}.eyebrow{display:none}h1{font-size:26px;font-weight:600;letter-spacing:-.8px}.page-head p{font-size:11px;margin-top:6px;color:#9d96a7}.primary{background:#ff9559;border:0;color:#25170e;border-radius:24px;padding:12px 19px;box-shadow:0 6px 24px #f47a4026;transition:transform .2s,box-shadow .2s}.primary:hover{background:#ffad7b;box-shadow:0 8px 28px #f47a4044}.notice{background:#211e27;border:1px solid #39313f;border-radius:10px;padding:9px 13px;font-size:10px;margin-bottom:20px;color:#aaa0b4}.notice strong{color:#d3c7de}.notice>span:first-child{font-size:17px;color:#e79dd4}.notice .pill{border-color:#564159;color:#d8b3da}.stats{gap:15px;margin-bottom:18px}.stat{padding:17px 18px 16px;border-radius:14px;background:linear-gradient(135deg,#22212a,#1c1c23);border-color:#302c37;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.stat:hover{transform:translateY(-3px);border-color:#725264}.stat-label{font-size:11px;color:#ddd6e5;align-items:center}.stat-label b{width:29px;height:29px;background:linear-gradient(140deg,#f88b86,#dd67bb);border-radius:50%;display:grid;place-items:center;font-size:16px;color:white}.stat:nth-child(2) .stat-label b{background:linear-gradient(140deg,#7c9efe,#b080eb)}.stat:nth-child(3) .stat-label b{background:linear-gradient(140deg,#d9b965,#87b571)}.stat:nth-child(4) .stat-label b{background:linear-gradient(140deg,#f28fad,#d565b4)}.stat-number{font-size:31px;font-weight:600;margin:12px 0 6px}.stat-bottom{font-size:9px;color:#9890a2}.panel{border-radius:14px;border-color:#302b37;background:#1c1c23;margin-bottom:18px}.panel-head{padding:18px}.panel-head h2{font-size:12px;font-weight:550}.panel-head h2 small{font-size:9px;color:#918798;margin-top:6px}.layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.right-col>.panel{height:auto}.toolbar{padding:0 18px 13px}.tabs button{font-size:9px;padding:7px 9px;border-radius:16px}.tabs button.selected{background:#513127;color:#ffba90}.search{border-radius:20px;background:#24212a;border-color:#322d3a;font-size:9px}th{font-size:8px;background:#24212a;color:#a39aaf;padding:11px 18px}td{border-color:#2b2732;padding:14px 18px;font-size:10px}.project-name{font-size:11px;line-height:1.2}.project-name small{font-size:9px;color:#8f859c;margin-top:5px}.app-icon{height:34px;width:34px;border-radius:10px}.badge{border-radius:6px;font-size:8px;padding:5px 7px;background:#24372d;color:#a1d6ad}.badge.review{background:#493326;color:#ffb47d}.badge.dev{background:#392b43;color:#d9a8ea}.store-icons span{background:#292532;border-color:#3e3549;color:#cabbd7}.panel-foot{border-color:#2b2732;font-size:9px;color:#92879e;padding:12px 18px}.text-btn{color:#c0a4cc}.reminder{padding:15px 18px;border-color:#2b2732}.reminder-icon{background:#403027;color:#ffb07b;border-radius:9px}.reminder strong{font-size:10px}.reminder p{font-size:9px}.reminder button{color:#d1b5db;border-color:#45334c;border-radius:12px;font-size:8px}.due{font-size:8px;color:#ffb17e}.monitor{background:radial-gradient(ellipse at top right,#82456048,transparent 80%),#241e29}.monitor h3{font-size:13px}.monitor p{font-size:10px}.monitor .pill{color:#f4b7db;border-color:#68445b;font-size:8px}.monitor button{border-radius:20px;background:#3b2b3e;border-color:#5a3b57}.exp-top{font-size:11px}.experiment p{font-size:9px}.exp-grid .experiment+.experiment{border-color:#352c3c}.progress{height:5px;background:#342938}.progress span{background:linear-gradient(90deg,#d569db,#ff9758)}.activity .dot{background:#f296b7;box-shadow:0 0 0 4px #3c2938}.activity p{font-size:10px}.chart-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;margin-bottom:18px}.chart-card{padding:17px 18px;background:#1c1c23;border:1px solid #302b37;border-radius:14px;min-width:0}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.chart-heading h2{font-size:11px;font-weight:550;margin:0}.chart-heading span{font-size:8px;padding:5px 8px;border-radius:20px;background:#26212d;color:#b8a9c6}.chart-note{font-size:8px;color:#94869f;margin-top:11px}.bar-chart{height:137px;display:flex;align-items:flex-end;gap:13px;border-bottom:1px solid #3b3043;background:repeating-linear-gradient(to top,transparent 0,transparent 33px,#332b3b 34px,transparent 35px);padding:0 10px}.bar-item{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar-item .bar{width:100%;max-width:36px;height:var(--height);min-height:4px;border-radius:8px 8px 3px 3px;background:var(--color);animation:growbar .65s cubic-bezier(.2,.7,.2,1) both;transform-origin:bottom;position:relative}.bar-item b{font-size:9px;color:#ddd0e6;font-weight:500;margin-bottom:6px}.bar-labels{display:flex;gap:13px;padding:8px 10px 0}.bar-labels span{flex:1;text-align:center;font-size:8px;color:#a499ae}.donut-wrap{display:flex;align-items:center;gap:17px;min-height:145px}.donut{height:130px;width:130px;flex-shrink:0;border-radius:50%;background:conic-gradient(#ff985e 0 var(--live),#db78e8 var(--live) var(--review),#7ad38a var(--review) 100%);position:relative;display:grid;place-items:center;transform:rotate(-90deg);animation:arrive .7s ease both}.donut:before{content:'';position:absolute;inset:14px;background:#1c1c23;border:4px solid #242029;border-radius:50%}.donut-center{position:relative;transform:rotate(90deg);text-align:center;font-size:23px;font-weight:600}.donut-center small{font-size:9px;font-weight:400}.legend{display:grid;gap:14px}.legend-row{font-size:8px;color:#afa1bb;display:flex;gap:7px;align-items:flex-start}.legend-row i{width:7px;height:7px;border-radius:2px;background:var(--color);margin-top:2px}.legend-row b{display:block;font-size:13px;color:#e2d6ed;font-weight:500;margin-top:3px}.chart-card:hover{border-color:#51415b}.header-right .demo{color:#b39bbc;font-size:8px;letter-spacing:1px}dialog{background:#211c28;border-color:#57415d;border-radius:20px}input,select,textarea{background:#19151f;border-color:#3c3047}input:focus,select:focus,textarea:focus{outline-color:#ed93c5}.dialog-actions button{border-radius:22px}.green{color:#90d4a0}.cards{gap:18px}.detail-card{padding:25px}.detail-card button{border-radius:22px;background:#302337;border-color:#523858}#toast{background:#36283c;border-color:#81546e;border-radius:20px}footer{font-size:8px;color:#81718e}.online{color:#ffaf78}.chart-grid .chart-card:nth-child(2){animation-delay:.07s}.chart-grid .chart-card:nth-child(3){animation-delay:.14s}@keyframes growbar{from{transform:scaleY(0)}to{transform:scaleY(1)}}@media(min-width:1450px){.content{padding:28px 30px}.stat{padding:20px}.chart-card{padding:20px}.bar-chart{height:155px}.donut-wrap{min-height:165px}}@media(max-width:1200px){.layout{grid-template-columns:1fr}.right-col{display:grid;grid-template-columns:1fr 1fr}.monitor{grid-column:auto}.chart-grid{gap:12px}.chart-card{padding:14px}.donut{width:105px;height:105px}.donut-wrap{gap:10px}.legend{gap:10px}.header-identity{display:none}}@media(max-width:1000px){.chart-grid{grid-template-columns:1fr 1fr}.chart-card:last-child{grid-column:1/-1}.donut-wrap{justify-content:center;gap:35px}.legend{display:flex;gap:25px}.donut{width:115px;height:115px}.header-search input{width:130px}}@media(max-width:850px){aside{width:70px;padding:25px 10px}.brand{font-size:0}.brand-icon{font-size:24px;margin:0}.brand .muted{display:none}main{margin:10px 10px 10px 80px;border-radius:18px}.content{padding:20px}.sidebar-bottom{display:none}nav a.active:before{left:-10px}.stats{grid-template-columns:repeat(2,1fr)}header{margin:0 16px;height:65px}.header-search input{width:110px}.header-search kbd{display:none}.header-right{gap:10px}.chart-card:last-child{grid-column:1/-1}}@media(max-width:580px){main{margin-left:72px;margin-right:6px}.content{padding:16px 12px}header{margin:0 12px}.header-search{padding:9px;width:140px}.header-search input{width:100px}.header-right .avatar{display:none}h1{font-size:23px}.chart-grid{grid-template-columns:1fr}.chart-card:last-child{grid-column:auto}.right-col{display:block}.legend{display:grid;gap:12px}.donut-wrap{justify-content:space-around}.stat{padding:13px}.stat-label{font-size:10px}.stat-label b{width:23px;height:23px;font-size:13px}.stat-bottom{font-size:8px}.stat-number{font-size:28px}.toolbar{padding:0 10px 12px}.page-head{gap:14px}.notice{font-size:9px}td,th{padding:12px 10px}.header-right .demo{display:none}}@media(prefers-reduced-motion:reduce){.bar-item .bar,.donut{animation:none}}
.donut,.donut-center{transform:none}.donut{animation:none}@media(max-height:850px) and (min-width:851px){.sidebar-feature{display:none}}

/* Premium light surface system. */
:root{color-scheme:light;--bg:#f7f6f4;--panel:#fff;--line:#ece9e5;--text:#24232b;--muted:#797680;--mint:#ea8551}
body{background:radial-gradient(ellipse at 100% 0,#f3e6e980,transparent 50%),#f3f2ef;color:var(--text);-webkit-font-smoothing:antialiased}
aside{background:#fdfcfb;border-right:1px solid #eae6e2;padding-top:32px}.brand{color:#232129;letter-spacing:-.7px}.brand .muted{color:#66616b}.brand-icon{background:linear-gradient(145deg,#ffa05f,#df6bc9);box-shadow:0 4px 12px #df8c6b25}.workspace{background:#f6f4f2;border:1px solid #eeebe8;border-radius:13px;color:#38333d}.avatar{background:#f3e7ec;border-color:#ead6e1;color:#9c547e}.purple{background:linear-gradient(135deg,#f2e5f6,#eee8f9);border-color:#e7daf0;color:#865d9c}.nav-label{color:#a09a9f}.muted,small{color:#88818b}nav a{color:#77717c}nav a:hover{background:#f5f1f2;color:#343039}nav a.active{background:radial-gradient(ellipse at 94% 0,#edb5ee70,transparent 64%),linear-gradient(100deg,#ffecdf,#fff7f4);color:#32272e;box-shadow:0 3px 9px #cd9a8610}nav a.active .glyph{color:#e67c48}.count{background:#f8ded8;color:#aa6248}.sidebar-feature{background:radial-gradient(ellipse at 90% 0,#e8b9ea80,transparent 65%),linear-gradient(145deg,#fff3e8,#faf4f9);border-color:#f0e4e4;box-shadow:0 8px 22px #baa39c0d}.sidebar-feature strong{color:#3c3038}.sidebar-feature p{color:#87747f}.sidebar-feature a{background:#ff9457;color:white}.sidebar-bottom{color:#93888e}.online{color:#d18c57}.online span{color:#81757b}.profile{border-color:#ece5e8;color:#42343e}
main{background:#fbfaf9;border:1px solid #fff;border-radius:24px;box-shadow:0 15px 60px #46352b0a,0 2px 8px #45352b03}header{border-color:#eeeae7}button{background:#fff;border-color:#e9e4e2;color:#534750;box-shadow:0 2px 4px #57474003}button:hover{background:#f9f4f1;border-color:#e4cfc2}.header-search{background:#f4f3f1;border-color:#efedeb;box-shadow:inset 0 1px 3px #55412b03}.header-search input{color:#51464e}.header-search input::placeholder{color:#aaa2a5}.header-search kbd{background:#fff;border-color:#e9e4e2;color:#94878f}.header-right button{background:#fff;border-color:#eee7e5;color:#766671;box-shadow:0 4px 15px #80604c06}.header-right .demo{color:#ae929e;letter-spacing:1.2px}.header-identity{color:#40343e}.header-identity small{color:#93838e}.content{padding-top:28px}.page-head{margin-bottom:24px}h1{color:#231f26;font-size:28px;font-weight:600;letter-spacing:-1px}.page-head p{color:#8a7f88;font-size:11px}.primary{background:linear-gradient(135deg,#ffa163,#f1874f);color:#fff;border:1px solid #f38e58;box-shadow:0 7px 18px #ed955331,inset 0 1px 0 #ffc5a5;font-weight:550}.primary:hover{background:linear-gradient(135deg,#ffae77,#ed8049);border-color:#ec834b;box-shadow:0 9px 22px #ed955345}
.notice{background:#fff8f2;border:1px solid #f3e6dc;color:#a18a7b;box-shadow:none;font-size:10px}.notice strong{color:#89705f}.notice>span:first-child{color:#d7a186}.notice .pill{background:#fffdfb;border-color:#efdcd0;color:#b18b76}.stat{background:linear-gradient(130deg,#fff,#fdfcfb);border-color:#eee8e4;border-radius:16px;box-shadow:0 4px 14px #54443804;padding:19px 20px}.stat:hover{border-color:#efd0c0;box-shadow:0 9px 25px #8560490a}.stat-label{color:#574b55;font-size:11px}.stat-label b{box-shadow:0 4px 8px #d77cb21a}.stat-number{color:#262129;font-weight:600;font-size:33px;letter-spacing:-1.2px}.stat-bottom{color:#a0929c;font-size:9px}
.panel,.chart-card{background:#fff;border-color:#eee8e4;border-radius:16px;box-shadow:0 3px 12px #58412e04}.chart-card:hover{border-color:#e8d7d0}.panel-head h2,.chart-heading h2{color:#413540;font-weight:600}.panel-head h2 small{color:#a3939e;font-weight:400}.chart-heading span{background:#fbf9f7;border:1px solid #f2ede9;color:#9c8996;padding:6px 9px}.chart-note{color:#ad9aa8}.bar-chart{border-color:#ece5e9;background:repeating-linear-gradient(to top,transparent 0,transparent 33px,#f4eff2 34px,transparent 35px)}.bar-item b{color:#85707f}.bar-item .bar{box-shadow:inset 0 1px 0 #ffffff70;filter:saturate(.78);border-radius:8px 8px 4px 4px}.bar-labels span{color:#95818f}.donut{box-shadow:0 0 0 1px #f4ede7;filter:saturate(.78)}.donut:before{background:#fff;border:4px solid #fffaf6}.donut-center{color:#43323d}.donut-center small{color:#a48c9b}.legend-row{color:#96818f}.legend-row b{color:#51404c}.legend-row i{border-radius:2px}.text-btn{color:#967989}.text-btn:hover{color:#b06c43}.tabs button{color:#ad99a6}.tabs button.selected{background:#fff0e6;color:#bc7850;box-shadow:inset 0 0 0 1px #f7e1d3}.tabs button:hover{background:#fff6ef}.search{background:#fcfaf9;border-color:#eee5e8;color:#705568}.search::placeholder{color:#b6a1af}th{background:#fcfaf9;color:#a68d9e;font-weight:500;border-top:1px solid #f7f1ee}td{border-color:#f1eaee;color:#92778a}tbody tr:hover{background:#fffcf9}.project-name{color:#65505f}.project-name small{color:#ad96a6}.store-icons span{background:#faf6f9;border-color:#eae0e8;color:#9c8095}.badge{background:#ecf7ed;color:#5d9a68}.badge.review{background:#fff0e5;color:#bd824f}.badge.dev{background:#f5eafa;color:#a276ba}.app-icon{border:1px solid #ffffffa0;box-shadow:0 3px 8px #6f496610;color:#fff}.app-icon.pink{background:linear-gradient(145deg,#dcb6e7,#b197d5)}.app-icon.orange{background:linear-gradient(145deg,#f6c795,#ddac79)}.app-icon.lime{background:linear-gradient(145deg,#a6d5b0,#7dbd99)}.app-icon:not(.pink):not(.orange):not(.lime){background:linear-gradient(145deg,#94d2db,#7db2d5)}.panel-foot{border-color:#f0e9ed;color:#ab92a2}.reminder{border-color:#f1eaee}.reminder strong{color:#6c5364}.reminder p{color:#a38a9a}.reminder-icon{background:#fff1e6;color:#d79359}.reminder button{background:#fff;border-color:#e9dce5;color:#a27c97}.due{color:#c79263}.monitor{background:radial-gradient(ellipse at 100% 0,#ebceea75,transparent 75%),linear-gradient(135deg,#fff6ed,#fdf5fa);border-color:#efdee7}.monitor h3{color:#735366}.monitor p{color:#a28699}.monitor .pill{background:#fff8fd;color:#b787a9;border-color:#eedbea}.monitor button{background:#fff7fc;border-color:#e9d2e3;color:#ac7b9e}.progress{background:#f6eaf2}.progress span{background:linear-gradient(90deg,#dda4d7,#ffb078)}.exp-grid .experiment+.experiment{border-color:#f0e5ed}.exp-top .text-btn{color:#906c84}.experiment p,.exp-bottom{color:#ac8fa2}.activity .dot{background:#e9adc8;box-shadow:0 0 0 4px #fcf0f5}.activity p{color:#a18a99}.activity strong{color:#86697c}.activity small{color:#b49baa}footer{color:#b4a0ac}.green{color:#6fac7b}.amber{color:#c49258}.detail-card p{color:#97818e}.detail-card button{background:#fff8fb;border-color:#eedee7;color:#ab8099}.detail-card h2,.detail-card h3{color:#594350}
dialog{background:#fffdfc;color:#3f303b;border-color:#ead9e2;box-shadow:0 30px 100px #5d3d4c24;border-radius:22px}dialog::backdrop{background:#46303c45;backdrop-filter:blur(7px)}.dialog-head button{color:#9f7a91}label.field{color:#947388}input,select,textarea{background:#fffcfd;border-color:#eaddE6;color:#5e4555}input:focus,select:focus,textarea:focus{outline-color:#e8ac88}.detail-data{color:#9a7f8e}.detail-data h3{color:#cf916c}#toast{background:#fff9f4;color:#a16e51;border-color:#eccfba;box-shadow:0 8px 24px #86634516}.empty{color:#a58a9c}
@media(min-width:1450px){.content{padding:32px}.stat{padding:22px}.chart-card{padding:21px}}@media(max-width:850px){.content{padding:20px}main{border-radius:18px}.brand .muted{display:none}}@media(max-width:580px){.content{padding:16px 12px}.stat{padding:14px}.stat-number{font-size:29px}h1{font-size:24px}.stat-label{font-size:10px}}
.stat-bottom,.chart-note,.bar-labels span,.panel-head h2 small,.project-name small,.panel-foot,.exp-bottom,.activity small{color:#847680}.chart-note,.bar-labels span{font-size:9px}.legend-row,.chart-heading span,.reminder p,.experiment p{color:#7e6b78}.header-right .demo{color:#8e7785}.notice{color:#8a7161}.primary{color:#54280f;text-shadow:0 1px 0 #ffc99d40}.sidebar-feature a{color:#54280f}

/* A brighter editorial direction with a strong, readable hierarchy. */
:root{--text:#241b39;--muted:#716b80;--line:#e5e1ec;--mint:#f36f43}body{background:radial-gradient(ellipse at top right,#e9e0ff70,transparent 60%),#f3f2f8}aside{background:#fff;border-color:#e7e2ee}.brand{color:#26183d;font-size:19px}.brand .muted{color:#746887}.brand-icon{background:linear-gradient(135deg,#ff923e,#ed46a6);box-shadow:0 5px 14px #ef559632}.workspace{background:#f7f5fc;border-color:#eee9f7}.nav-label{color:#91859e;letter-spacing:1.5px}nav a{color:#665a78;font-size:12px}nav a.active{background:linear-gradient(110deg,#f3e8ff,#fff0e7);color:#6d32ad;box-shadow:0 5px 14px #6f39a00a;font-weight:600}nav a.active .glyph{color:#8740c2}nav a.active:before{background:linear-gradient(#9552eb,#ff774c)}nav a:hover{background:#f7f1ff}.count{background:#e8d6ff;color:#6b2cab}.avatar{background:#ede4fb;border-color:#dfd1f2;color:#743e9f}.profile{color:#433156}.online span{color:#6d5c7b}main{background:#f8f7fc;border-color:#fff;box-shadow:0 18px 60px #4e25730a}header{border-color:#e9e3f0}.header-search{background:#fff;border-color:#e9e2f0;box-shadow:0 3px 12px #52277404}.header-search input{color:#483455;font-size:12px}.header-search input::placeholder{color:#96869f}.header-right .demo{color:#9576a6}.header-identity{color:#37233f}.header-right button{color:#795782;border-color:#e6dcee}.content{padding-top:25px}.page-head{margin-bottom:20px}.eyebrow{display:block;color:#9566b9;font-size:9px;letter-spacing:2px;margin-bottom:8px}h1{font-size:30px;letter-spacing:-1.1px;color:#271733;font-weight:650}.page-head p{font-size:12px;color:#85738f}.primary{background:linear-gradient(135deg,#ff9148,#f46640);border-color:#f3763e;color:#fff;font-weight:650;box-shadow:0 7px 20px #f57c4238;text-shadow:none}.primary:hover{background:linear-gradient(135deg,#ff9b54,#ef5b37);box-shadow:0 9px 25px #ed653b55}.notice{background:transparent;border:0;padding:0 1px 12px;color:#96849f;margin-bottom:4px}.notice strong{color:#786583}.notice .pill{color:#9c79b0;border-color:#e7d8ee;background:#f9f4ff}.notice>span:first-child{color:#b18acd}.launch-hero{display:flex;align-items:center;justify-content:space-between;min-height:164px;margin-bottom:22px;border-radius:19px;overflow:hidden;position:relative;padding:26px 30px;background:linear-gradient(115deg,#7339cf 0%,#9752d8 52%,#df7ac0 100%);color:#fff;box-shadow:0 13px 28px #783fc023}.launch-hero:before{content:'';position:absolute;width:380px;height:380px;border:1px solid #ffffff24;border-radius:50%;right:-30px;top:-140px;box-shadow:0 0 0 38px #ffffff08,0 0 0 78px #ffffff07}.hero-copy{position:relative;z-index:1}.hero-kicker{font-size:9px;font-weight:600;letter-spacing:2px;color:#f2dcff}.hero-copy h2{font-size:26px;font-weight:550;letter-spacing:-.8px;margin:10px 0 8px}.hero-copy p{color:#eedfff;font-size:11px;max-width:420px;margin:0}.hero-links{display:flex;gap:10px;margin-top:17px}.hero-links a{background:#fff;color:#743cad;font-size:10px;padding:9px 13px;border-radius:8px;font-weight:600;transition:transform .2s,box-shadow .2s}.hero-links a:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3c126f33}.hero-links a:last-child{background:#ffffff17;color:#fff;border:1px solid #ffffff40}.hero-art{position:relative;flex-shrink:0;width:210px;height:145px;margin-right:28px;transform:rotate(-7deg)}.orbit-tile{position:absolute;display:grid;place-items:center;border-radius:20px;border:1px solid #ffffff70;box-shadow:0 16px 28px #48217230}.orbit-tile.main-tile{width:88px;height:88px;left:56px;top:27px;background:linear-gradient(140deg,#fff,#ead6fc);color:#9851cf;font-size:43px;transform:rotate(6deg)}.orbit-tile.small-one{width:43px;height:43px;left:9px;top:1px;background:linear-gradient(140deg,#ffcb8d,#ff9669);color:#9b462f;font-size:23px;transform:rotate(-12deg)}.orbit-tile.small-two{width:50px;height:50px;right:1px;bottom:5px;background:linear-gradient(140deg,#ffe5ec,#f599ca);color:#b04784;font-size:25px;transform:rotate(18deg)}.art-spark{position:absolute;color:#ffe2a9;font-size:28px;right:12px;top:4px}.art-dot{position:absolute;bottom:10px;left:18px;width:9px;height:9px;background:#ffc295;border-radius:50%;box-shadow:135px -5px 0 -2px #ffe1b3}.stats{gap:17px;margin-bottom:22px}.stat{border-radius:15px;border-color:#e8e0ef;box-shadow:0 4px 16px #673e8c06;background:#fff;padding:20px}.stat:first-child{background:linear-gradient(135deg,#fff0e5,#fff8f2);border-color:#f7ddc7}.stat:nth-child(2){background:linear-gradient(135deg,#f4efff,#faf8ff);border-color:#e4d9f7}.stat:nth-child(3){background:linear-gradient(135deg,#edf7f1,#f7fcf9);border-color:#d9ebe1}.stat:nth-child(4){background:linear-gradient(135deg,#fff0f6,#fff8fb);border-color:#f3dce7}.stat-label{color:#715c7f;font-weight:500}.stat-number{font-size:35px;color:#32213e;font-weight:650}.stat-bottom{font-size:10px;color:#867090}.stat-label b{width:31px;height:31px;background:linear-gradient(135deg,#ffad62,#f27844);box-shadow:0 5px 10px #f38b4228}.stat:nth-child(2) .stat-label b{background:linear-gradient(135deg,#b990f7,#8951d2)}.stat:nth-child(3) .stat-label b{background:linear-gradient(135deg,#7accad,#46a67a)}.stat:nth-child(4) .stat-label b{background:linear-gradient(135deg,#f494c0,#db5494)}.stat:hover{border-color:#d7bfe8;transform:translateY(-3px);box-shadow:0 9px 24px #613c9210}.panel,.chart-card{border-color:#e7dfef;box-shadow:0 4px 18px #51327806;background:#fff}.panel-head h2,.chart-heading h2{color:#392647;font-size:12px}.panel-head h2 small{color:#8f799a;font-size:10px}.chart-heading span{color:#8c6c9b;background:#f8f3fc;border-color:#ece2f3}.chart-note{color:#8c7697}.bar-item .bar{filter:none;border-radius:8px 8px 3px 3px;box-shadow:inset 0 2px 0 #ffffff60,0 4px 12px #7c42ae12}.bar-item b{color:#6d4a80;font-weight:600;font-size:10px}.bar-labels span{color:#7e638d}.bar-chart{background:repeating-linear-gradient(to top,transparent 0,transparent 33px,#f0e8f5 34px,transparent 35px);border-color:#e8dbee}.donut{filter:none}.donut:before{border-color:#fff;background:#fff}.donut-center{color:#4b275f;font-size:25px}.donut-center small{color:#8f6aa1}.legend-row{color:#856092;font-size:9px}.legend-row b{color:#513063;font-size:14px}.text-btn{color:#9060ab}.tabs button{font-size:10px;color:#8c749b}.tabs button.selected{background:#f1e6ff;color:#8248b8;box-shadow:inset 0 0 0 1px #e7d4fb}.search{background:#faf7fd;border-color:#e9dcf1;color:#704988;font-size:10px}th{color:#856296;background:#f8f4fc;font-size:9px;border-color:#efe5f6}td{color:#796086;border-color:#f0e9f5;font-size:11px}.project-name{color:#4b2e60;font-size:12px}.project-name small{color:#90749f;font-size:10px}.app-icon{height:37px;width:37px}.app-icon.pink{background:linear-gradient(135deg,#bd8be6,#8e5ec3)}.app-icon.lime{background:linear-gradient(135deg,#7dcaa5,#43a878)}.app-icon.orange{background:linear-gradient(135deg,#ffb676,#e88b44)}.store-icons span{color:#875e9e;background:#f6effb;border-color:#e5d7ed}.badge{color:#398959;background:#e9f6ec}.badge.review{color:#bc7431;background:#fff0df}.badge.dev{color:#9157b8;background:#f2e7fc}.panel-foot{color:#8d73a0}.reminder strong{color:#67477b;font-size:11px}.reminder p{color:#957ca6;font-size:10px}.reminder-icon{background:#fff0e0;color:#df8b39}.reminder button{color:#8b58a4;border-color:#e7d5f1}.due{color:#b57b41}.monitor{background:radial-gradient(ellipse at 100% 0,#e9c5fa90,transparent 70%),#fff5ed;border-color:#ead3ea}.monitor h3{color:#744484}.monitor p{color:#99729f}.monitor button{background:#fffafd;color:#9758a4;border-color:#dfbfe7}.progress{background:#f1e5f9}.progress span{background:linear-gradient(90deg,#a960dc,#f49159)}.activity p{color:#877095}.activity strong{color:#684779}.activity small{color:#9d82aa}.sidebar-feature{background:radial-gradient(ellipse at top right,#dca8ee90,transparent 70%),#fff1e6;border-color:#eed8ed}.sidebar-feature a{background:linear-gradient(130deg,#ff9c50,#f57749);color:#fff}.sidebar-feature strong{color:#6c437b}.sidebar-feature p{color:#9b76a4}dialog{border-color:#e0cbea;background:#fff}.field input,.field select,.field textarea{background:#fcf9ff;border-color:#e6d5ef;color:#5e3a70}label.field{color:#885b9f}.detail-card h2,.detail-card h3{color:#573369}.detail-card p{color:#91709f}.detail-card button{background:#f6edff;color:#8b53aa;border-color:#e6d0f6}footer{color:#9a7cab}
@media(min-width:1450px){.launch-hero{padding:28px 35px}.hero-copy h2{font-size:30px}.hero-art{margin-right:65px}.stat{padding:22px}}
@media(max-width:850px){.hero-art{width:140px;margin-right:0;transform:scale(.8)}.hero-copy h2{font-size:23px}.launch-hero{padding:23px}.hero-copy p{max-width:290px}.brand{font-size:0}.chart-grid{gap:14px}}
@media(max-width:580px){.hero-art{display:none}.launch-hero{padding:22px 18px}.hero-copy h2{font-size:22px}.hero-copy p{font-size:11px}.stat-number{font-size:30px}.stat{padding:14px}.stat-bottom{font-size:9px}.page-head h1{font-size:25px}.legend-row{font-size:9px}.hero-links a{padding:9px 11px}}

/* Crisp violet + coral, anchored by high-contrast ink typography. */
:root{--text:#211536;--muted:#5d526e;--line:#ddd5eb;--mint:#ee5930}
body{color:#211536;background:#efedf6}main{background:#f7f6fb;border-color:#fff}aside{background:#fff;border-color:#e2dbee}.brand,.brand .muted{color:#27153e}.workspace{background:#f2edfc;border-color:#e3d7f7;color:#332043}.workspace small{color:#685477}.nav-label{color:#756583;font-weight:600}nav a{color:#564168;font-size:13px;font-weight:500}nav a.active{background:linear-gradient(110deg,#e7d7ff,#f6e9ff);color:#6924c5;font-weight:700;box-shadow:inset 0 0 0 1px #dfc8fc}nav a.active .glyph{color:#7629d8}.count{background:#7732d6;color:#fff}.avatar,.purple{background:#e9dbff;border-color:#d6bcf8;color:#6124a4}.header-search{border-color:#dfd4eb}.header-search input{color:#392344;font-size:13px}.header-search input::placeholder{color:#73637e}.header-search kbd{color:#766282}.header-right .demo{color:#79538d;font-size:9px}.header-identity{font-size:12px;color:#33203e;font-weight:600}.header-identity small{font-size:10px;color:#756280;font-weight:400}.header-right button{color:#613a7a;border-color:#ddcbe8}.content{padding-top:24px}.eyebrow{color:#7629bb;font-size:10px;font-weight:650;letter-spacing:1.7px}h1{color:#251335;font-size:32px;font-weight:700;letter-spacing:-1px}.page-head p{color:#695674;font-size:13px;line-height:1.5}.primary{background:linear-gradient(135deg,#fb7835,#eb4825);color:#fff;border-color:#e95229;font-size:13px;font-weight:650;box-shadow:0 6px 18px #ed5d3433}.primary:hover{background:linear-gradient(135deg,#f46b2b,#d9391c)}.notice{color:#6c5778;font-size:11px;line-height:1.5}.notice strong{color:#59406b;font-weight:600}.notice .pill{color:#744494;border-color:#d8bfe9;background:#f6edff;font-size:10px}.notice>span:first-child{color:#9752c4}
.launch-hero{background:linear-gradient(112deg,#5723c4 0%,#8033d7 60%,#b43dd2 100%);box-shadow:0 12px 26px #6522b829;border:1px solid #7030c1;min-height:190px;padding:28px 32px}.hero-kicker{color:#f0dfff;font-size:11px;letter-spacing:1.8px;font-weight:700}.hero-copy h2{font-size:34px;line-height:1.15;font-weight:700;letter-spacing:-1px;color:#fff;margin:12px 0 10px;text-shadow:0 2px 7px #35105b20}.hero-copy p{color:#fff;font-size:14px;font-weight:450;max-width:470px;line-height:1.55}.hero-links{margin-top:20px;gap:12px}.hero-links a{font-size:12px;padding:11px 16px;color:#5f23a4;font-weight:700;border-radius:9px;box-shadow:0 3px 12px #2c0b5015}.hero-links a:last-child{background:#ffffff19;border-color:#ffffff80;color:#fff}.hero-links a:last-child:hover{background:#ffffff30}.hero-art{margin-right:10px}.orbit-tile.main-tile{background:linear-gradient(140deg,#fff,#eddbff);color:#7a2fca}.orbit-tile.small-one{background:linear-gradient(140deg,#ffc471,#ff873f);color:#813611}.orbit-tile.small-two{background:linear-gradient(140deg,#ffb5df,#f474bd);color:#992169}
.stat{border-color:#e2d6ec;box-shadow:0 4px 13px #43226408}.stat:first-child{background:#fff0e3;border-color:#f9d5b8}.stat:nth-child(2){background:#eee5ff;border-color:#ddcafb}.stat:nth-child(3){background:#e7f6ef;border-color:#c4e8d6}.stat:nth-child(4){background:#ffebf4;border-color:#f7cde1}.stat-label{color:#4c335e;font-size:13px;font-weight:600}.stat-label b{background:linear-gradient(135deg,#ff913f,#ed5728);width:33px;height:33px;font-size:17px}.stat:nth-child(2) .stat-label b{background:linear-gradient(135deg,#a263ef,#702bc8)}.stat:nth-child(3) .stat-label b{background:linear-gradient(135deg,#38b991,#17875c)}.stat:nth-child(4) .stat-label b{background:linear-gradient(135deg,#ec6ba8,#ca327d)}.stat-number{color:#2d143e;font-size:39px;font-weight:700;letter-spacing:-1.4px}.stat-bottom{color:#715879;font-size:11px;line-height:1.4}
.panel,.chart-card{border-color:#e3d9eb;box-shadow:0 5px 15px #46206606}.panel-head h2,.chart-heading h2{color:#392047;font-size:14px;font-weight:650}.panel-head h2 small{color:#745880;font-size:11px;font-weight:400}.chart-heading span{color:#714b86;background:#f4ebfd;border-color:#e5d2f3;font-size:10px}.chart-note{color:#796286;font-size:10px;line-height:1.5}.bar-labels span{color:#694a78;font-size:10px;font-weight:500}.bar-item b{color:#553063;font-size:12px;font-weight:650}.bar-chart{border-color:#d9c7e5;background:repeating-linear-gradient(to top,transparent 0,transparent 33px,#ece1f3 34px,transparent 35px)}.bar-item:nth-child(1) .bar{background:#923be5}.bar-item:nth-child(2) .bar{background:#fb793c}.bar-item:nth-child(3) .bar{background:#2db487}.bar-item:nth-child(4) .bar{background:#16a5cb}.bar-item:nth-child(5) .bar{background:#dc4d9c}.donut{background:conic-gradient(#fb793c 0 var(--live),#923be5 var(--live) var(--review),#2db487 var(--review) 100%)}.donut-center{color:#3c184f;font-size:29px;font-weight:700}.donut-center small{color:#785185;font-size:11px}.legend-row{color:#694378;font-size:11px}.legend-row b{color:#432052;font-size:17px;font-weight:650}.legend-row:nth-child(1) i{background:#fb793c}.legend-row:nth-child(2) i{background:#923be5}.legend-row:nth-child(3) i{background:#2db487}.legend-row i{width:9px;height:9px}.text-btn{color:#783a9d;font-size:12px}.tabs button{font-size:11px;color:#725080;font-weight:500}.tabs button.selected{color:#7025b7;background:#eee0ff;box-shadow:inset 0 0 0 1px #dcc1f9}.search{color:#5f386f;font-size:11px;border-color:#ddc9e9}.search::placeholder{color:#896796}th{color:#6e467f;font-size:10px;font-weight:600;background:#f5edfc}td{color:#634671;font-size:12px}.project-name{color:#442153;font-size:13px;font-weight:600}.project-name small{color:#7e598e;font-size:11px;font-weight:400}.store-icons span{color:#70418a;background:#f3e7fc;border-color:#d9bde9;font-size:10px}.badge{font-size:10px;font-weight:550;color:#237549;background:#def2e7}.badge.review{color:#9b551c;background:#ffead6}.badge.dev{color:#713e9b;background:#ecdcfa}.panel-foot{color:#7c568d;font-size:11px}.reminder strong{font-size:12px;font-weight:600;color:#542864}.reminder p{color:#80568e;font-size:11px}.reminder-icon{background:#ffe6cc;color:#bb681f}.reminder button{color:#77408f;font-size:10px;border-color:#d8bde7}.due{color:#a46b20;font-size:10px}.monitor h3{color:#62316f;font-size:15px}.monitor p{color:#805189;font-size:12px}.monitor .pill{color:#854395;font-size:9px;border-color:#ddb3e6}.monitor button{font-size:12px;color:#76338e;border-color:#d6a4e2}.exp-top .text-btn{font-size:12px;color:#6c3584}.experiment p{font-size:11px;color:#81558f}.exp-bottom{color:#81528f;font-size:10px}.activity p{color:#735082;font-size:11px}.activity strong{color:#4e265f}.activity small{color:#8b6898;font-size:10px}.sidebar-bottom{color:#796085}.online span,.sidebar-bottom p{color:#765b82}.profile{color:#50305f}.profile small{color:#876694}.detail-card h2,.detail-card h3{color:#4d235f}.detail-card p{color:#755081;font-size:13px}.detail-card small{color:#80518f}.detail-card button{color:#733695;font-size:12px}.dialog-head h2{color:#42204f;font-weight:650}label.field{color:#683879;font-size:13px;font-weight:500}.field input,.field select,.field textarea{color:#43204e;font-size:13px;border-color:#d7bce4}.dialog-head button{color:#794688}.detail-data{color:#71457f}footer{color:#86618f}
@media(min-width:1450px){.hero-copy h2{font-size:36px}.launch-hero{padding:30px 35px}.hero-art{margin-right:40px}}@media(max-width:1200px){.legend-row{font-size:10px}.chart-heading h2{font-size:13px}.hero-copy h2{font-size:30px}.hero-copy p{max-width:420px}}@media(max-width:850px){.hero-copy h2{font-size:28px}.hero-copy p{font-size:13px;max-width:320px}.hero-art{width:130px;margin-right:0}.launch-hero{padding:25px}.stat-label{font-size:12px}}@media(max-width:580px){h1{font-size:27px}.hero-copy h2{font-size:27px}.hero-kicker{font-size:9px;letter-spacing:1.1px}.hero-copy p{font-size:13px}.launch-hero{padding:24px 18px}.hero-links{gap:8px}.hero-links a{font-size:11px;padding:10px 12px}.stat-label{font-size:11px;gap:4px}.stat-number{font-size:33px}.stat-bottom{font-size:10px}.stat-label b{width:25px;height:25px;font-size:14px}.notice{font-size:10px}.panel-head h2{font-size:13px}}

/* Focused account workspace. No entrance animation on navigation. */
body{font-family:Inter,'Segoe UI',sans-serif;background:#f0f3fa;color:#202b48}main{background:#f7f9fd;box-shadow:0 10px 40px #24396706}aside{width:238px;padding:25px 18px;background:#fff;overflow-y:auto}main{margin-left:254px}nav a{padding:9px 10px;margin:3px 0;color:#56617c;font-size:12px}nav a.active{background:#eeeaff;color:#6144cd;box-shadow:none}nav a.active:before{background:#7557df;left:-18px}.sidebar-bottom{padding-top:20px}.sidebar-feature,.online,.sidebar-bottom>p{display:none}.workspace{margin:22px 0;background:#f5f6fb;border-color:#e6e9f3}.account-nav-title{font-size:9px;letter-spacing:1.6px;color:#8b94a9;margin:22px 10px 10px;font-weight:650}.account-nav{gap:10px}.group-dot{height:23px;width:23px;min-width:23px;border-radius:7px;background:#ede9ff;color:#6c49cf;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.nav-number{margin-left:auto;color:#8e98ad;font-size:10px}.samsung{background:#e8edff;color:#375bd2}.android{background:#e1f5eb;color:#238361}.ios{background:#edf0f6;color:#45536f}.deligtech{background:#f1e7fc;color:#934bc2}.playgama{background:#fff0e4;color:#d67930}.amazon{background:#fff5d9;color:#a7801c}.huawei{background:#ffe9ed;color:#bb4a62}.brand,.brand .muted{color:#29334e}.brand-icon{background:linear-gradient(140deg,#7658e4,#aa7bed)}.avatar,.purple{background:#eee9fb;border-color:#e3daf8;color:#7450b6}.primary{background:#7154da;border-color:#7154da;box-shadow:0 4px 12px #7054d326;color:#fff;border-radius:9px;font-size:12px;padding:11px 17px}.primary:hover{background:#5c3ec4;border-color:#5c3ec4;box-shadow:0 5px 15px #7154d329}.page-head h1{color:#25314a;font-size:28px;font-weight:650}.page-head p{color:#738099;font-size:12px}.eyebrow{display:none}.notice{font-size:10px;color:#8290a5;padding-bottom:14px}.notice strong{color:#697b93}.notice .pill{background:#f2effb;color:#8a78ad;border-color:#e7e0f4}.notice>span:first-child{color:#a499bc}header{gap:12px;border-color:#e8ebf3}.header-search{max-width:230px}.header-search input{width:160px;color:#40506c}#breadcrumb{font-size:11px;color:#8090a5;line-height:1.5}#breadcrumb a{color:#7252c3}.header-right .demo{font-size:8px;color:#8f9bb0}.header-identity{color:#40506b}.header-identity small{color:#8490a8}#view{animation:none}.content{padding:26px}.panel,.chart-card,.stat{border-color:#e4e9f2;box-shadow:0 3px 12px #26396804;border-radius:13px}.stat:first-child,.stat:nth-child(2),.stat:nth-child(3),.stat:nth-child(4){background:#fff;border-color:#e5e8f1}.stat-label{color:#78849b;font-size:11px}.stat-number{color:#283653;font-size:32px;margin:12px 0 2px}.stat-bottom{color:#8390a5;font-size:10px}.stat:hover{transform:none;border-color:#d5cbef}.panel-head h2,.chart-heading h2{color:#35425e}.panel-head h2 small{color:#8996aa}.text-btn{color:#7658bf}.badge{font-size:10px}.table-scroll{overflow-x:auto}th{background:#f6f8fc;color:#8994aa;font-size:10px}td{color:#6d7a92;border-color:#eef1f6;font-size:12px}.project-name{color:#35435f;font-size:12px}.project-name small{color:#8a96a9;font-size:10px}.panel-foot{color:#9ba4b5}.directory-guide{padding:18px 20px;display:flex;gap:7px;flex-direction:column;background:linear-gradient(100deg,#ede9fc,#f4f6ff);border:1px solid #e2ddf5;border-radius:12px;margin-bottom:23px}.directory-guide strong{color:#5e4b92;font-size:14px}.directory-guide span{font-size:12px;color:#8b7ea5}.directory-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:11px;color:#8894a7;gap:16px}.directory-tools input{width:260px;border-radius:8px;background:#fff;border-color:#e2e7f0;color:#526079;font-size:12px}.account-section{margin-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-heading>div{display:flex;align-items:center;gap:10px}.section-heading h2{margin:0;color:#34425e;font-size:15px;font-weight:600}.section-heading h2 small{display:inline;font-size:10px;color:#9aa4b6;font-weight:400;margin-left:10px}.outline{background:#fff;color:#7865a2;border:1px solid #e3dcec;border-radius:8px;font-size:11px;padding:9px 12px;box-shadow:none}.outline:hover{background:#f6f2ff;border-color:#cdbde9}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.account-card{display:block;background:#fff;border:1px solid #e4e8f1;border-radius:13px;padding:19px;transition:border-color .12s,box-shadow .12s}.account-card:hover{border-color:#bda9e7;box-shadow:0 6px 18px #614d9b0b}.account-card:focus-visible{outline:2px solid #8062d6;outline-offset:3px}.account-card-top{display:flex;justify-content:space-between;align-items:center}.group-icon{height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:20px;font-weight:650;flex-shrink:0}.card-arrow{color:#a9b2c3;font-size:18px}.account-card h3{font-size:15px;font-weight:600;color:#344360;margin:17px 0 5px}.account-card p{font-size:11px;color:#8d99ad;margin:0}.account-card-foot{display:flex;gap:16px;border-top:1px solid #f0f2f7;padding-top:13px;margin-top:18px;font-size:10px;color:#8896ab}.account-card-foot span:last-child{color:#4caa87}.account-empty{grid-column:1/-1;padding:24px;background:#fbfcfe;border:1px dashed #dfe5f0;border-radius:12px;font-size:12px;color:#96a2b5;text-align:center}.account-banner{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e3e8f2;border-radius:13px;padding:18px 22px;margin-bottom:19px}.account-banner strong{color:#455470;font-size:12px;font-weight:600}.account-banner p{font-size:11px;color:#8f9cb0;margin:5px 0 0}.account-banner button{margin-left:auto}.account-tabs{display:flex;gap:5px;border-bottom:1px solid #e2e7f1;margin:22px 0}.account-tabs a{padding:12px 18px;color:#8390a6;font-size:12px;position:relative}.account-tabs a.selected{color:#7555c8;font-weight:600}.account-tabs a.selected:after{content:'';height:3px;background:#8164d6;position:absolute;bottom:-1px;left:14px;right:14px;border-radius:3px}.account-shortcuts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.account-shortcuts a{background:#fff;border:1px solid #e4e8f2;border-radius:11px;padding:15px 12px;display:flex;align-items:center;gap:9px;font-size:11px;color:#566680}.account-shortcuts small{color:#9da9bc;font-size:9px}.account-shortcuts b{font-weight:400;margin-left:auto;color:#b5bfd0}.account-shortcuts a:hover{border-color:#c8b9e8}.optional-fields{margin-top:22px;border:1px solid #e4dced;border-radius:9px;padding:13px}.optional-fields summary{cursor:pointer;color:#86719f;font-size:12px}.account-choices{border:1px solid #e2d9ec;border-radius:9px;margin:20px 0 0;padding:12px;max-height:220px;overflow:auto}.account-choices legend{font-size:12px;color:#856d9c}.account-choices label{display:flex;align-items:center;gap:10px;padding:8px;color:#66718b;font-size:12px}.account-choices input{width:16px;height:16px;accent-color:#8060d0}.account-choices small{color:#a8a0b8;font-size:10px}dialog{max-height:88vh;border-color:#ddd3e9}.detail-card dl{display:grid;grid-template-columns:110px 1fr;gap:14px;font-size:12px}.detail-card dt{color:#a0a8b9}.detail-card dd{margin:0;color:#73809a;white-space:pre-wrap}.detail-card p{color:#8794aa}.sidebar-bottom .profile{border-color:#eef0f6}footer{color:#a2abc0}.hero-art,.launch-hero{display:none}@media(max-width:1250px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-shortcuts{grid-template-columns:repeat(3,1fr)}.header-identity{display:none}}@media(max-width:850px){aside{width:74px;padding:20px 10px}main{margin-left:84px}.brand{font-size:0}.account-nav-title,.nav-number{display:none}.account-nav{justify-content:center}nav a{padding:10px}.content{padding:20px}.account-shortcuts{grid-template-columns:repeat(2,1fr)}.section-heading h2 small{display:block;margin-left:0}.directory-tools{flex-wrap:wrap}#breadcrumb{display:none}}@media(max-width:580px){main{margin-left:78px}.content{padding:16px 12px}.account-grid{grid-template-columns:1fr}.account-tabs{gap:0;overflow-x:auto}.account-tabs a{padding:12px 10px;font-size:10px;white-space:nowrap}.account-banner{padding:15px;gap:10px;flex-wrap:wrap}.account-banner button{margin-left:0}.section-heading h2{font-size:13px}.outline{font-size:10px;padding:8px}.directory-guide{padding:16px}.directory-guide strong{font-size:13px}.directory-tools input{width:100%}.account-shortcuts{gap:8px}.account-shortcuts a{padding:12px 8px;font-size:10px}.account-shortcuts b{display:none}.page-head h1{font-size:24px}.table-scroll th:nth-child(2),.table-scroll td:nth-child(2){display:table-cell}.table-scroll th:nth-child(4),.table-scroll td:nth-child(4){display:none}}

.account-card-container{display:flex;flex-direction:column;gap:8px;min-width:0}.account-card-container .account-card{flex:1}.account-card-container>.danger-outline{align-self:flex-end;font-size:12px;padding:7px 12px}.page-head{flex-wrap:wrap}#workspace-back{flex-shrink:0}

:root{--surface:#fff;--canvas:#f5f7fc;--ink:#26334e;--subtle:#69778f;--edge:#e0e6f0;--accent:#7354d9;--lift:0 9px 26px #3e3b7612;color-scheme:light}body{background:#edf1f8;color:var(--ink)}main{background:var(--canvas)}.header-right #theme-toggle{width:auto;min-width:83px;height:35px;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;font:600 11px 'Segoe UI',sans-serif;white-space:nowrap;border:1px solid #ddd4f0;border-radius:9px;background:#f4effd;color:#6f4bb4;box-shadow:none}.panel,.stat,.chart-card,.account-card,.account-banner,.directory-guide,.account-shortcuts>a{transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease;box-shadow:0 3px 12px #39366507}.panel:hover,.stat:hover,.chart-card:hover,.account-card:hover,.account-banner:hover,.directory-guide:hover,.account-shortcuts>a:hover{box-shadow:var(--lift);border-color:#c7b8e4;transform:none}.account-card:hover .card-arrow{color:var(--accent);transform:translate(2px,-2px)}.card-arrow{transition:transform .18s,color .18s}button,a{transition:background-color .15s,color .15s,box-shadow .15s,border-color .15s}button:active,.primary:active{transform:translateY(1px)}.bar{transform-origin:bottom;animation:none!important}.progress>span{transform-origin:left}.donut{animation:none!important}.badge{animation:none!important}.badge:hover{filter:brightness(.97)}.account-tabs a:hover{background:#f0eafa}.reminder{transition:background-color .15s}.reminder:hover{background:#fbf9ff}.asset-actions{display:flex;align-items:center;gap:9px;margin-top:16px}.asset-actions button{margin:0}.detail-card p{overflow-wrap:anywhere}.header-search:focus-within{border-color:#b097df;box-shadow:0 0 0 3px #a88ee91a}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #9372e4;outline-offset:3px}.dialog-head{position:sticky;top:-25px;background:var(--surface);z-index:1;padding:10px 0}.dialog-actions{padding-top:14px;border-top:1px solid var(--edge)}dialog[open]{animation:dialogEnter .18s ease-out}#view{animation:none!important}@keyframes dialogEnter{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:none}}
html[data-theme=dark]{color-scheme:dark;--surface:#1b2233;--canvas:#141b2a;--ink:#e2e8f6;--subtle:#a6b1c8;--edge:#303b52;--accent:#b296ff;--lift:0 10px 28px #0004}html[data-theme=dark] body{background:#0f1522;color:var(--ink)}html[data-theme=dark] main{background:var(--canvas);border-color:#293247;box-shadow:0 15px 45px #0002}html[data-theme=dark] aside{background:#151c2a;border-color:var(--edge)}html[data-theme=dark] :is(.panel,.chart-card,.stat,.account-card,.account-banner,.detail-card){background:var(--surface);border-color:var(--edge)}html[data-theme=dark] :is(.stat:first-child,.stat:nth-child(2),.stat:nth-child(3),.stat:nth-child(4)){background:var(--surface);border-color:var(--edge)}html[data-theme=dark] :is(h1,h2,h3,.brand,.brand .muted,.project-name,.stat-number,.account-card h3,.account-banner strong,.section-heading h2,.profile,.header-identity,.reminder strong,.activity strong,.donut-center){color:var(--ink)}html[data-theme=dark] :is(p,small,.muted,.page-head p,.stat-label,.stat-bottom,.panel-head h2 small,.account-card p,.account-card-foot,.account-banner p,.directory-tools,.chart-note,.bar-labels span,.legend-row,.exp-bottom,.experiment p,.reminder p,.activity p,.activity small,.account-empty,.detail-card p,.detail-card dd,.detail-card dt,.project-name small,footer,.panel-foot,.header-identity small,.notice,.notice strong){color:var(--subtle)}html[data-theme=dark] :is(.directory-guide,.workspace){background:linear-gradient(110deg,#27273f,#222a40);border-color:#39344f;color:#d8cbed}html[data-theme=dark] .directory-guide strong{color:#dac8ff}html[data-theme=dark] .directory-guide span{color:#b2a7c9}html[data-theme=dark] :is(.header-search,input,select,textarea,.search,.field input,.field select,.field textarea,.directory-tools input){background:#151d2d;border-color:#36405a;color:#d8e1f2}html[data-theme=dark] input::placeholder{color:#8795ae}html[data-theme=dark] .header-search input{background:transparent;border:0}html[data-theme=dark] .header-search kbd{background:#273046;border-color:#3c4660;color:#abb7d2}html[data-theme=dark] header{border-color:var(--edge)}html[data-theme=dark] nav a{color:#a7b2ca}html[data-theme=dark] nav a:hover{background:#252a40}html[data-theme=dark] nav a.active{background:#33294d;color:#cfb5ff}html[data-theme=dark] nav a.active .glyph{color:#c3a1ff}html[data-theme=dark] :is(.account-nav-title,.nav-label,.nav-number,.header-right .demo){color:#8391aa}html[data-theme=dark] .count{background:#7754c8;color:#fff}html[data-theme=dark] :is(.avatar,.purple){background:#33294b;border-color:#51416e;color:#d5b9ff}html[data-theme=dark] .group-dot,html[data-theme=dark] .group-icon{filter:brightness(.83) saturate(.75)}html[data-theme=dark] :is(.account-shortcuts>a,.account-empty){background:#1b2233;border-color:var(--edge);color:#bec9df}html[data-theme=dark] .account-shortcuts small{color:#93a2be}html[data-theme=dark] :is(.account-card-foot,.profile,.account-tabs,.panel-foot,.reminder,.optional-fields,.account-choices){border-color:var(--edge)}html[data-theme=dark] .account-tabs a{color:#a2aec8}html[data-theme=dark] .account-tabs a.selected{color:#ceb1ff}html[data-theme=dark] .account-tabs a:hover{background:#27223d}html[data-theme=dark] :is(button,.outline,.detail-card button,.reminder button){background:#282b42;border-color:#49425e;color:#d0bee9;box-shadow:none}html[data-theme=dark] button:hover{background:#37334e;border-color:#6a558b}html[data-theme=dark] .primary{background:#8962e0;color:white;border-color:#8962e0;box-shadow:0 4px 15px #0002}html[data-theme=dark] .primary:hover{background:#9b74eb}html[data-theme=dark] .text-btn{background:transparent;border:0;color:#c6a7f7}html[data-theme=dark] #theme-toggle{background:#312a44;color:#e0c8ff;border-color:#544365}html[data-theme=dark] #bell{background:#252b40;color:#c7b1e0;border-color:#3a4055}html[data-theme=dark] .notice .pill{background:#28233a;color:#ae9ac9;border-color:#473b57}html[data-theme=dark] :is(th){background:#232b3e;color:#a4b4d0;border-color:#34405a}html[data-theme=dark] td{color:#b5c2d9;border-color:#2b354b}html[data-theme=dark] tbody tr:hover,html[data-theme=dark] .reminder:hover{background:#242a40}html[data-theme=dark] .store-icons span{background:#2b2840;color:#bba7d9;border-color:#49405d}html[data-theme=dark] .badge{background:#213e34;color:#89d7b3}html[data-theme=dark] .badge.review{background:#433524;color:#eabb78}html[data-theme=dark] .badge.dev{background:#352b4c;color:#ceb2f5}html[data-theme=dark] .tabs button{background:transparent;color:#ab9dc3}html[data-theme=dark] .tabs button.selected{background:#392c53;color:#d2b4ff;box-shadow:none}html[data-theme=dark] .reminder-icon{background:#453426;color:#e7b67a}html[data-theme=dark] .due{color:#dcaf75}html[data-theme=dark] .chart-heading span{background:#2e2841;color:#bda5db;border-color:#493b5b}html[data-theme=dark] .bar-chart{border-color:#3a3f59;background:repeating-linear-gradient(to top,transparent 0,transparent 33px,#30364b 34px,transparent 35px)}html[data-theme=dark] .bar-item b,html[data-theme=dark] .legend-row b{color:#c6cfe4}html[data-theme=dark] .donut:before{background:var(--surface);border-color:var(--surface)}html[data-theme=dark] .donut-center small{color:#b2a3cb}html[data-theme=dark] .progress{background:#34304a}html[data-theme=dark] .exp-grid .experiment+.experiment{border-color:#383248}html[data-theme=dark] dialog{background:var(--surface);color:var(--ink);border-color:#55416c;box-shadow:0 30px 100px #0008}html[data-theme=dark] dialog::backdrop{background:#020713b0}html[data-theme=dark] :is(label.field,.account-choices legend,.account-choices label,.optional-fields summary){color:#baa7d2}html[data-theme=dark] #toast{background:#31263f;color:#e1c5fd;border-color:#725189}html[data-theme=dark] :is(.panel,.stat,.chart-card,.account-card,.account-banner,.directory-guide,.account-shortcuts>a):hover{border-color:#675486;box-shadow:var(--lift)}
@media(max-width:850px){.header-right{gap:7px}.header-right .demo{display:none}.header-search{max-width:180px}.header-right #theme-toggle{min-width:70px;padding:7px;font-size:10px}}@media(max-width:580px){.header-search{max-width:130px}.header-search input{width:95px}.header-right #theme-toggle{min-width:63px;font-size:10px}header{gap:6px}.header-right .avatar{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-theme=dark] button.primary{background:#8962e0;border-color:#8962e0;color:#fff}html[data-theme=dark] button.primary:hover{background:#9b74eb}

/* Reference palette: graphite, electric lime, cyan. Light pairs ink with forest green. */
html[data-theme]{--accent:#347718;--ink:#182320;--subtle:#65736b;--surface:#fff;--canvas:#f5f7f4;--edge:#dfe6de;--lift:0 8px 24px #233a1710;--accent-soft:#ecf5e7;--accent-text:#347718;--button:#295f21;--button-text:#fff;--chart-a:#62a92e;--chart-b:#139fa9;--chart-c:#7c6cce;--panel-shadow:0 2px 10px #203d1605;color-scheme:light}
html[data-theme=dark]{--accent:#96ec32;--ink:#e2e5ed;--subtle:#929aad;--surface:#0e111a;--canvas:#080a10;--edge:#1c212e;--lift:0 8px 28px #0004;--accent-soft:#14220d;--accent-text:#9bed40;--button:#94e932;--button-text:#162208;--chart-a:#95ed31;--chart-b:#00c5d7;--chart-c:#8e84fd;--panel-shadow:none;color-scheme:dark}
html[data-theme] body{background:var(--canvas);color:var(--ink)}html[data-theme] main{background:var(--canvas);border:0;border-radius:0;box-shadow:none;margin:0 0 0 238px;min-height:100vh}html[data-theme] aside{background:var(--surface);border-color:var(--edge)}html[data-theme=dark] aside{background:#07090e}html[data-theme] header{margin:0;padding:0 30px;height:68px;border-color:var(--edge);background:var(--surface)}html[data-theme] .content{padding:30px;max-width:1600px}html[data-theme] :is(.panel,.stat,.stat:first-child,.stat:nth-child(2),.stat:nth-child(3),.stat:nth-child(4),.chart-card,.account-card,.account-banner,.detail-card,.account-shortcuts>a){background:var(--surface);border-color:var(--edge);border-radius:11px;box-shadow:var(--panel-shadow)}html[data-theme] :is(.panel,.stat,.chart-card,.account-card,.account-banner,.account-shortcuts>a):hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--edge));box-shadow:var(--lift)}html[data-theme] :is(h1,h2,h3,.page-head h1,.panel-head h2,.chart-heading h2,.stat-number,.brand,.brand .muted,.header-identity,.account-card h3,.account-banner strong,.section-heading h2,.profile,.project-name,.reminder strong,.activity strong,.donut-center,.detail-card h2,.detail-card h3){color:var(--ink)}html[data-theme] h1{font-size:28px;letter-spacing:-.8px}html[data-theme] :is(p,small,.muted,.page-head p,.stat-label,.stat-bottom,.panel-head h2 small,.account-card p,.account-card-foot,.account-banner p,.directory-tools,.chart-note,.bar-labels span,.legend-row,.exp-bottom,.experiment p,.reminder p,.activity p,.activity small,.account-empty,.detail-card p,.detail-card dd,.detail-card dt,.project-name small,footer,.panel-foot,.header-identity small,.notice,.notice strong,.account-shortcuts small,.account-choices small,.profile small){color:var(--subtle)}html[data-theme] .brand-icon{background:var(--accent-soft);border:1px solid var(--edge);color:var(--accent-text);box-shadow:none;font-size:24px}html[data-theme] .workspace{background:var(--canvas);color:var(--ink);border-color:var(--edge)}html[data-theme] :is(.avatar,.purple){background:var(--accent-soft);border-color:var(--edge);color:var(--accent-text)}html[data-theme] nav a{color:var(--subtle)}html[data-theme] nav a:hover{background:var(--accent-soft);color:var(--accent-text)}html[data-theme] nav a.active{background:var(--accent-soft);color:var(--accent-text);box-shadow:none}html[data-theme] nav a.active .glyph{color:var(--accent-text)}html[data-theme] nav a.active:before{background:var(--accent)}html[data-theme] :is(.nav-label,.account-nav-title,.nav-number,.header-right .demo){color:var(--subtle)}html[data-theme] .count{background:var(--accent-soft);color:var(--accent-text)}html[data-theme] :is(.primary,button.primary){background:var(--button);border-color:var(--button);color:var(--button-text);box-shadow:0 3px 10px #0000000a;border-radius:7px}html[data-theme] :is(.primary,button.primary):hover{background:color-mix(in srgb,var(--button) 88%,white);border-color:var(--accent)}html[data-theme] :is(button,.outline,.detail-card button,.reminder button){background:var(--surface);border-color:var(--edge);color:var(--ink);box-shadow:none}html[data-theme] :is(button,.outline,.detail-card button,.reminder button):hover{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent)}html[data-theme] .text-btn{background:transparent;border:0;color:var(--accent-text)}html[data-theme] .header-right #theme-toggle{width:34px;min-width:34px;height:34px;padding:7px;border-radius:7px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--edge);color:var(--subtle);box-shadow:none}html[data-theme] .header-right #theme-toggle:hover{color:var(--accent-text);background:var(--accent-soft)}html[data-theme] #bell{background:var(--surface);border-color:var(--edge);border-radius:7px;color:var(--subtle)}html[data-theme] #bell i{background:#f46a73}html[data-theme] :is(.header-search,input,select,textarea,.search,.field input,.field select,.field textarea,.directory-tools input){background:var(--canvas);border-color:var(--edge);color:var(--ink)}html[data-theme] input::placeholder{color:var(--subtle)}html[data-theme] .header-search{border-radius:7px;box-shadow:none}html[data-theme] .header-search input{background:transparent;border:0}html[data-theme] .header-search kbd{background:var(--surface);border-color:var(--edge);color:var(--subtle)}html[data-theme] :is(input,select,textarea):focus{outline-color:var(--accent)}html[data-theme] .header-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}html[data-theme] :is(button,a,summary):focus-visible{outline-color:var(--accent)}html[data-theme] :is(.notice .pill,.chart-heading span){background:var(--canvas);border-color:var(--edge);color:var(--subtle)}html[data-theme] .notice{opacity:.9}html[data-theme] .notice>span:first-child{color:var(--accent-text)}html[data-theme] .stats .stat:first-child{background:linear-gradient(120deg,var(--accent-soft),var(--surface));border-color:color-mix(in srgb,var(--accent) 22%,var(--edge))}html[data-theme] .stats .stat:first-child .stat-number{color:var(--accent-text)}html[data-theme] .stat-label b{background:var(--accent-soft)!important;color:var(--accent-text)!important;box-shadow:none!important;border-radius:8px}html[data-theme] .stat:nth-child(2) .stat-label b{color:var(--chart-b)!important}html[data-theme] .stat:nth-child(3) .stat-label b{color:var(--chart-c)!important}html[data-theme] .stat-number{font-size:34px}html[data-theme] .bar-item .bar{box-shadow:none;filter:none}html[data-theme] .bar-item:nth-child(1) .bar{background:var(--chart-a)}html[data-theme] .bar-item:nth-child(2) .bar{background:var(--chart-b)}html[data-theme] .bar-item:nth-child(3) .bar{background:var(--chart-c)}html[data-theme] .bar-item:nth-child(4) .bar{background:#dcac35}html[data-theme] .bar-item:nth-child(5) .bar{background:#e36779}html[data-theme] .bar-chart{border-color:var(--edge);background:repeating-linear-gradient(to top,transparent 0,transparent 33px,var(--edge) 34px,transparent 35px)}html[data-theme] :is(.bar-item b,.legend-row b){color:var(--ink)}html[data-theme] .donut{background:conic-gradient(var(--chart-a) 0 var(--live),var(--chart-b) var(--live) var(--review),var(--chart-c) var(--review) 100%);box-shadow:none}html[data-theme] .donut:before{background:var(--surface);border-color:var(--surface)}html[data-theme] .donut-center small{color:var(--subtle)}html[data-theme] .legend-row:nth-child(1) i{background:var(--chart-a)}html[data-theme] .legend-row:nth-child(2) i{background:var(--chart-b)}html[data-theme] .legend-row:nth-child(3) i{background:var(--chart-c)}html[data-theme] .progress{background:var(--edge)}html[data-theme] .progress span{background:var(--accent)}html[data-theme] th{background:var(--canvas);color:var(--subtle);border-color:var(--edge)}html[data-theme] td{color:var(--subtle);border-color:var(--edge)}html[data-theme] :is(tbody tr:hover,.reminder:hover){background:var(--accent-soft)}html[data-theme] .store-icons span{background:var(--canvas);border-color:var(--edge);color:var(--subtle)}html[data-theme] .badge{background:var(--accent-soft);color:var(--accent-text)}html[data-theme] .badge.review{background:#f6eddd;color:#97661f}html[data-theme] .badge.dev{background:#efebfb;color:#745ab1}html[data-theme=dark] .badge.review{background:#302818;color:#e0ba66}html[data-theme=dark] .badge.dev{background:#26233b;color:#b3a5ed}html[data-theme] .tabs button{background:transparent;color:var(--subtle)}html[data-theme] .tabs button.selected{background:var(--accent-soft);color:var(--accent-text);box-shadow:none}html[data-theme] :is(.account-card-foot,.profile,.account-tabs,.panel-foot,.reminder,.optional-fields,.account-choices,.exp-grid .experiment+.experiment){border-color:var(--edge)}html[data-theme] .account-tabs a{color:var(--subtle)}html[data-theme] .account-tabs a.selected{color:var(--accent-text)}html[data-theme] .account-tabs a.selected:after{background:var(--accent)}html[data-theme] .account-tabs a:hover{background:var(--accent-soft)}html[data-theme] .directory-guide{background:var(--accent-soft);border-color:var(--edge)}html[data-theme] .directory-guide strong{color:var(--accent-text)}html[data-theme] .directory-guide span{color:var(--subtle)}html[data-theme] .account-empty{background:var(--surface);border-color:var(--edge);color:var(--subtle)}html[data-theme] .card-arrow{color:var(--subtle)}html[data-theme] .account-card:hover .card-arrow{color:var(--accent-text)}html[data-theme] .due{color:#a67729}html[data-theme=dark] .due{color:#d1ac66}html[data-theme] .reminder-icon{background:var(--accent-soft);color:var(--accent-text)}html[data-theme] .activity .dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}html[data-theme] dialog{background:var(--surface);border-color:var(--edge);color:var(--ink)}html[data-theme] :is(.dialog-head h2,.detail-data){color:var(--ink)}html[data-theme] :is(label.field,.account-choices legend,.account-choices label,.optional-fields summary){color:var(--subtle)}html[data-theme] #toast{background:var(--accent-soft);color:var(--accent-text);border-color:var(--edge)}html[data-theme] .asset-actions .outline{color:var(--accent-text)}html[data-theme] .eyebrow{color:var(--accent-text)}html[data-theme] .group-dot,html[data-theme] .group-icon{filter:none}html[data-theme=dark] .group-dot,html[data-theme=dark] .group-icon{background:#1b2331;color:#b0c0d5}html[data-theme=dark] .android{background:#152819;color:#9ce552}html[data-theme=dark] .samsung{background:#142334;color:#67c6eb}html[data-theme=dark] .ios{background:#262334;color:#b6aafa}html[data-theme=dark] .playgama{background:#302514;color:#e0b567}html[data-theme=dark] .deligtech{background:#2c2031;color:#dca3df}
@media(max-width:850px){html[data-theme] main{margin-left:74px}html[data-theme] .content{padding:22px}html[data-theme] header{padding:0 18px}}@media(max-width:580px){html[data-theme] .content{padding:18px 12px}html[data-theme] header{padding:0 12px}html[data-theme] h1{font-size:24px}.header-right #theme-toggle{min-width:34px!important}.header-search{max-width:135px}}
html[data-theme] button.primary{background:var(--button)!important;border-color:var(--button)!important;color:var(--button-text)!important}html[data-theme] button.primary:hover{filter:brightness(1.08)}html[data-theme] .text-btn{color:var(--accent-text)!important}

html[data-theme=light]{--canvas:#f3f6f8;--surface:#fff;--ink:#172b31;--subtle:#586c72;--edge:#dce5e8;--accent:#217451;--accent-soft:#eaf5ef;--accent-text:#226c4c;--button:#246b4c;--button-text:#fff;--chart-a:#37a56a;--chart-b:#179bab;--chart-c:#8073ce;--panel-shadow:0 3px 14px #294c3b07;--lift:0 8px 26px #24453712}
html[data-theme=light] main{background:radial-gradient(ellipse at top right,#e7f0ed80,transparent 45%),var(--canvas)}html[data-theme=light] header{background:#ffffffed;border-bottom:1px solid #dde6e9}html[data-theme=light] aside{background:#fff;border-color:#dce5e8}html[data-theme=light] .page-head{margin-bottom:25px}html[data-theme=light] .page-head h1{font-weight:700;color:#183139;font-size:29px}html[data-theme=light] .page-head p{color:#617780;font-size:12px}html[data-theme=light] :is(.panel,.chart-card,.account-card,.account-banner,.stat,.account-shortcuts>a){border-radius:13px;border-color:#dce5e8;box-shadow:0 3px 15px #1f46360a}html[data-theme=light] .stats .stat:first-child{background:linear-gradient(115deg,#e7f4e9,#f8fcf9);border-color:#c8e2cf}html[data-theme=light] .stat:nth-child(2){border-top:3px solid #8fc6cf}html[data-theme=light] .stat:nth-child(3){border-top:3px solid #aea2da}html[data-theme=light] .stat:nth-child(4){border-top:3px solid #deb98a}html[data-theme=light] .stat:first-child{border-top:3px solid #79b991}html[data-theme=light] .stat-number{font-weight:700;letter-spacing:-1px}html[data-theme=light] .stat-label{font-size:12px;color:#536c73}html[data-theme=light] .stat-bottom{font-size:10px;color:#6c8187}html[data-theme=light] :is(.panel-head h2,.chart-heading h2,.section-heading h2){color:#26424b;font-weight:650}html[data-theme=light] nav a.active{background:#eaf4ef;color:#216c4c}html[data-theme=light] .workspace{background:#f6f9f8;border-color:#e2ebe6}html[data-theme=light] .directory-guide{background:linear-gradient(105deg,#eaf4ed,#f4f8f5);border-color:#d5e6dc}html[data-theme=light] th{background:#f4f8f9;color:#607a83;font-size:10px}html[data-theme=light] td{border-color:#e8eef0;color:#56707b}html[data-theme=light] .project-name{color:#263f49}html[data-theme=light] .account-tabs a.selected{color:#216c4c}html[data-theme=light] .notice{color:#70858a}html[data-theme=light] .notice strong{color:#5d767c}html[data-theme=light] .notice .pill{background:#f9fcfa;border-color:#dbe8df;color:#6f8b7a}html[data-theme=light] .header-right #theme-toggle{background:#f8fbfa;border-color:#dce7e1;color:#48735e}
.page-head>div:first-child{margin-right:auto}.page-head{gap:12px}.remove-row-button{display:block;font-size:10px;padding:4px 0;margin-top:5px;border:0!important;box-shadow:none!important;background:transparent!important;color:#ad515b!important}.remove-row-button:hover{text-decoration:underline}.dialog-actions .danger-outline{margin-right:auto;background:transparent!important;color:#b24b58!important;border-color:#e8c7cd!important}.remove-warning strong{font-size:18px;color:var(--ink)}.remove-warning p{font-size:13px;line-height:1.7;color:var(--subtle)}html[data-theme] button.primary.danger{background:#b64252!important;border-color:#b64252!important;color:#fff!important}.removed-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--edge)}.removed-row strong{font-size:14px;color:var(--ink)}.removed-row small{color:var(--subtle)}html[data-theme=dark] .remove-row-button,html[data-theme=dark] .danger-outline{color:#ef9aa5!important}@media(max-width:850px){.page-head{flex-wrap:wrap}}@media(max-width:580px){html[data-theme=light] .page-head h1{font-size:25px}.dialog-actions{flex-wrap:wrap}.table-scroll td:last-child .remove-row-button{display:inline-block}}

/* Consistent page heading and compact, sticky utility bar. */
main>header{position:sticky;top:0;z-index:30;display:flex;justify-content:flex-start;gap:20px;min-height:68px;height:auto;padding:12px 26px;backdrop-filter:blur(16px)}
main>header .header-search{flex:0 1 280px;min-width:120px;max-width:280px;margin:0}
main>header .header-search input{min-width:0;width:100%}
main>header #breadcrumb{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
main>header .header-right{margin-left:auto;flex:0 0 auto;gap:12px}
main>header .demo{display:none}
.page-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;justify-content:initial;gap:12px;margin-bottom:24px}
.page-head>div:first-of-type{min-width:0;margin-right:0;text-align:left}
.page-head h1{overflow-wrap:anywhere;line-height:1.2}
.page-head p{line-height:1.6}
.page-head>button{white-space:nowrap;margin:0;min-height:38px}
.page-head #workspace-back{grid-column:1/-1;justify-self:start;min-height:32px;padding:6px 10px;margin-bottom:2px}
.page-head #add{justify-self:end}
@media(max-width:850px){main>header{padding:12px 20px;gap:12px}.page-head{grid-template-columns:minmax(0,1fr) auto}.page-head>div:first-of-type{grid-column:1/-1}.page-head #add{justify-self:start}.page-head>button:not(#workspace-back):not(#add){justify-self:end}}
@media(max-width:580px){main>header{padding:10px 12px;gap:8px;min-height:60px}main>header .header-right{gap:7px}main>header .header-right>.avatar{display:none}main>header .header-search{flex:1;max-width:none}main>header .header-search kbd{display:none}.page-head{gap:10px}.page-head>button{padding:9px 10px;font-size:11px}.page-head h1{font-size:24px}}

.signed-out>aside,.signed-out>main{display:none}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--canvas,#f1f7f5)}.login-card{width:min(440px,100%);padding:36px;border:1px solid var(--edge,#dce6e2);border-radius:20px;background:var(--surface,#fff);box-shadow:0 18px 60px #1b4f3220}.login-card h1{margin:28px 0 12px;font-size:26px}.login-card label{display:block;margin-top:18px;font-size:12px}.login-card input{margin-top:8px}.login-card button{width:100%;margin:16px 0}.login-error{color:#c14758!important}.local-check{display:flex;align-items:center;gap:10px;font-size:13px}.local-check input{width:18px;height:18px}.local-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.local-actions button{font-size:12px}#settings-result{color:var(--ink)}.header-right>button.outline{font-size:11px}

/* Strong text and defined surfaces in light mode; dark reference stays intact. */
html[data-theme=light]{--ink:#162637;--subtle:#46586c;--canvas:#e6edf2;--surface:#f8fafc;--edge:#b9c7d3;--accent:#176b4b;--accent-text:#12543d;--accent-soft:#dcebe4;--button:#086348;--button-text:#fff}
html[data-theme=light] main{background:linear-gradient(125deg,#e6edf2,#e1e9ed)}
html[data-theme=light] :is(.panel,.chart-card,.account-card,.account-banner,.stat,.account-shortcuts>a){background:#f8fafc;border-color:#bdcad5;box-shadow:0 4px 18px #142b4210}
html[data-theme=light] :is(h1,h2,h3,.page-head h1,.panel-head h2,.chart-heading h2,.section-heading h2,.account-card h3,.project-name,.reminder strong,.stat-number){color:#142c40}
html[data-theme=light] :is(p,small,.muted,.page-head p,.stat-label,.stat-bottom,.account-card p,.account-card-foot,.account-shortcuts small,.panel-head h2 small,.detail-card p,.detail-card dd,.detail-card dt,.panel-foot,.due,.exp-bottom,.directory-tools,.notice,.notice strong){color:#46586b}
html[data-theme=light] :is(.experiment,.detail-card){background:linear-gradient(115deg,#e3ede9,#edf0f7);border:1px solid #a9bbc8}
html[data-theme=light] .experiment .text-btn{color:#162e43;font-weight:700;font-size:14px}
html[data-theme=light] :is(input,textarea,select,.search,.header-search,.directory-tools input){background:#edf2f6;border-color:#aabccb;color:#1a3045}
html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#53677a;opacity:1}
html[data-theme=light] th{background:#dce5ed;color:#334b61;font-weight:650}
html[data-theme=light] td{color:#334b60;border-color:#cfdae3}
html[data-theme=light] :is(.outline,.text-btn){color:#214c66}
html[data-theme=light] .outline{background:#edf2f6;border-color:#adbfcd}
html[data-theme=light] :is(.badge,.badge.review,.badge.dev){font-weight:650}
html[data-theme=light] .badge{background:#d8eddf;color:#18583b;border-color:#93bea5}
html[data-theme=light] .badge.review{background:#f5e7c8;color:#70500e;border-color:#cfb477}
html[data-theme=light] .badge.dev{background:#e4e2f4;color:#4d3c84;border-color:#afa6d1}
html[data-theme=light] .directory-guide{background:linear-gradient(110deg,#dcebe3,#e4eaf4);border-color:#acbfc3}
html[data-theme=light] .directory-guide strong{color:#244536}html[data-theme=light] .directory-guide span{color:#455969}
html[data-theme=light] :is(nav a,.account-tabs a){color:#43596b}html[data-theme=light] nav a.active{color:#15583f;background:#dbece3}
html[data-theme=light] .account-card-foot{border-top-color:#cbd6e0}
html[data-theme=light] .progress{background:#bacad5}html[data-theme=light] .progress>span{background:#177458}
html[data-theme=light] .danger-outline{background:#f6e8e9!important;color:#923642!important;border-color:#cc9ba1!important}
.experiment-delete{margin-top:12px;font-size:11px;padding:7px 11px}.detail-card>.experiment-delete{margin-left:8px}
#experiment-delete-action{margin-right:auto}

/* Ivory & Burgundy — one warm, legible palette across both modes. */
html[data-theme=light]{--ink:#30252a;--subtle:#66575d;--canvas:#f1ece5;--surface:#fffcf8;--edge:#d5c9bf;--accent:#873c50;--accent-text:#782c41;--accent-soft:#f2e2e5;--button:#803449;--button-text:#fffaf7;--chart-a:#984b60;--chart-b:#b1844a;--chart-c:#7a6a83;--panel-shadow:0 3px 14px #49332708;--lift:0 10px 26px #49332716;--field:#f5efe8;--sidebar:#faf5ee;--topbar:#fffcf5f2;--positive-bg:#e1ebdf;--positive-ink:#31583e;--pending-bg:#f3e7cb;--pending-ink:#71501e;--planned-bg:#e9e3f0;--planned-ink:#5d486e;--danger-bg:#f5e1e4;--danger-ink:#94364a}
html[data-theme=dark]{--ink:#f4ebe3;--subtle:#c0ada8;--canvas:#171214;--surface:#251d20;--edge:#4c393e;--accent:#dc8d9f;--accent-text:#f0acba;--accent-soft:#43262f;--button:#a64763;--button-text:#fff8f3;--chart-a:#dc8d9f;--chart-b:#caa36c;--chart-c:#b3a1c4;--panel-shadow:0 4px 18px #0002;--lift:0 10px 28px #0005;--field:#20181b;--sidebar:#1d1518;--topbar:#21191bf2;--positive-bg:#263a2d;--positive-ink:#b1d2b5;--pending-bg:#443621;--pending-ink:#edd097;--planned-bg:#382e43;--planned-ink:#d1bddd;--danger-bg:#4a2832;--danger-ink:#ffc0ca}
html[data-theme] body{background:var(--canvas);color:var(--ink);font-family:'Segoe UI',Inter,Arial,sans-serif}
html[data-theme] main{background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--accent) 8%,transparent),transparent 48%),var(--canvas)}
html[data-theme] aside{background:var(--sidebar);border-right:1px solid var(--edge)}
html[data-theme] main>header{background:var(--topbar);border-bottom-color:var(--edge)}
html[data-theme] :is(.panel,.detail-card,.chart-card,.account-card,.account-banner,.stat,.account-shortcuts>a){background:var(--surface);border:1px solid var(--edge);border-radius:14px;box-shadow:var(--panel-shadow)}
html[data-theme] :is(.panel,.chart-card,.account-card,.account-banner,.stat,.account-shortcuts>a):hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--edge));box-shadow:var(--lift)}
html[data-theme] :is(h1,h2,h3,.page-head h1,.panel-head h2,.chart-heading h2,.section-heading h2,.account-card h3,.project-name,.reminder strong,.stat-number,.brand,.brand .muted,.header-identity,.profile,.account-banner strong,.donut-center,.activity strong){color:var(--ink)}
html[data-theme] .page-head h1{font-size:30px;font-weight:700;letter-spacing:-.9px}
html[data-theme] :is(p,small,.muted,.page-head p,.stat-label,.stat-bottom,.account-card p,.account-card-foot,.account-shortcuts small,.panel-head h2 small,.detail-card p,.detail-card dd,.detail-card dt,.panel-foot,.exp-bottom,.directory-tools,.notice,.notice strong,.nav-label,.account-nav-title,.nav-number,.chart-note,.bar-labels span,.legend-row,.project-name small,footer){color:var(--subtle)}
html[data-theme] .page-head p{font-size:13px}
html[data-theme] :is(.brand-icon,.avatar,.purple,.reminder-icon){background:var(--accent-soft);color:var(--accent-text);border-color:var(--edge)}
html[data-theme] .brand-icon{background:linear-gradient(145deg,var(--button),#a36a53);color:#fffaf5;border:0;border-radius:9px}
html[data-theme] .workspace{background:var(--field);border-color:var(--edge);color:var(--ink)}
html[data-theme] :is(nav a,.account-tabs a){color:var(--subtle)}
html[data-theme] nav a.active,html[data-theme] nav a:hover{background:var(--accent-soft);color:var(--accent-text)}
html[data-theme] nav a.active:before,html[data-theme] .account-tabs a.selected:after{background:var(--accent)}
html[data-theme] .account-tabs a.selected{color:var(--accent-text)}
html[data-theme] .count{background:var(--accent-soft);color:var(--accent-text)}
html[data-theme] :is(button,.outline,.detail-card button,.reminder button){background:var(--surface);border-color:var(--edge);color:var(--ink);border-radius:9px}
html[data-theme] :is(button,.outline,.detail-card button,.reminder button):hover{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent)}
html[data-theme] button.primary{background:var(--button)!important;border-color:var(--button)!important;color:var(--button-text)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--button) 18%,transparent)}
html[data-theme] .text-btn{background:transparent;color:var(--accent-text)!important}
html[data-theme] .experiment .text-btn{font-size:14px;font-weight:650}
html[data-theme] :is(input,textarea,select,.search,.header-search,.directory-tools input,.field input,.field textarea,.field select){background:var(--field);color:var(--ink);border-color:var(--edge)}
html[data-theme] .header-search input{background:transparent;border:0}
html[data-theme] :is(input,textarea)::placeholder{color:var(--subtle);opacity:1}
html[data-theme] .header-search kbd{background:var(--surface);color:var(--subtle);border-color:var(--edge)}
html[data-theme] :is(#bell,.header-right #theme-toggle){background:var(--field);border:1px solid var(--edge);color:var(--accent-text)}
html[data-theme] .directory-guide{background:linear-gradient(110deg,var(--accent-soft),var(--field));border-color:var(--edge)}
html[data-theme] .directory-guide strong{color:var(--accent-text)}
html[data-theme] .directory-guide span{color:var(--subtle)}
html[data-theme] .stats .stat:first-child{background:linear-gradient(115deg,var(--accent-soft),var(--surface));border-color:var(--edge);border-top:3px solid var(--accent)}
html[data-theme] .stat:nth-child(2){border-top:3px solid var(--chart-b)}
html[data-theme] .stat:nth-child(3){border-top:3px solid var(--chart-c)}
html[data-theme] .stat:nth-child(4){border-top:3px solid #95876e}
html[data-theme] .stat:first-child .stat-number{color:var(--accent-text)}
html[data-theme] :is(.stat-bottom,.account-shortcuts small,.account-card p,.account-card-foot,.panel-foot){font-size:11px}
html[data-theme] :is(.experiment,.exp-grid .experiment){background:linear-gradient(115deg,var(--field),var(--surface));border-color:var(--edge)}
html[data-theme] .progress{background:var(--edge)}html[data-theme] .progress>span{background:var(--accent)}
html[data-theme] th{background:var(--field);color:var(--subtle);font-weight:650}
html[data-theme] td{color:var(--subtle);border-color:var(--edge)}
html[data-theme] tbody tr:hover{background:var(--accent-soft)}
html[data-theme] :is(.account-card-foot,.account-tabs,.profile,.reminder,.panel-foot,.optional-fields,.account-choices){border-color:var(--edge)}
html[data-theme] .store-icons span{background:var(--field);color:var(--subtle);border-color:var(--edge)}
html[data-theme] .badge{background:var(--positive-bg);color:var(--positive-ink);border-color:color-mix(in srgb,var(--positive-ink) 30%,var(--surface));font-weight:650}
html[data-theme] .badge.review{background:var(--pending-bg);color:var(--pending-ink);border-color:color-mix(in srgb,var(--pending-ink) 30%,var(--surface))}
html[data-theme] .badge.dev{background:var(--planned-bg);color:var(--planned-ink);border-color:color-mix(in srgb,var(--planned-ink) 30%,var(--surface))}
html[data-theme] .due{color:var(--pending-ink)}
html[data-theme] .danger-outline{background:var(--danger-bg)!important;color:var(--danger-ink)!important;border-color:color-mix(in srgb,var(--danger-ink) 35%,var(--surface))!important}
html[data-theme] .remove-row-button{color:var(--danger-ink)!important}
html[data-theme] .notice{opacity:1}html[data-theme] :is(.notice .pill,.chart-heading span){background:var(--field);color:var(--subtle);border-color:var(--edge)}
html[data-theme] dialog{background:var(--surface);border-color:var(--edge);color:var(--ink);box-shadow:0 24px 90px #0004;border-radius:16px}
html[data-theme] :is(.dialog-head h2,.detail-data){color:var(--ink)}
html[data-theme] :is(label.field,.account-choices label,.account-choices legend,.optional-fields summary){color:var(--subtle)}
html[data-theme] :is(.group-dot,.group-icon){background:var(--accent-soft);color:var(--accent-text)}
html[data-theme] .account-card-foot span:last-child{color:var(--positive-ink)}
html[data-theme] .tabs button.selected{background:var(--accent-soft);color:var(--accent-text)}
html[data-theme] .login-card{background:var(--surface);border-color:var(--edge);box-shadow:var(--lift)}
html[data-theme] #toast{background:var(--accent-soft);color:var(--accent-text);border-color:var(--edge)}
@media(max-width:580px){html[data-theme] .page-head h1{font-size:25px}}

/* Crisp neutral surfaces, vivid violet accents and clear information hierarchy. */
html[data-theme=light]{--ink:#151727;--subtle:#485269;--canvas:#eef0f8;--surface:#fff;--edge:#ccd2e2;--accent:#7735ef;--accent-text:#6223c9;--accent-soft:#eee5ff;--button:#6929dc;--button-text:#fff;--chart-a:#8338ec;--chart-b:#08a8bb;--chart-c:#ef3f8c;--panel-shadow:0 4px 18px #2735630c;--lift:0 12px 30px #532aae20;--field:#f1f3fa;--sidebar:#fff;--topbar:#ffffffed;--positive-bg:#d8f4e5;--positive-ink:#145c3d;--pending-bg:#fff0c9;--pending-ink:#755007;--planned-bg:#ece3ff;--planned-ink:#6228a4;--danger-bg:#ffe5ed;--danger-ink:#a61f49}
html[data-theme=dark]{--ink:#f6f7ff;--subtle:#b6bed3;--canvas:#0b0c13;--surface:#171923;--edge:#363b50;--accent:#b080ff;--accent-text:#d1b4ff;--accent-soft:#312046;--button:#8749ed;--button-text:#fff;--chart-a:#a45fff;--chart-b:#00d0df;--chart-c:#ff62ae;--panel-shadow:0 5px 20px #0003;--lift:0 10px 32px #0006;--field:#10121d;--sidebar:#101119;--topbar:#10121ded;--positive-bg:#183e2d;--positive-ink:#9de7bd;--pending-bg:#443718;--pending-ink:#ffdc87;--planned-bg:#34254f;--planned-ink:#d5b5ff;--danger-bg:#4b1c30;--danger-ink:#ffadc7}
html[data-theme] main{background:radial-gradient(ellipse at 98% 0,color-mix(in srgb,var(--accent) 11%,transparent),transparent 50%),var(--canvas)}
html[data-theme] .brand-icon{background:linear-gradient(145deg,#ff3f91,#8239f1);box-shadow:0 4px 12px #813bea25}
html[data-theme] .page-head h1{font-size:32px;letter-spacing:-1px;font-weight:750}
html[data-theme] :is(.page-head p,.detail-card p,.experiment p,.reminder p){font-size:13px;line-height:1.65}
html[data-theme] nav a{font-size:13px;font-weight:550}
html[data-theme] nav a.active{background:linear-gradient(105deg,#e82e89,#7b32ed);color:#fff;box-shadow:0 6px 18px #7b32ed30}
html[data-theme] nav a.active :is(.glyph,.nav-number,.group-dot){color:#fff}
html[data-theme] nav a.active .group-dot{background:#ffffff24}
html[data-theme] nav a.active .count{background:#ffffff24;color:#fff}
html[data-theme] nav a.active:before{background:#e631a1}
html[data-theme] button.primary{background:linear-gradient(115deg,#7530e5,#9837e9)!important;border-color:#8537e7!important;box-shadow:0 5px 15px #7130dd30;color:#fff!important}
html[data-theme] button.primary:hover{box-shadow:0 7px 22px #7130dd45;filter:brightness(1.08)}
html[data-theme] .stats .stat:first-child{background:linear-gradient(120deg,var(--accent-soft),var(--surface));border-top:3px solid var(--chart-a)}
html[data-theme] .stat:nth-child(2){border-top-color:var(--chart-b)}html[data-theme] .stat:nth-child(3){border-top-color:var(--chart-c)}html[data-theme] .stat:nth-child(4){border-top-color:#f1a11f}
html[data-theme] .stat-label{font-size:12px;font-weight:600}html[data-theme] .stat-number{font-size:37px;font-weight:750}
html[data-theme] :is(.stat-bottom,.account-card-foot,.account-shortcuts small,.panel-head h2 small,.project-name small){font-size:11px}
html[data-theme] .directory-guide{background:linear-gradient(115deg,var(--accent-soft),var(--field));border-color:color-mix(in srgb,var(--accent) 30%,var(--edge))}
html[data-theme] .group-dot,html[data-theme] .group-icon{background:var(--accent-soft);color:var(--accent-text)}
html[data-theme=light] :is(.android.group-dot,.android.group-icon){background:#d9f4e9;color:#146346}html[data-theme=light] :is(.samsung.group-dot,.samsung.group-icon){background:#e2ebff;color:#345fba}html[data-theme=light] :is(.playgama.group-dot,.playgama.group-icon){background:#ffead3;color:#9e5311}
html[data-theme=dark] :is(.android.group-dot,.android.group-icon){background:#173b2a;color:#a1e5bd}html[data-theme=dark] :is(.samsung.group-dot,.samsung.group-icon){background:#213153;color:#abc7ff}html[data-theme=dark] :is(.playgama.group-dot,.playgama.group-icon){background:#49331f;color:#f1c693}
html[data-theme] :is(.panel-head h2,.chart-heading h2,.section-heading h2){font-weight:700;font-size:15px}
html[data-theme] .account-tabs a.selected{background:var(--accent-soft);border-radius:8px 8px 0 0}
html[data-theme] .outline{font-weight:550}
html[data-theme] .login-card{box-shadow:0 20px 70px #5029a326}
html[data-theme] button.primary.danger{background:#b64252!important;border-color:#b64252!important}
@media(max-width:580px){html[data-theme] .page-head h1{font-size:26px}}
/* Defined card edges and stronger light-mode typography. */
html[data-theme=light]{--ink:#111111;--subtle:#353d4d;--edge:#aeb8cc;--panel-shadow:0 3px 6px #24335a08,0 8px 22px #24335a12;--lift:0 10px 28px #532aae24}
html[data-theme=dark]{--edge:#535d78;--panel-shadow:0 4px 12px #0005,0 0 0 1px #ffffff04;--lift:0 10px 30px #0007}
html[data-theme] :is(.panel,.detail-card,.chart-card,.account-card,.account-banner,.stat,.account-shortcuts>a,.experiment,.exp-grid .experiment){border:1.5px solid var(--edge);box-shadow:var(--panel-shadow)}
html[data-theme] :is(.panel,.detail-card,.chart-card,.account-card,.account-banner,.stat,.account-shortcuts>a,.experiment):hover{border-color:var(--accent);box-shadow:var(--lift)}
html[data-theme] .panel-head{border-bottom:1px solid var(--edge)}
html[data-theme] :is(.reminder,.panel-foot,.account-card-foot,td){border-color:var(--edge)}
html[data-theme] .stats .stat:nth-child(1){border-top:3px solid var(--chart-a)}
html[data-theme] .stats .stat:nth-child(2){border-top:3px solid var(--chart-b)}
html[data-theme] .stats .stat:nth-child(3){border-top:3px solid var(--chart-c)}
html[data-theme] .stats .stat:nth-child(4){border-top:3px solid #f1a11f}
html[data-theme=light] :is(.stat-number,.stats .stat:first-child .stat-number,th,td,.detail-card dd,.stat-label){color:#111111}
html[data-theme=light] :is(nav a,.account-tabs a){color:#303746}
html[data-theme=light] nav a.active{color:#fff}
html[data-theme=light] :is(nav a:hover,.account-tabs a.selected){color:var(--accent-text)}

/* Presentation only. Shared workspace records and actions are unchanged. */
@font-face{font-family:Inter;src:url('fonts/inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
html[data-theme]{--accent:#6366F1;--accent-text:#818CF8;--accent-soft:rgba(99,102,241,.12);--button:#6366F1;--button-text:#fff;--chart-a:#6366F1;--chart-b:#22C55E;--chart-c:#F59E0B;--positive-bg:rgba(34,197,94,.12);--positive-ink:#22C55E;--pending-bg:rgba(245,158,11,.12);--pending-ink:#F59E0B;--planned-bg:rgba(99,102,241,.12);--planned-ink:#6366F1;--danger-bg:rgba(239,68,68,.12);--danger-ink:#EF4444}
html[data-theme=dark]{color-scheme:dark;--canvas:#0D1017;--sidebar:#11141C;--surface:#151922;--edge:#232837;--ink:#E6E8EF;--subtle:#8C93A7;--hover:rgba(255,255,255,.04);--field:#11141C;--topbar:rgba(13,16,23,.78);--ambient-a:rgba(99,102,241,.18);--ambient-b:rgba(99,102,241,.09);--panel-shadow:0 1px 1px rgba(0,0,0,.2),0 6px 14px -4px rgba(0,0,0,.35),0 18px 36px -14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);--lift:0 2px 2px rgba(0,0,0,.2),0 12px 24px -6px rgba(0,0,0,.4),0 30px 50px -18px rgba(99,102,241,.4)}
html[data-theme=light]{color-scheme:light;--canvas:#F6F7F9;--sidebar:#fff;--surface:#fff;--edge:#E3E6ED;--ink:#151823;--subtle:#667085;--hover:rgba(16,24,40,.04);--field:#fff;--topbar:rgba(246,247,249,.78);--ambient-a:rgba(99,102,241,.10);--ambient-b:rgba(99,102,241,.05);--panel-shadow:0 1px 1px rgba(16,24,40,.05),0 6px 14px -4px rgba(16,24,40,.08),0 18px 36px -16px rgba(16,24,40,.12),inset 0 1px 0 rgba(255,255,255,.9);--lift:0 2px 2px rgba(16,24,40,.06),0 12px 24px -6px rgba(16,24,40,.12),0 30px 48px -18px rgba(99,102,241,.28)}
html[data-theme]{--bg:var(--canvas);--panel:var(--surface);--line:var(--edge);--text:var(--ink);--muted:var(--subtle);--mint:var(--accent)}
*{font-variant-numeric:tabular-nums}
html[data-theme] body{font-family:Inter,Arial,sans-serif;font-size:13px;background:radial-gradient(900px 420px at 72% -140px,var(--ambient-a),transparent 70%),radial-gradient(600px 300px at 0% 100%,var(--ambient-b),transparent 70%),var(--canvas);background-attachment:fixed;color:var(--ink)}
html[data-theme] main{background:transparent;margin-left:232px}
html[data-theme] aside{width:232px;background:var(--sidebar);box-shadow:var(--panel-shadow);border-right:1px solid var(--edge);padding:24px 16px}
html[data-theme] main>header{background:var(--topbar);backdrop-filter:blur(14px);box-shadow:0 10px 22px -16px rgba(0,0,0,.55);border-bottom:1px solid var(--edge)}
html[data-theme] #breadcrumb{display:block;color:var(--subtle);font-size:12px}
html[data-theme] .page-head h1{font-size:22px;font-weight:700;letter-spacing:-.3px}
html[data-theme] :is(h2,h3,.panel-head h2,.chart-heading h2){font-weight:600}
html[data-theme] :is(.panel,.detail-card,.chart-card,.account-card,.account-banner,.stat,.account-shortcuts>a,.directory-guide,.login-card){position:relative;isolation:isolate;background:var(--surface);border:1px solid var(--edge);border-radius:10px;box-shadow:var(--panel-shadow);transition:transform .25s,box-shadow .25s,border-color .25s}
html[data-theme] :is(.panel,.chart-card,.account-card,.stat,.account-shortcuts>a):hover{transform:translateY(-2px);border-color:var(--edge);box-shadow:var(--lift)}
.ui-card::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(99,102,241,.13),transparent 70%);opacity:0;transition:opacity .3s;z-index:-1}
.ui-card:hover::before{opacity:1}
html[data-theme] .stat{border-top:1px solid var(--edge)}
.stat::after{content:'';position:absolute;top:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,rgba(129,140,248,.8),transparent)}
html[data-theme] .stat-number,html[data-theme] .stat:first-child .stat-number{color:var(--ink);font-size:32px;font-weight:700;letter-spacing:-.6px}
html[data-theme] :is(.brand-icon,.avatar,.app-icon,.group-icon,.group-dot,.reminder-icon,.count){background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--edge);box-shadow:none}
html[data-theme] .brand{font-size:18px;letter-spacing:-.3px}
html[data-theme] .brand-icon{background:var(--accent);color:white}
html[data-theme] :is(.workspace,.notice,.sidebar-feature,.header-search){background:var(--surface);border:1px solid var(--edge);border-radius:8px;box-shadow:none}
html[data-theme] :is(.launch-hero,.experiment,.exp-grid .experiment){background:var(--surface);border-color:var(--edge)}
html[data-theme] nav a{position:relative;background:transparent;color:var(--subtle);border:1px solid transparent;border-radius:8px;box-shadow:none;transition:background .15s,color .15s}
html[data-theme] nav a:hover,html[data-theme] nav a.active{background:var(--hover);color:var(--ink);transform:none;box-shadow:none}
html[data-theme] nav a.active::before{content:'';position:absolute;width:2px;left:-1px;top:9px;bottom:9px;background:var(--accent);border-radius:2px;box-shadow:none}
html[data-theme] :is(button,.outline,input,select,textarea){border:1px solid var(--edge);border-radius:8px;background:var(--field);color:var(--ink);box-shadow:none;transition:background .15s,transform .15s,box-shadow .15s}
html[data-theme] button:hover{background:var(--hover)}
html[data-theme] :is(button.primary,a.primary){background:#6366F1!important;color:#fff!important;border:1px solid #6366F1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 16px -4px rgba(99,102,241,.6);font-weight:600}
html[data-theme] :is(button.primary,a.primary):hover{background:#818CF8!important;box-shadow:0 10px 24px -4px rgba(99,102,241,.75);transform:translateY(-1px)}
html[data-theme] :is(input,select,textarea):focus{outline:2px solid var(--accent);outline-offset:2px}
html[data-theme] :is(.badge,.badge.review,.badge.dev){border:1px solid transparent;border-radius:6px;font-weight:600}
html[data-theme] .badge{background:var(--positive-bg);color:#22C55E}
html[data-theme] .badge.review{background:var(--pending-bg);color:#F59E0B}
html[data-theme] .badge.dev{background:var(--planned-bg);color:#6366F1}
html[data-theme] :is(.pill,.chip,.store-icons span){border:1px solid transparent;border-radius:99px;background:var(--accent-soft);color:var(--accent-text)}
html[data-theme] th{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--subtle);background:var(--hover)}
html[data-theme] td{font-size:12px;border-top:1px solid var(--edge);color:var(--ink)}
html[data-theme] tbody tr{background:transparent;transition:background .12s}
html[data-theme] tbody tr:hover{background:var(--hover)}
html[data-theme] .progress{background:var(--edge)}
html[data-theme] .progress>span{background:var(--accent);box-shadow:0 0 10px rgba(99,102,241,.55);transform-origin:left}
html[data-theme] .bar{background:var(--color)!important;border-radius:5px 5px 0 0;box-shadow:none;transform-origin:bottom}
html[data-theme] .donut{background:conic-gradient(#22C55E 0 var(--live),#F59E0B var(--live) var(--review),#6366F1 var(--review) 100%);filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}
html[data-theme] .donut-center{background:var(--surface);color:var(--ink)}
html[data-theme] :is(.reminder,.task-card,.kanban-card){box-shadow:0 2px 6px -2px rgba(0,0,0,.25);transition:transform .25s}
html[data-theme] :is(.reminder,.task-card,.kanban-card):hover{transform:translateY(-2px)}
html[data-theme] dialog{border:1px solid var(--edge);border-radius:10px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
html[data-theme] #toast{background:var(--surface);color:var(--ink);box-shadow:var(--panel-shadow);border:1px solid var(--edge);transition:opacity .2s,transform .2s;z-index:100}
.synced-dot{display:inline-block;width:6px;height:6px;background:#22C55E;border-radius:50%;animation:sync-pulse 2s infinite}
@keyframes sync-pulse{from{box-shadow:0 0 0 0 rgba(34,197,94,.4)}to{box-shadow:0 0 0 7px rgba(34,197,94,0)}}
#view{animation:none}
.ui-skeleton{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}
.ui-skeleton span{height:150px;border:1px solid var(--edge);border-radius:10px;background:linear-gradient(100deg,var(--surface) 25%,var(--hover) 45%,var(--surface) 65%);background-size:250% 100%;animation:shimmer 1.1s infinite}
@keyframes shimmer{to{background-position:-150% 0}}
#command-palette{width:540px;padding:18px}#command-palette input{margin:12px 0}.command-results{display:grid;max-height:330px;overflow:auto;gap:4px}.command-results a{padding:12px;border-radius:8px}.command-results a:hover,.command-results a:focus{background:var(--hover)}
.empty .empty-icon,.account-empty .empty-icon{display:block;color:var(--accent);font-size:24px;margin-bottom:12px}.empty button,.account-empty button{display:block;margin:16px auto 0}
@media(max-width:859px){html[data-theme] aside{position:relative;inset:auto;width:100%;height:auto;max-height:none;padding:10px 14px;display:block;overflow:visible;border-right:0;border-bottom:1px solid var(--edge)}html[data-theme] aside :is(.brand,.workspace,.sidebar-bottom,.nav-label,.account-nav-title){display:none}html[data-theme] aside nav{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:6px;margin:0;padding:2px}html[data-theme] aside nav a{flex:0 0 auto;white-space:nowrap;padding:9px 12px}html[data-theme] nav a .label{display:inline}html[data-theme] main{margin-left:0}html[data-theme] main>header{top:0;flex-wrap:wrap}html[data-theme] #breadcrumb{order:3;flex-basis:100%}.content{padding:22px 16px}.chart-grid{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.header-identity{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-theme] :is(.ui-card,button,.reminder):hover{transform:none!important}}

html[data-theme] .stats .stat:nth-child(n){background:var(--surface);border:1px solid var(--edge);border-radius:10px}
html[data-theme] .stats .stat:first-child .stat-number{color:var(--ink)}
html[data-theme] .header-right button[aria-label="Open command palette"]{font-size:11px;white-space:nowrap;width:auto;min-width:82px;height:34px;padding:8px;line-height:16px}
html[data-theme] .header-right{min-width:0;gap:10px}
html[data-theme] .header-identity{display:none}
html[data-theme] main>header .header-search{flex:0 1 240px}
html[data-theme] .stats .stat-label b{color:var(--accent-text)!important}
html[data-theme] :is(.account-shortcuts .group-dot,.account-nav .group-dot){background:var(--accent-soft)!important;color:var(--accent-text)!important}
html[data-theme] .account-shortcuts>a{border-radius:10px}
@media(max-width:859px){html[data-theme] aside nav{width:100%}html[data-theme] aside nav .account-nav-title{display:none}html[data-theme] main>header .header-search{flex:1;max-width:none}html[data-theme] .header-right{gap:6px}html[data-theme] .header-right>.avatar{display:none}}
html[data-theme] .header-right>button.outline{width:auto;min-width:78px;height:34px;padding:8px 10px;white-space:nowrap;border-radius:8px}
html[data-theme] .stats .stat:nth-child(n) .stat-label b{color:var(--accent-text)!important}
html[data-theme] nav a.active .glyph{color:var(--accent)!important}
#local-save-status::before{content:'';display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#22C55E;animation:sync-pulse 2s infinite}
@media(max-width:859px){html[data-theme] main>header .header-search{flex:1 1 100%;order:0}html[data-theme] main>header .header-right{margin-left:0;order:1}html[data-theme] #breadcrumb{order:2}}
@media(prefers-reduced-motion:reduce){#local-save-status::before{animation:none!important}}
html[data-theme] main>header{height:auto;min-height:68px;padding:12px 26px}
@media(max-width:859px){html[data-theme] main>header{padding:10px 12px;gap:8px}}

html[data-theme] main>header{position:sticky;top:0;z-index:40}
.login-card .tabs{margin-top:20px}.login-card .tabs button{width:auto;margin:0 8px 12px 0}.login-card [hidden]{display:none!important}.login-card .login-error{min-height:20px}
html[data-theme] .header-right>.team-management{width:auto;min-width:55px;height:34px;font-size:11px;padding:8px}
.toolbar label{display:flex;align-items:center;gap:10px}.toolbar select{width:auto;min-width:180px}
@media(max-width:859px){html[data-theme] main>header .header-right{flex-wrap:wrap}}

/* Final command center layout and controls. */
html[data-theme] main>header{position:fixed!important;top:0;left:232px;right:0;width:auto;min-height:68px;z-index:80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;gap:16px}
html[data-theme] main>.content{padding-top:calc(var(--command-header-height,68px) + 24px)}
html[data-theme] main>header .header-search{flex:0 1 250px;max-width:250px}
html[data-theme] main>header #breadcrumb{display:block!important;flex:1 1 auto;font-size:12px;color:var(--subtle)}
html[data-theme] main>header #breadcrumb a{color:var(--subtle)}
html[data-theme] main>header .header-right{display:flex;align-items:center;flex:0 0 auto;gap:8px}
html[data-theme] main>header .header-identity{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:7px;min-width:120px;font-size:12px}
html[data-theme] main>header .header-identity strong{color:var(--ink);font-weight:700}
html[data-theme] main>header .header-identity small{grid-column:1/-1;color:var(--subtle);font-size:10px;overflow:hidden;text-overflow:ellipsis;max-width:190px}
html[data-theme] .role-badge{display:inline-flex;width:max-content;align-items:center;border:1px solid rgba(99,102,241,.27);background:rgba(99,102,241,.12);color:var(--accent-text);border-radius:99px;padding:3px 7px;font-size:9px;font-weight:700;letter-spacing:.4px;white-space:nowrap}
html[data-theme] .header-right>.avatar,html[data-theme] .profile>.avatar,html[data-theme] .team-avatar{width:32px;height:32px;display:grid;place-items:center;border:1px solid #818cf8;border-radius:50%;background:rgba(99,102,241,.14);color:var(--accent-text);font-weight:700;box-shadow:0 0 0 3px rgba(99,102,241,.08)}
html[data-theme] .profile{gap:9px}html[data-theme] .profile>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}html[data-theme] .profile small{font-size:10px;overflow:hidden;text-overflow:ellipsis;max-width:150px}
html[data-theme] #bell{border:1px solid #6366f1!important;border-radius:8px;background:rgba(99,102,241,.12)!important;color:#818cf8!important;box-shadow:0 0 15px rgba(99,102,241,.18)}
html[data-theme] .header-right>.pending-requests{width:auto;white-space:nowrap;border:1px solid rgba(245,158,11,.6);background:rgba(245,158,11,.12);color:#f59e0b;font-size:11px;font-weight:700;padding:8px 10px;box-shadow:0 0 15px rgba(245,158,11,.14)}
html[data-theme] .header-right>.pending-requests[hidden]{display:none!important}
html[data-theme] .team-member-row:has([data-team-action="approve"]){border-color:rgba(245,158,11,.55);background:rgba(245,158,11,.08)}
html[data-theme] .login-card #signup-wait{text-align:center;padding:12px 4px 4px}
html[data-theme] .login-card #signup-wait .wait-icon{display:grid;place-items:center;width:54px;height:54px;margin:4px auto 14px;border-radius:15px;background:rgba(245,158,11,.12);color:#f59e0b;font-size:27px}
html[data-theme] .login-card #signup-wait h2{font-size:18px;color:var(--ink);margin:0 0 8px}
html[data-theme] .login-card #signup-wait p{color:var(--subtle);line-height:1.5}
html[data-theme] .login-card #signup-wait strong{display:block;color:var(--ink);overflow-wrap:anywhere}
html[data-theme] .login-card #signup-wait #waiting-status{border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.08);border-radius:8px;padding:10px;font-size:12px}
html[data-theme] .login-card #signup-wait button{margin-top:8px}
html[data-theme] .login-card .forgot-link{width:auto;display:block;margin:10px auto 0;padding:6px 10px;border:0;background:transparent;color:var(--accent,#6366f1);font-weight:600}
html[data-theme] .login-card :is(#reset-request,#reset-complete) h2{font-size:19px;margin:20px 0 8px;color:var(--ink)}
html[data-theme] .login-card :is(#reset-request,#reset-complete) p{color:var(--subtle);line-height:1.5}
html[data-theme] .login-card .reset-back{margin-top:4px;background:transparent;color:var(--ink);border:1px solid var(--edge)}
html[data-theme] .login-card #reset-wait{text-align:center;padding:12px 4px 4px}
html[data-theme] .login-card #reset-wait .wait-icon{display:grid;place-items:center;width:54px;height:54px;margin:4px auto 14px;border-radius:15px;background:rgba(99,102,241,.13);color:#818cf8;font-size:27px}
html[data-theme] .login-card #reset-wait h2{font-size:19px;color:var(--ink);margin:0 0 8px}
html[data-theme] .login-card #reset-wait p{color:var(--subtle);line-height:1.5}
html[data-theme] .login-card #reset-wait strong{display:block;color:var(--ink);overflow-wrap:anywhere}
html[data-theme] .login-card #reset-wait #reset-wait-status{border:1px solid rgba(99,102,241,.3);background:rgba(99,102,241,.09);border-radius:8px;padding:11px;font-size:12px}
html[data-theme] #reset-link{width:100%;margin:10px 0;overflow:hidden;text-overflow:ellipsis}
html[data-theme] #header-signout{border:0;background:transparent;box-shadow:none;color:var(--subtle);font-size:11px;white-space:nowrap;padding:8px}
html[data-theme] #header-signout:hover{color:#ef4444;background:rgba(239,68,68,.08)}
html[data-theme] dialog#dialog{width:min(680px,calc(100vw - 32px));max-width:680px;max-height:min(88vh,900px);overflow:auto}
html[data-theme] #dialog .dialog-head{align-items:center}
html[data-theme] #dialog #close{width:32px;height:32px;border-radius:50%;padding:0;display:grid;place-items:center;color:var(--ink);background:var(--field);border:1px solid var(--edge)}
html[data-theme] .team-modal-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 22px;color:var(--subtle)}
html[data-theme] .team-modal-intro p{margin:0;max-width:390px}
html[data-theme] .team-member-list{display:grid;gap:9px}
html[data-theme] .team-member-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;background:var(--field);border:1px solid var(--edge);border-radius:10px}
html[data-theme] .team-member-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
html[data-theme] .team-member-info strong{font-size:13px;color:var(--ink)}
html[data-theme] .team-member-info small{flex-basis:100%;order:3;color:var(--subtle);font-size:11px;overflow-wrap:anywhere}
html[data-theme] .team-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
html[data-theme] .team-row-actions button{font-size:11px;padding:7px 10px;white-space:nowrap}
html[data-theme] .team-row-actions .reactivate-member{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.1);color:#22c55e;font-weight:700}
html[data-theme] .team-confirm strong{color:var(--ink)}
html[data-theme] .team-progress{margin:0 0 18px;padding:0;overflow:hidden}
html[data-theme] .team-progress .panel-head{padding:18px 20px}
html[data-theme] .team-progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:0 20px 20px}
html[data-theme] .team-progress-card{display:flex;gap:12px;padding:14px;background:var(--field);border:1px solid var(--edge);border-radius:10px}
html[data-theme] .team-progress-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
html[data-theme] .team-progress-main strong{color:var(--ink);font-size:12px}
html[data-theme] .team-progress-main small{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--subtle);font-size:10px}
html[data-theme] .team-progress-meta{display:flex;justify-content:space-between;gap:8px;width:100%;margin-top:7px;color:var(--subtle);font-size:10px}
html[data-theme] .team-progress-meta b{color:var(--ink)}
html[data-theme] .team-progress-track{height:6px;width:100%;border-radius:99px;background:var(--edge);overflow:hidden}
html[data-theme] .team-progress-track span{display:block;height:100%;background:#6366f1;border-radius:inherit;box-shadow:0 0 10px rgba(99,102,241,.4)}
html[data-theme] .command-portfolio .panel-head{align-items:center}
html[data-theme] .command-portfolio .table-scroll{max-width:100%;overflow-x:auto}
html[data-theme] .command-portfolio table{width:100%;min-width:670px}
html[data-theme] .command-portfolio th:last-child,html[data-theme] .command-portfolio td:last-child{text-align:right}
html[data-theme] .command-portfolio .project-name{display:inline-flex;align-items:center;gap:9px;text-align:left}
html[data-theme] .command-portfolio .badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px}
html[data-theme] .command-portfolio .badge:before{content:'●';font-size:8px}
html[data-theme] .command-portfolio .badge:not(.review):not(.dev){background:rgba(34,197,94,.12);color:#22c55e}
html[data-theme] .command-portfolio .badge.review{background:rgba(245,158,11,.12);color:#f59e0b}
html[data-theme] .command-portfolio .badge.dev{background:rgba(99,102,241,.12);color:#818cf8}
html[data-theme] .command-portfolio .app-icon{background:rgba(99,102,241,.12)!important;color:#818cf8!important;border-radius:8px}
html[data-theme] .command-portfolio .portfolio-actions{white-space:nowrap}
html[data-theme] .command-portfolio .portfolio-actions a,html[data-theme] .command-portfolio .portfolio-actions button{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;padding:7px 9px;font-size:10px;border-radius:8px}
html[data-theme] .command-portfolio .portfolio-actions .danger-outline{color:#ef4444!important;border-color:rgba(239,68,68,.35)!important;background:rgba(239,68,68,.07)!important}
html[data-theme] .command-portfolio .panel-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}
html[data-theme] .aso-team-groups{display:grid;gap:18px}
html[data-theme] .aso-team-section{padding:0 0 18px;overflow:hidden}
html[data-theme] .aso-team-section .panel-head{padding:18px 20px}
html[data-theme] .aso-team-section .panel-head h2{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
html[data-theme] .aso-team-section .panel-head h2 small{width:100%;margin-left:42px}
html[data-theme] .aso-team-section .panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
html[data-theme] .aso-team-section .aso-view-more{white-space:nowrap;font-size:11px;padding:8px 10px}
html[data-theme] .aso-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:0 20px}
html[data-theme] .aso-project{border:1px solid var(--edge);border-radius:10px;padding:14px;background:var(--field)}
html[data-theme] .aso-project>div:first-child{display:flex;align-items:center;gap:8px}
html[data-theme] .aso-project strong,html[data-theme] .aso-project b{color:var(--ink)}
html[data-theme] .aso-project p{color:var(--subtle);font-size:11px;line-height:1.5;margin:9px 0}
html[data-theme] .aso-project .store-icons{display:inline-flex}
html[data-theme] .aso-project button{margin-top:8px;font-size:11px}
html[data-theme] .aso-project .aso-notes{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html[data-theme] .aso-empty-member{margin:0;color:var(--subtle);font-size:12px}
html[data-theme] .aso-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
html[data-theme] .aso-detail-head input{max-width:320px}
html[data-theme] .aso-detail-grid{padding:0}
html[data-theme] .aso-load-more{display:block;margin:18px auto 0}
html[data-theme] .command-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--canvas,#0d1017);background-image:radial-gradient(560px 280px at 50% 42%,rgba(99,102,241,.16),transparent 70%);color:var(--ink,#e6e8ef);transition:opacity .22s ease,visibility .22s ease}
html[data-theme] .command-splash.is-done{opacity:0;visibility:hidden;pointer-events:none}
html[data-theme] .command-splash-core{text-align:center;width:min(270px,80vw)}
html[data-theme] .command-splash-mark{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 16px;border:1px solid rgba(129,140,248,.5);border-radius:16px;background:#6366f1;color:#fff;font-size:29px;font-weight:700;box-shadow:0 12px 32px rgba(99,102,241,.32);animation:splash-rise .6s ease both}
html[data-theme] .command-splash-mark span{margin-left:-10px;color:#c7d2fe}
html[data-theme] .command-splash-core strong{display:block;font-size:17px;letter-spacing:-.3px}
html[data-theme] .command-splash-core p{margin:7px 0 20px;color:var(--subtle,#8c93a7);font-size:12px}
html[data-theme] .command-splash-track{height:3px;overflow:hidden;border-radius:99px;background:rgba(99,102,241,.16)}
html[data-theme] .command-splash-track span{display:block;width:40%;height:100%;border-radius:99px;background:#818cf8;box-shadow:0 0 10px rgba(99,102,241,.6);animation:splash-load 1s ease-in-out infinite alternate}
@keyframes splash-rise{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes splash-load{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@media(prefers-reduced-motion:reduce){html[data-theme] .command-splash,html[data-theme] .command-splash-mark,html[data-theme] .command-splash-track span{animation:none!important;transition:none!important}}
html[data-theme] .account-card-container>.danger-outline{display:none!important}
html[data-theme] .creative-upload{margin:14px 0;padding:14px;border:1px solid var(--edge);border-radius:10px;background:var(--field)}
html[data-theme] .creative-upload strong{color:var(--ink)}
html[data-theme] .creative-upload p{margin:4px 0 12px;font-size:11px;color:var(--subtle)}
html[data-theme] .creative-drop{display:block;padding:22px;text-align:center;border:1px dashed #818cf8;border-radius:8px;cursor:pointer;color:var(--ink)}
html[data-theme] .creative-drop.drag-over{background:rgba(99,102,241,.15)}
html[data-theme] .creative-drop span{color:var(--accent-text);font-weight:700}
html[data-theme] .creative-upload-preview{display:block;max-width:100%;max-height:190px;object-fit:contain;margin:12px auto 0;border-radius:8px}
html[data-theme] .creative-upload-preview[hidden]{display:none}
@media(max-width:1250px){html[data-theme] main>header{gap:8px}html[data-theme] main>header .header-search{flex:0 1 190px}html[data-theme] main>header .header-identity{min-width:90px}html[data-theme] main>header .header-identity small{max-width:135px}}
@media(max-width:1050px){html[data-theme] main>header .header-identity{display:none}}
@media(max-width:859px){html[data-theme] main>header{left:0;flex-wrap:wrap;padding:8px 12px}html[data-theme] aside{padding-top:calc(var(--command-header-height,84px) + 10px)}html[data-theme] main>.content{padding-top:22px}html[data-theme] main>header .header-search{flex:1 1 160px;max-width:none}html[data-theme] main>header #breadcrumb{order:3;flex-basis:100%;font-size:10px}html[data-theme] main>header .header-right{gap:5px}html[data-theme] main>header .header-right button{padding:7px}html[data-theme] .team-progress-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){html[data-theme] main>header .header-right .header-identity,html[data-theme] main>header .header-right>.avatar{display:none}html[data-theme] .team-progress-grid{grid-template-columns:1fr}html[data-theme] .team-member-row{grid-template-columns:32px 1fr}html[data-theme] .team-row-actions{grid-column:2;justify-content:flex-start}html[data-theme] .team-modal-intro{display:block}html[data-theme] .team-modal-intro button{margin-top:10px}html[data-theme] .aso-team-section .panel-head,html[data-theme] .aso-detail-head{align-items:flex-start;flex-direction:column}html[data-theme] .aso-detail-head input{max-width:100%;width:100%}}

.ops-back,.ops-section-head,.ops-plan-top,.ops-plan-meta,.ops-filters,.ops-day-row,.ops-event{display:flex;align-items:center;gap:12px}.ops-back{justify-content:space-between;margin-bottom:14px;color:var(--subtle)}.ops-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--edge);margin-bottom:20px}.ops-tabs a{padding:12px 16px;color:var(--subtle);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;font-weight:600}.ops-tabs a:hover{color:var(--ink);background:var(--hv)}.ops-tabs a.selected{color:#6366f1;border-color:#6366f1}.ops-section-head{justify-content:space-between;align-items:flex-start;margin:0 0 18px}.ops-section-head h2{font-size:19px;margin:0}.ops-section-head p{color:var(--subtle);margin:3px 0 0}.ops-summary-grid,.ops-plan-grid,.ops-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px;margin-bottom:16px}.ops-summary,.ops-plan,.ops-details,.ops-team,.ops-graph,.ops-metric-group,.ops-imports,.ops-day{padding:18px}.ops-summary h3{font-size:25px;margin:10px 0 4px}.ops-summary p{color:var(--subtle);margin:4px 0}.ops-summary a{display:inline-block;margin-top:8px;color:#818cf8}.ops-details dl{display:grid;grid-template-columns:minmax(130px,190px) 1fr;gap:12px;margin:0}.ops-details dt{color:var(--subtle)}.ops-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.ops-team{margin-top:16px}.ops-person{display:inline-flex;align-items:center;gap:9px;padding:10px;margin:4px;border:1px solid var(--edge);border-radius:8px;cursor:pointer}.ops-person span{display:grid}.ops-person small{color:var(--subtle)}.ops-stage{padding:4px 8px;border-radius:6px;background:rgba(99,102,241,.12);color:#818cf8;font-weight:700}.ops-plan-top{justify-content:space-between}.ops-plan h3{font-size:16px;margin:14px 0 5px}.ops-plan p,.ops-plan small{color:var(--subtle)}.ops-plan-meta{margin:16px 0;color:var(--subtle);font-size:12px}.ops-plan details{margin:12px 0}.ops-plan ul{padding-left:20px}.ops-empty{display:grid;justify-items:center;text-align:center;gap:7px;padding:32px 20px;border:1px dashed var(--edge);border-radius:10px;color:var(--subtle)}.ops-empty span{font-size:28px;color:#818cf8}.ops-empty strong{font-size:15px;color:var(--ink)}.ops-empty p{margin:0 0 7px}.ops-event{align-items:flex-start;padding:14px;border-bottom:1px solid var(--edge)}.ops-event>div{min-width:0}.ops-event small{display:block;color:var(--subtle);margin-top:3px}.ops-event ul{padding-left:18px;margin:8px 0 0;overflow-wrap:anywhere}.ops-event li{margin:4px 0}.ops-day{margin-top:16px}.ops-day-row{align-items:flex-start;padding:12px 18px;border-top:1px solid var(--edge)}.ops-day-row p{margin:3px 0}.ops-day-row small{color:var(--subtle)}.ops-filters{flex-wrap:wrap;margin:0 0 16px}.ops-filters label{display:grid;gap:4px;color:var(--subtle);font-size:11px;font-weight:700}.ops-filters select,.ops-map select{background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:8px;padding:8px}.ops-kpi{padding:16px;text-align:left;cursor:pointer;color:var(--ink);background:var(--surface);border:1px solid var(--edge)}.ops-kpi span{display:block;color:var(--subtle);font-size:12px}.ops-kpi strong{display:block;font-size:25px;margin-top:8px;font-variant-numeric:tabular-nums}.ops-kpi.selected{border-color:#6366f1;box-shadow:0 0 0 1px rgba(99,102,241,.35)}.ops-graph{margin-bottom:16px}.ops-chart{width:100%;max-height:260px}.ops-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ops-metric-group h3,.ops-imports h3{margin:0 0 12px}.ops-metric-group>div,.ops-imports>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--edge)}.ops-metric-group strong{font-variant-numeric:tabular-nums}.ops-imports{margin-top:16px}.ops-imports span{color:var(--subtle)}.ops-import-note{color:var(--subtle)}.ops-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ops-map label{display:grid;gap:5px;text-transform:capitalize}.ops-preview{margin-top:16px}.ops-preview .table-scroll{max-height:180px;overflow:auto}.ops-preview td,.ops-preview th{padding:8px;border:1px solid var(--edge);white-space:nowrap}.ops-view{animation:ops-in .25s ease}@keyframes ops-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:860px){.ops-two{grid-template-columns:1fr}.ops-details dl{grid-template-columns:1fr;gap:5px}.ops-section-head{align-items:stretch;flex-wrap:wrap}.ops-map{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ops-view{animation:none}}
.ops-compare{display:block;color:var(--subtle);font-size:11px;margin-top:8px}.ops-breakdown-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}.ops-breakdown{padding:18px;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:18px}.ops-breakdown h3{grid-column:1/-1;margin:0}.ops-donut{width:170px;max-width:100%;color:var(--ink);font-variant-numeric:tabular-nums}.ops-store-row{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--edge)}.ops-store-row i{width:10px;height:10px;border-radius:3px;flex:none}.ops-store-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-store-row b{margin-left:auto}.ops-store-row small{color:var(--subtle);min-width:42px;text-align:right}.ops-retention-chart{display:block;width:100%;max-height:150px;margin:0 0 10px}.ops-muted{color:var(--subtle);font-size:12px;margin:10px 0 0}@media(max-width:600px){.ops-breakdown{grid-template-columns:1fr}.ops-donut{justify-self:center}}
.ops-demo{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 0 16px;border:1px solid #f59e0b;background:rgba(245,158,11,.1);color:var(--ink)}.ops-demo strong{font-size:11px;letter-spacing:.06em;color:#d97706;white-space:nowrap}.ops-demo span{font-size:12px}@media(max-width:700px){.ops-demo{align-items:flex-start;flex-direction:column;gap:4px}}

/* Studio layout: reference-inspired surfaces and hierarchy. Last in the visual cascade. */
html[data-theme][data-theme]{--accent:#d85f3e;--accent-text:#b7482c;--accent-soft:#faece6;--button:#252326;--button-text:#fff;--sidebar-width:216px;--positive-ink:#187950;--pending-ink:#94600b;--planned-ink:#5654a4;--mint:var(--accent);--chart-a:#de7355;--chart-b:#83a798;--chart-c:#d5b16d}
html[data-theme=light][data-theme]{--canvas:#f3f1f2;--sidebar:#f3f1f2;--surface:#fff;--edge:#e5e1e4;--ink:#252326;--subtle:#706b74;--hover:#f5f3f4;--field:#faf9fa;--topbar:rgba(243,241,242,.94);--panel-shadow:0 2px 5px #35263803,0 8px 24px -18px #35263825;--lift:0 9px 24px -16px #35263835;--positive-bg:#e9f5ee;--pending-bg:#fff3dd;--planned-bg:#efedf8}
html[data-theme=dark][data-theme]{--canvas:#141416;--sidebar:#141416;--surface:#202023;--edge:#353438;--ink:#f2f0f2;--subtle:#b0aab3;--hover:#2b292d;--field:#29272b;--topbar:rgba(20,20,22,.94);--accent:#ed987b;--accent-text:#f2aa90;--accent-soft:#3a2926;--button:#f3eeeb;--button-text:#242124;--panel-shadow:0 3px 10px #0002;--lift:0 10px 25px -12px #0006;--positive-ink:#7ad4a7;--pending-ink:#e7be72;--planned-ink:#c0b6ef;--positive-bg:#20392d;--pending-bg:#3a3122;--planned-bg:#302b42}
html[data-theme][data-theme] body{background:var(--canvas);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.5}
html[data-theme][data-theme] body::before,html[data-theme][data-theme] body::after{display:none}
html[data-theme][data-theme] :is(h1,h2,h3,h4,strong,.brand,.brand .muted){color:var(--ink)}
html[data-theme][data-theme] :is(p,small,.muted,.stat-label,.stat-bottom,.panel-foot,.chart-note,.page-head p,.account-card p,.directory-tools,.account-card-foot,.detail-card p,.detail-data,.field,.activity p,.activity small){color:var(--subtle)}
html[data-theme][data-theme] aside{width:var(--sidebar-width);padding:28px 14px 18px 20px;background:var(--sidebar);border:0;box-shadow:none;z-index:95;overflow:auto;scrollbar-width:thin}
html[data-theme][data-theme] aside .brand{font-size:18px;gap:4px;white-space:nowrap;padding:0 6px}
html[data-theme][data-theme] .brand-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;font-size:20px;border-radius:50%;background:var(--accent);color:#fff;border:0;margin-right:5px}
html[data-theme][data-theme] .workspace{border:0;background:var(--surface);border-radius:16px;margin:26px 0;padding:14px 10px;gap:9px;font-size:11px}
html[data-theme][data-theme] .workspace small{font-size:10px}
html[data-theme][data-theme] .nav-label,.account-nav-title{display:block;font-size:9px;letter-spacing:1.6px;margin:18px 10px 9px;color:var(--subtle)}
html[data-theme][data-theme] #nav{margin:0;display:block;overflow:visible}
html[data-theme][data-theme] #nav a{padding:10px 12px;min-height:42px;margin:4px 0;gap:11px;border-radius:12px;color:var(--subtle);font-size:12px;white-space:normal;border:0;background:transparent;box-shadow:none}
html[data-theme][data-theme] #nav a:hover{background:var(--surface);color:var(--ink)}
html[data-theme][data-theme] #nav a.active{background:var(--button);color:var(--button-text)}
html[data-theme][data-theme] #nav a.active::before{display:none}
html[data-theme][data-theme] #nav a .label{display:inline;line-height:1.35}
html[data-theme][data-theme] #nav .glyph{width:20px;height:20px;display:grid;place-items:center;flex:none}
html[data-theme][data-theme] .count,html[data-theme][data-theme] .nav-number{color:inherit;background:var(--hover);border:0;font-size:10px}
html[data-theme][data-theme] #nav a.active .count{background:#ffffff24;color:inherit}
html[data-theme][data-theme] .group-dot{height:25px;width:25px;min-width:25px;font-size:10px;background:var(--surface);color:var(--subtle);border:1px solid var(--edge);border-radius:8px}
html[data-theme][data-theme] .sidebar-bottom{display:block;margin-top:auto;padding:22px 4px 0}.sidebar-bottom .profile{border-top:1px solid var(--edge);padding-top:16px}
html[data-theme][data-theme] main{margin-left:var(--sidebar-width);min-width:0;background:transparent}
html[data-theme][data-theme] main>header{left:var(--sidebar-width)!important;right:0;top:0!important;padding:20px 30px 14px;min-height:84px;height:auto;gap:12px;flex-wrap:wrap;background:var(--topbar);border:0;box-shadow:none;backdrop-filter:blur(16px)}
html[data-theme][data-theme] .studio-tabs{display:flex;gap:3px;padding:5px;background:var(--surface);border-radius:99px;min-width:0;margin:0;flex:0 1 auto}
html[data-theme][data-theme] .studio-tabs a{padding:9px 15px;min-height:36px;font-size:12px;white-space:nowrap;margin:0;border:0;border-radius:99px;background:none;color:var(--subtle)}
html[data-theme][data-theme] .studio-tabs a.active{background:var(--button);color:var(--button-text);box-shadow:none}.studio-tabs a::before{display:none!important}
html[data-theme][data-theme] main>header .header-search{flex:1 1 140px;max-width:220px;min-width:110px;margin-left:auto;border:0;border-radius:99px;background:var(--surface);padding:8px 13px;height:46px}
html[data-theme][data-theme] .header-search input{background:transparent;border:0;padding:0;min-width:0;width:100%;font-size:12px;box-shadow:none}.header-search kbd{display:none}
html[data-theme][data-theme] main>header #breadcrumb{display:none!important}
html[data-theme][data-theme] main>header .header-right{gap:8px;flex:0 0 auto}
html[data-theme][data-theme] .header-right :is(#bell,#theme-toggle){width:40px;height:40px;min-width:40px;padding:9px;display:grid;place-items:center;border:0!important;border-radius:50%;background:var(--surface)!important;color:var(--ink)!important;box-shadow:none!important}
html[data-theme][data-theme] .studio-profile{position:relative;border:0;margin:0;padding:0}
html[data-theme][data-theme] .studio-profile summary{list-style:none;display:flex;align-items:center;gap:9px;background:var(--surface);border-radius:99px;padding:7px 12px 7px 7px;cursor:pointer;min-height:46px}.studio-profile summary::-webkit-details-marker{display:none}
html[data-theme][data-theme] .studio-profile .avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);border:0;box-shadow:none}
html[data-theme][data-theme] main>header .header-identity{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;max-width:150px;font-size:11px;line-height:1.5}
html[data-theme][data-theme] .header-identity strong{white-space:nowrap;max-width:145px;overflow:hidden;text-overflow:ellipsis}
html[data-theme][data-theme] .header-identity .role-badge{padding:0;background:none;border:0;color:var(--subtle);font-size:8px;letter-spacing:.6px}
html[data-theme][data-theme] .header-identity small{display:none}
html[data-theme][data-theme] .studio-profile-menu{position:absolute;right:0;top:calc(100% + 10px);width:205px;padding:8px;display:grid;gap:4px;background:var(--surface);border:1px solid var(--edge);border-radius:16px;box-shadow:0 15px 40px #0002}
html[data-theme][data-theme] .studio-profile-menu button{width:100%;text-align:left;padding:12px!important;border:0;font-size:12px;background:none;border-radius:9px}
html[data-theme][data-theme] .studio-profile-menu button:hover{background:var(--hover)}
html[data-theme][data-theme] .header-right .pending-requests{font-size:10px;max-width:140px;padding:8px;border-radius:99px}
html[data-theme][data-theme] main>.content{max-width:1680px;margin:auto;padding:calc(var(--command-header-height,84px) + 25px) 30px 28px}
html[data-theme][data-theme] .page-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:26px;flex-wrap:wrap}
html[data-theme][data-theme] .page-head h1{font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.2;color:var(--ink)}
html[data-theme][data-theme] .page-head p{font-size:12px;line-height:1.6;margin:8px 0 0;max-width:660px}
html[data-theme][data-theme] :is(button.primary,a.primary){background:var(--button)!important;border:1px solid var(--button)!important;color:var(--button-text)!important;box-shadow:none!important;border-radius:99px;padding:11px 18px;font-size:12px;font-weight:500;min-height:42px}
html[data-theme][data-theme] :is(button.primary,a.primary):hover{background:var(--button)!important;filter:brightness(1.15);transform:translateY(-1px)}
html[data-theme][data-theme] :is(button,.outline,input,textarea,select){font-family:inherit;line-height:1.4;border-radius:10px;color:var(--ink);border-color:var(--edge);box-shadow:none}
html[data-theme][data-theme] :is(input,textarea,select){font-size:13px;padding:11px 12px;min-height:42px;background:var(--field)}
html[data-theme][data-theme] input[type=checkbox]{min-height:0;width:17px;height:17px}
html[data-theme][data-theme] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-theme][data-theme] :is(.panel,.chart-card,.stat,.account-card,.account-banner,.directory-guide,.detail-card,.login-card){border:1px solid var(--edge);border-radius:20px;background:var(--surface);box-shadow:var(--panel-shadow)}
html[data-theme][data-theme] :is(.panel,.chart-card,.stat,.account-card):hover{transform:none;box-shadow:var(--panel-shadow)}
html[data-theme][data-theme] .account-card:hover{transform:translateY(-2px);box-shadow:var(--lift)}
html[data-theme][data-theme] .ui-card::before,html[data-theme][data-theme] .stat::after{display:none}
html[data-theme][data-theme] .stats{gap:16px;margin-bottom:24px;grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-theme][data-theme] .stat{padding:22px;min-width:0;border-top:1px solid var(--edge)}
html[data-theme][data-theme] .stat-label{font-size:12px;gap:8px;align-items:center}
html[data-theme][data-theme] .stat-label b{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);border-radius:10px;width:30px;height:30px;flex:none;font-size:17px}
html[data-theme][data-theme] .stat-number{font-size:36px!important;font-weight:600;line-height:1.2;margin:14px 0 8px;letter-spacing:-1px;color:var(--ink)}
html[data-theme][data-theme] .stat-bottom{font-size:11px;line-height:1.5}
html[data-theme][data-theme] .chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
html[data-theme][data-theme] .chart-card{padding:22px;min-width:0}.chart-heading{gap:10px;align-items:center}
html[data-theme][data-theme] .chart-heading h2,html[data-theme][data-theme] .panel-head h2{font-size:15px;letter-spacing:-.25px;font-weight:600;color:var(--ink)}
html[data-theme][data-theme] .chart-heading>span{font-size:10px;background:var(--field);color:var(--subtle);border:0;border-radius:99px;padding:6px 9px;white-space:nowrap}
html[data-theme][data-theme] .bar-chart{height:138px;margin-top:22px;border-color:var(--edge);background:repeating-linear-gradient(to top,transparent 0,transparent 44px,var(--edge) 45px)}
html[data-theme][data-theme] .bar{background:var(--accent)!important;opacity:.8;max-width:30px;border-radius:6px 6px 0 0;filter:none;box-shadow:none}
html[data-theme][data-theme] .bar-item:nth-child(2n) .bar{background:#98b3aa!important}.bar-item:nth-child(3n) .bar{background:#d4bc97!important}
html[data-theme][data-theme] .bar-item b{color:var(--ink);font-size:11px}.bar-labels{gap:3px}.bar-labels span{font-size:10px!important;color:var(--subtle)!important}
html[data-theme][data-theme] .chart-note{font-size:10px;line-height:1.5;margin-top:16px}
html[data-theme][data-theme] .donut-wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:center;min-height:172px}
html[data-theme][data-theme] .donut{width:128px;height:128px;flex:none;background:conic-gradient(var(--accent) 0 var(--live),#d4bc97 var(--live) var(--review),#d9d6dc var(--review) 100%);filter:none}
html[data-theme][data-theme] .donut-center{background:var(--surface);color:var(--ink);font-size:28px;inset:12px}.donut-center small{font-size:10px}.legend{min-width:85px}.legend-row{font-size:11px}.legend-row b{font-size:16px}
html[data-theme][data-theme] .layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.layout>*,.right-col,.panel{min-width:0}
html[data-theme][data-theme] .panel{margin-bottom:20px}.panel-head{gap:12px;flex-wrap:wrap}
html[data-theme][data-theme] .panel-head{padding:22px}.panel-head h2 small{font-size:11px!important;line-height:1.5}
html[data-theme][data-theme] .toolbar{padding:0 22px 18px;flex-wrap:wrap;gap:12px;align-items:center}
html[data-theme][data-theme] .tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--field);border-radius:14px}
html[data-theme][data-theme] .tabs button{font-size:11px;padding:7px 10px;min-height:32px;border:0;border-radius:99px;background:none;color:var(--subtle);box-shadow:none}
html[data-theme][data-theme] .tabs button.selected{background:var(--button);color:var(--button-text)}
html[data-theme][data-theme] .search{background:var(--field);max-width:220px;min-width:140px;flex:1;font-size:12px;min-height:38px}
html[data-theme][data-theme] table{table-layout:auto;width:100%}.table-scroll{overflow:auto;max-width:100%;overscroll-behavior-inline:contain}
html[data-theme][data-theme] th{padding:12px 18px;font-size:10px;font-weight:600;letter-spacing:.6px;background:var(--field);color:var(--subtle)}
html[data-theme][data-theme] td{padding:16px 18px;font-size:12px;line-height:1.5;color:var(--ink);border-color:var(--edge);vertical-align:middle}
html[data-theme][data-theme] .command-portfolio th:nth-child(1){width:36%}html[data-theme][data-theme] .command-portfolio :is(th,td):nth-child(4){max-width:135px}
html[data-theme][data-theme] .project-name{color:var(--ink);gap:12px;font-size:12px;text-align:left;background:none!important;padding:0;border:0;min-width:180px;max-width:330px;white-space:normal}
html[data-theme][data-theme] .project-name>span:last-child{min-width:0;overflow-wrap:anywhere;line-height:1.5}.project-name small{font-size:10px!important}
html[data-theme][data-theme] .app-icon{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent-text);border:0;overflow:hidden;flex:none}
html[data-theme][data-theme] .badge{font-size:10px;background:var(--positive-bg);color:var(--positive-ink);padding:5px 9px;border-radius:99px;white-space:nowrap}
html[data-theme][data-theme] .badge.review{background:var(--pending-bg);color:var(--pending-ink)}html[data-theme][data-theme] .badge.dev{background:var(--planned-bg);color:var(--planned-ink)}
html[data-theme][data-theme] :is(.store-icons span,.pill,.role-badge){background:var(--accent-soft);color:var(--accent-text);border:0;border-radius:99px;font-size:10px}
html[data-theme][data-theme] .portfolio-actions{min-width:135px;white-space:normal}.portfolio-actions .outline,.portfolio-actions button{display:inline-flex!important;padding:6px 9px!important;font-size:10px!important;margin:3px 3px 3px 0}
html[data-theme][data-theme] .danger-outline{color:#b44343;background:transparent;border-color:#e8caca;box-shadow:none}.panel-foot{line-height:1.6;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:14px 22px!important;font-size:10px!important}
html[data-theme][data-theme] .text-btn{color:var(--accent-text);background:transparent;border:0;box-shadow:none;font-size:11px;line-height:1.5}
html[data-theme][data-theme] .reminder{padding:18px 20px;box-shadow:none;gap:12px;background:transparent}.reminder>div{min-width:0}.reminder strong{font-size:12px!important;overflow-wrap:anywhere}.reminder p{font-size:11px!important;overflow-wrap:anywhere}.reminder button{min-height:30px;font-size:10px!important;margin:4px 3px 0 0}
html[data-theme][data-theme] .reminder:hover{transform:none;background:var(--hover)}
html[data-theme][data-theme] .reminder-icon,.team-avatar{background:var(--accent-soft);color:var(--accent-text);border:0;box-shadow:none;border-radius:50%}
html[data-theme][data-theme] .progress,.team-progress-track{height:6px;background:var(--edge);border-radius:99px}html[data-theme][data-theme] .progress>span,.team-progress-track>span{background:var(--accent);box-shadow:none}
html[data-theme][data-theme] .experiment{background:transparent;padding:0 22px 22px}.exp-top{gap:12px;align-items:flex-start}.exp-top button{font-size:13px!important;text-align:left}.exp-bottom{font-size:10px!important;gap:10px}
html[data-theme][data-theme] .team-progress-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:0 22px 22px}
html[data-theme][data-theme] .team-progress-card{background:var(--field);border:1px solid var(--edge);border-radius:14px;padding:16px;box-shadow:none;gap:12px}.team-progress-main{min-width:0}.team-progress-main small{overflow-wrap:anywhere}
html[data-theme][data-theme] .cards,html[data-theme][data-theme] .account-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:18px}.cards .panel{margin:0}
html[data-theme][data-theme] :is(.account-card,.detail-card){padding:24px}.account-card h3{font-size:16px!important;line-height:1.5;color:var(--ink)!important;overflow-wrap:anywhere}
html[data-theme][data-theme] .account-card-foot{border-color:var(--edge);flex-wrap:wrap;gap:8px 16px;font-size:11px}
html[data-theme][data-theme] .account-banner{padding:22px;flex-wrap:wrap}.account-banner>div{min-width:0}.account-banner p{overflow-wrap:anywhere}
html[data-theme][data-theme] .account-tabs,html[data-theme][data-theme] .ops-tabs{border:0;padding:5px;border-radius:16px;background:var(--surface);gap:4px;overflow-x:auto}
html[data-theme][data-theme] :is(.account-tabs,.ops-tabs) a{border:0;padding:9px 15px;border-radius:99px;color:var(--subtle);font-size:12px}
html[data-theme][data-theme] :is(.account-tabs,.ops-tabs) a.selected{background:var(--button);color:var(--button-text)}.account-tabs a::after{display:none}
html[data-theme][data-theme] .directory-guide{padding:20px 24px;background:var(--accent-soft);border:0}.directory-guide strong{color:var(--ink)!important}.directory-guide span{color:var(--subtle)!important}
html[data-theme][data-theme] .section-heading{gap:14px;flex-wrap:wrap}.section-heading h2{color:var(--ink)!important;line-height:1.5}
html[data-theme][data-theme] .account-shortcuts{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.account-shortcuts>a{border-radius:16px!important;color:var(--ink)!important;padding:16px!important}
html[data-theme][data-theme] :is(.ops-kpi,.ops-empty,.account-empty){border-radius:16px;color:var(--ink);background:var(--surface)}
html[data-theme][data-theme] .ops-kpi.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ops-filters{gap:12px}.ops-filters label{flex:1;min-width:120px}
html[data-theme][data-theme] .notice{background:transparent;border:0;padding:0 0 16px;box-shadow:none;color:var(--subtle);font-size:11px}.notice strong{color:var(--ink)}
html[data-theme][data-theme] dialog#dialog{border-radius:22px;padding:26px;max-height:calc(100dvh - 32px);width:min(680px,calc(100vw - 32px));background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0003}
html[data-theme][data-theme] .dialog-head h2{font-size:22px;line-height:1.3}.dialog-head{gap:15px}.dialog-head button{flex:none}
html[data-theme][data-theme] .field{font-size:12px;font-weight:500;margin-top:16px;color:var(--ink)}.field :is(input,select,textarea){margin-top:7px}
html[data-theme][data-theme] .dialog-actions{position:sticky;bottom:-26px;padding:16px 0;margin-top:20px;background:var(--surface);border-top:1px solid var(--edge);z-index:2}
html[data-theme][data-theme] .login-card{padding:32px}.login-card h1{font-size:30px;letter-spacing:-1px;color:var(--ink)}
html[data-theme][data-theme] .activity{padding:0 22px 18px}.activity .dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
html[data-theme][data-theme] footer{font-size:9px;color:var(--subtle);padding-top:20px}.studio-menu,.studio-backdrop{display:none!important}
@media(min-width:1600px){html[data-theme][data-theme]{--sidebar-width:232px}html[data-theme][data-theme] main>.content{padding-left:40px;padding-right:40px}html[data-theme][data-theme] main>header{padding-left:40px;padding-right:40px}.layout{grid-template-columns:minmax(0,1fr) 310px!important}}
@media(max-width:1250px){html[data-theme][data-theme] main>header{padding:16px 22px 12px;gap:9px}html[data-theme][data-theme] .studio-tabs a{padding:9px 11px}html[data-theme][data-theme] .header-identity{display:none!important}html[data-theme][data-theme] main>header .header-search{max-width:155px}html[data-theme][data-theme] main>.content{padding-left:22px;padding-right:22px}html[data-theme][data-theme] .layout{grid-template-columns:1fr}html[data-theme][data-theme] .right-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}html[data-theme][data-theme] .stat{padding:18px}html[data-theme][data-theme] .stat-label{font-size:11px}html[data-theme][data-theme] .chart-card{padding:18px}html[data-theme][data-theme] .chart-heading{flex-wrap:wrap}html[data-theme][data-theme] .donut-wrap{gap:12px}.legend-row{font-size:10px}}
@media(max-width:1050px){html[data-theme][data-theme]{--sidebar-width:184px}html[data-theme][data-theme] aside{padding-left:12px;padding-right:12px}html[data-theme][data-theme] aside .brand{font-size:15px}html[data-theme][data-theme] .brand-icon{width:30px;height:30px}html[data-theme][data-theme] #nav a{font-size:11px;padding:10px 8px;gap:8px}html[data-theme][data-theme] .studio-tabs a{font-size:11px;padding:9px 10px}html[data-theme][data-theme] main>header .header-search{display:none}html[data-theme][data-theme] .header-right{margin-left:auto}html[data-theme][data-theme] .chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme][data-theme] .chart-card:last-child{grid-column:1/-1}.chart-card:last-child .donut-wrap{justify-content:flex-start;gap:40px;min-height:150px}html[data-theme][data-theme] .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:859px){html[data-theme][data-theme]{--sidebar-width:0px}html[data-theme][data-theme] main{margin-left:0}html[data-theme][data-theme] aside{position:fixed;inset:0 auto 0 0;width:256px;height:100dvh;max-height:100dvh;padding:24px 18px;background:var(--surface);transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 0 40px #0002;overflow-y:auto;border:0;display:flex;flex-direction:column}html[data-theme][data-theme] .studio-nav-open aside{transform:translateX(0)}html[data-theme][data-theme] aside :is(.brand,.workspace,.sidebar-bottom,.nav-label,.account-nav-title){display:revert}html[data-theme][data-theme] aside .brand{display:flex;font-size:18px}html[data-theme][data-theme] aside .workspace{display:flex;background:var(--field)}html[data-theme][data-theme] #nav{display:block;overflow:visible}html[data-theme][data-theme] #nav a{justify-content:flex-start;font-size:13px;padding:12px;white-space:normal}html[data-theme][data-theme] #nav .count,html[data-theme][data-theme] .nav-number{display:inline}html[data-theme][data-theme] .studio-menu{display:grid!important;place-items:center;width:42px;height:42px;padding:10px;background:var(--surface);border:0;border-radius:50%;flex:none}html[data-theme][data-theme] .studio-backdrop:not([hidden]){display:block!important;position:fixed;inset:0;background:#17131c60;border:0;border-radius:0;z-index:94;width:100%;height:100%;backdrop-filter:blur(3px);padding:0}html[data-theme][data-theme] .studio-backdrop:hover{transform:none}html[data-theme][data-theme] main>header{left:0!important;padding:12px 18px;min-height:70px;gap:9px}html[data-theme][data-theme] .studio-tabs{flex:1;justify-content:center}.studio-profile summary{padding-right:9px!important}.studio-chevron{display:none}html[data-theme][data-theme] main>.content{padding:calc(var(--command-header-height,70px) + 24px) 22px 22px}html[data-theme][data-theme] .page-head h1{font-size:27px}html[data-theme][data-theme] .right-col{grid-template-columns:1fr 1fr}.team-modal-intro{flex-wrap:wrap}}
@media(max-width:650px){html[data-theme][data-theme] main>header{padding:10px 16px 8px;gap:8px}html[data-theme][data-theme] .studio-tabs{order:5;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding:4px;border-radius:99px;scrollbar-width:none}html[data-theme][data-theme] .studio-tabs a{flex:1;text-align:center;font-size:11px;padding:8px 10px}html[data-theme][data-theme] main>header .header-search{display:flex;order:1;flex:1;max-width:none;height:40px;min-width:0;margin:0}html[data-theme][data-theme] .header-right{order:2;margin-left:0;gap:5px!important}html[data-theme][data-theme] .studio-profile summary{padding:5px!important;min-height:38px}html[data-theme][data-theme] .header-right :is(#bell,#theme-toggle){width:36px;min-width:36px;height:36px;padding:8px}html[data-theme][data-theme] main>.content{padding:calc(var(--command-header-height,112px) + 20px) 16px 22px}html[data-theme][data-theme] .page-head{flex-direction:row;align-items:flex-start;margin-bottom:22px;gap:12px}html[data-theme][data-theme] .page-head>div{flex:1 1 230px}html[data-theme][data-theme] .page-head h1{font-size:25px}.page-head p{font-size:12px!important}html[data-theme][data-theme] .stats{gap:10px;margin-bottom:18px}html[data-theme][data-theme] .stat{padding:16px;border-radius:16px}html[data-theme][data-theme] .stat-label{font-size:11px;align-items:flex-start}.stat-label b{width:24px!important;height:24px!important;font-size:14px!important}html[data-theme][data-theme] .stat-number{font-size:30px!important}.stat-bottom{font-size:10px!important}html[data-theme][data-theme] .chart-grid{grid-template-columns:1fr;gap:14px;margin-bottom:18px}html[data-theme][data-theme] .chart-card:last-child{grid-column:auto}.chart-card:last-child .donut-wrap{justify-content:center;gap:30px}html[data-theme][data-theme] .chart-heading{flex-wrap:nowrap}html[data-theme][data-theme] .layout,html[data-theme][data-theme] .right-col{display:block}.panel-head{padding:18px!important}.toolbar{padding:0 18px 16px!important}.toolbar .search{max-width:none;flex-basis:100%}.toolbar .tabs{width:100%}.tabs button{flex:1 0 auto}html[data-theme][data-theme] .command-portfolio table{min-width:690px}html[data-theme][data-theme] table :is(th,td):nth-child(n){display:table-cell}html[data-theme][data-theme] .panel-foot{padding:13px 18px!important}.exp-grid{display:grid!important;grid-template-columns:1fr!important}.exp-grid .experiment+.experiment{border-left:0!important;border-top:1px solid var(--edge);padding-top:18px}.exp-top{flex-wrap:wrap}.exp-bottom{flex-wrap:wrap}html[data-theme][data-theme] .team-progress-grid{grid-template-columns:1fr;padding:0 18px 18px}.team-progress-card{padding:14px!important}html[data-theme][data-theme] .account-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.account-banner button{margin-left:0}.directory-tools input{width:100%;min-width:0}.ops-demo{border-radius:14px}.ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-kpi{padding:14px;min-width:0}.ops-kpi strong{font-size:22px}.ops-two{grid-template-columns:1fr}.ops-back{flex-wrap:wrap}.ops-section-head h2{font-size:18px}.ops-section-head{gap:12px}.team-member-row{grid-template-columns:32px minmax(0,1fr)!important}.team-row-actions{grid-column:1/-1;justify-content:flex-start!important}html[data-theme][data-theme] .header-right>.pending-requests{position:fixed;right:16px;bottom:16px;max-width:none;background:var(--surface);box-shadow:0 5px 20px #0002;z-index:89}.studio-profile-menu{right:0!important}html[data-theme][data-theme] dialog#dialog{padding:20px}.dialog-actions{bottom:-20px!important}.detail-card dl{grid-template-columns:1fr;gap:5px}.detail-card dd{margin-bottom:10px}.login-card{padding:24px!important}html[data-theme][data-theme] footer{flex-wrap:wrap;line-height:1.6}footer span:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){html[data-theme][data-theme] *,html[data-theme][data-theme] *::before,html[data-theme][data-theme] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Final hierarchy, mobile project cards and chart palette. */
html[data-theme][data-theme] :is(.panel,.chart-card,.stat,.detail-card,.account-card,.account-banner){border-radius:20px!important}
html[data-theme][data-theme] .stats .stat:nth-child(n){border-radius:20px!important}
html[data-theme][data-theme] .command-portfolio .project-name{color:var(--ink);font-size:12px}
html[data-theme][data-theme] .command-portfolio .app-icon{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}
html[data-theme][data-theme] .badge{border-radius:99px!important;color:var(--positive-ink)!important;background:var(--positive-bg)!important}
html[data-theme][data-theme] .badge.review{color:var(--pending-ink)!important;background:var(--pending-bg)!important}
html[data-theme][data-theme] .badge.dev{color:var(--planned-ink)!important;background:var(--planned-bg)!important}
html[data-theme][data-theme] .exp-grid:has(>.experiment:only-child){grid-template-columns:1fr}
html[data-theme][data-theme] .experiment{border:0;background:transparent}
html[data-theme][data-theme] .team-avatar{background:var(--accent-soft);color:var(--accent-text);border:0;box-shadow:none}
html[data-theme][data-theme] :is(.ops-chart,.ops-retention-chart) path{stroke:var(--accent)}
html[data-theme][data-theme] :is(.ops-chart,.ops-retention-chart) circle{fill:var(--accent)}
html[data-theme][data-theme] .ops-donut circle[stroke='#6366F1']{stroke:var(--accent)}
html[data-theme][data-theme] .legend-row:nth-child(1) i{background:var(--accent)!important}
html[data-theme][data-theme] .legend-row:nth-child(2) i{background:#d4bc97!important}
html[data-theme][data-theme] .legend-row:nth-child(3) i{background:#d9d6dc!important}
html[data-theme][data-theme] .ops-store-row:first-child i{background:var(--accent)!important}
html[data-theme][data-theme] main>header .header-right{flex-wrap:nowrap;overflow:visible}
html[data-theme][data-theme] .studio-profile{flex-shrink:0;overflow:visible}
html[data-theme][data-theme] .studio-profile .avatar{display:grid!important;flex:none}
@media(max-width:650px){
 html[data-theme][data-theme] .command-portfolio table{min-width:0;display:block}
 html[data-theme][data-theme] .command-portfolio thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 html[data-theme][data-theme] .command-portfolio tbody{display:grid;padding:0 16px;gap:10px}
 html[data-theme][data-theme] .command-portfolio tr{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:12px;background:var(--field);border:1px solid var(--edge);border-radius:14px}
 html[data-theme][data-theme] .command-portfolio tr td:nth-child(n){display:block;width:auto;max-width:none;border:0;padding:0;min-width:0}
 html[data-theme][data-theme] .command-portfolio td:first-child,html[data-theme][data-theme] .command-portfolio td:last-child{grid-column:1/-1}
 html[data-theme][data-theme] .command-portfolio td:last-child{border-top:1px solid var(--edge);padding-top:8px}
 html[data-theme][data-theme] .command-portfolio td:not(:first-child):not(:last-child)::before{content:attr(data-column);display:block;color:var(--subtle);font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
 html[data-theme][data-theme] .command-portfolio .project-name{min-width:0;max-width:none;width:100%;font-size:13px}
 html[data-theme][data-theme] .command-portfolio .store-icons{flex-wrap:wrap}
 html[data-theme][data-theme] .command-portfolio .portfolio-actions{display:flex!important;gap:8px;min-width:0}
 html[data-theme][data-theme] .command-portfolio .portfolio-actions :is(a,button){min-height:34px;padding:8px 12px!important;font-size:11px!important}
 html[data-theme][data-theme] .command-portfolio .tabs{padding:5px}.command-portfolio .toolbar .search{max-width:none!important;width:100%}
}

/* Final studio composition */
html[data-theme][data-theme] .auth-shell{display:grid;grid-template-columns:1fr 1fr;width:min(100%,1020px);border:1px solid var(--edge);border-radius:28px;overflow:hidden;background:var(--surface);box-shadow:0 24px 80px -35px #33202b50;min-height:620px}
html[data-theme][data-theme] .login-screen{padding:32px;min-height:100dvh;display:grid;place-items:center;background:var(--canvas)}
html[data-theme][data-theme] .auth-shell .login-card{width:auto;max-width:none;border:0;border-radius:0;background:var(--surface);box-shadow:none;padding:52px 44px;margin:0;align-self:center}
html[data-theme][data-theme] .auth-shell .login-card>.brand{display:none}
html[data-theme][data-theme] .auth-shell .login-card h1{font-size:30px;letter-spacing:-1px;line-height:1.2}
html[data-theme][data-theme] .auth-welcome{position:relative;overflow:hidden;padding:42px;display:flex;flex-direction:column;justify-content:space-between;background:#eb9c80;color:#352822;isolation:isolate}
html[data-theme][data-theme] .auth-welcome h2{font-size:44px;line-height:1.12;letter-spacing:-1.8px;color:#352822;margin:20px 0}
html[data-theme][data-theme] .auth-welcome :is(p,small){color:#554039;position:relative;z-index:1}
.auth-wordmark{font-weight:700;letter-spacing:2px;font-size:13px}.auth-eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.auth-welcome p{max-width:280px;line-height:1.8}.auth-orbit{position:absolute;width:400px;height:400px;border:70px solid #f9c9b570;border-radius:50%;bottom:-230px;right:-170px;z-index:-1}
html[data-theme][data-theme] .auth-shell input{min-height:46px;border-radius:10px;background:var(--field);color:var(--ink)}
html[data-theme][data-theme] .auth-shell .tabs{display:flex;gap:8px;margin:24px 0}.auth-shell [hidden]{display:none!important}
html[data-theme][data-theme] .auth-shell form{display:grid;gap:16px}.auth-shell .login-error:empty{display:none}.auth-shell #auth-note{display:block;text-align:center}.auth-shell .forgot-link{margin-top:18px}.auth-shell .login-card>p{margin-top:12px}.auth-shell label{display:grid;gap:7px}
.studio-collapse{position:absolute;right:8px;top:30px;width:24px;height:30px;border:1px solid var(--edge);border-radius:8px;background:var(--surface);color:var(--ink);font-size:20px;cursor:pointer}
@media(min-width:860px){html[data-theme][data-theme]:has(body.studio-collapsed){--sidebar-width:78px}html[data-theme][data-theme] body.studio-collapsed>aside{padding:75px 10px 20px}body.studio-collapsed>aside :is(.brand,.workspace,.nav-label,.account-nav-title,.account-groups,.sidebar-bottom,.account-nav){display:none!important}html[data-theme][data-theme] body.studio-collapsed #nav a{justify-content:center;padding:12px}body.studio-collapsed #nav :is(.label,.count){display:none!important}.studio-collapsed .studio-collapse{left:24px;right:auto}body.studio-collapsed>aside> :not(#nav):not(.studio-collapse){display:none!important}}
html[data-theme][data-theme] .library-grid{display:flex;flex-direction:column;gap:10px}
html[data-theme][data-theme] .library-card{display:grid;grid-template-columns:minmax(240px,1fr) minmax(145px,.36fr) auto;gap:12px 24px;padding:20px 24px;border-radius:18px;align-items:center;margin:0;min-width:0}
.library-identity{display:flex;align-items:center;gap:16px;min-width:0}.library-identity>div{min-width:0}html[data-theme][data-theme] .library-card h3{font-size:15px;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere}.library-identity p{font-size:12px}.library-card .store-art{width:52px;height:52px;min-width:52px;border-radius:13px}.library-platform{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:12px}.library-platform .badge{width:auto;display:inline-flex;font-size:10px;padding:4px 8px}.library-actions{display:flex;gap:10px;font-size:12px}.library-actions a{white-space:nowrap;padding:9px 14px;border:1px solid var(--edge);border-radius:99px}.library-detail{grid-column:1/-1;border-top:1px solid var(--edge);padding-top:10px;font-size:11px;color:var(--subtle)}.library-detail summary{cursor:pointer;width:fit-content}.library-detail dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:14px 0 4px}.library-detail dd{margin:4px 0 0;color:var(--ink);overflow-wrap:anywhere}.library-more{display:block;margin:24px auto}.library-controls input{min-width:200px}
html[data-theme][data-theme] .studio-performance-top{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(230px,1fr);gap:20px;margin:20px 0}
html[data-theme][data-theme] .studio-performance-summary,html[data-theme][data-theme] .studio-performance-context{padding:28px;min-width:0}.studio-chart-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.studio-chart-heading h3{font-size:40px;letter-spacing:-1.6px;margin:8px 0 4px}.studio-chart-heading small{font-size:11px}.studio-chart-heading .pill{font-size:10px;white-space:nowrap}.studio-months{display:flex;gap:clamp(14px,3vw,36px);height:265px;padding:28px 12px 0;overflow-x:auto;scrollbar-width:thin}.studio-month{flex:1 0 60px;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px}.studio-month strong{font-size:11px}.studio-bar-track{display:flex;align-items:flex-end;height:170px;width:100%;border-bottom:1px solid var(--edge)}html[data-theme][data-theme] .studio-bar{position:relative;width:100%;height:var(--bar);min-height:2px;border:0;border-radius:9px 9px 0 0;background:#ddd9dd;box-shadow:none;transform-origin:bottom;animation:studio-grow .8s cubic-bezier(.2,.8,.2,1);padding:0}.studio-bar.latest{background:var(--accent)!important}.studio-bar:is(:hover,:focus-visible)::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:6px 10px;white-space:nowrap;background:var(--button);color:var(--button-text);border-radius:8px;font-size:10px;z-index:2}.studio-chart-caption{font-size:10px;margin:10px 0 0}.studio-performance-context h3{font-size:18px;margin:12px 0 22px}.studio-performance-context>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--edge);padding:14px 0;font-size:12px}.studio-performance-context p{font-size:11px;margin:18px 0 0;line-height:1.7}
.studio-rings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:20px 0}html[data-theme][data-theme] .studio-ring-card{padding:20px;text-align:center;min-width:0}.studio-ring-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.studio-ring-head small{font-size:9px}.studio-metric-icon{background:var(--accent-soft);color:var(--accent-text);border-radius:10px;padding:6px 10px}.studio-ring-card svg{width:100%;max-width:140px;margin:20px auto 12px;overflow:visible}.studio-ring-card circle{fill:none;stroke-width:7}.ring-track{stroke:var(--edge)}.ring-value{stroke:var(--accent);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;animation:studio-ring 1s ease}.studio-ring-card svg text{fill:var(--ink);font-size:18px;font-weight:600}.studio-ring-card h3{font-size:13px}.studio-ring-card p{font-size:10px;margin:9px 0 0;line-height:1.5}@keyframes studio-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes studio-ring{from{stroke-dasharray:0 100}}
.platform-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.platform-toolbar>input{max-width:360px;flex:1}.platform-toolbar label{display:flex;gap:8px;align-items:center}.platform-toolbar input[type=checkbox]{width:16px;height:16px}.platform-note{padding:18px;margin-bottom:20px;font-size:12px}.platform-table .table-scroll{overflow:auto}.platform-table table{min-width:900px;width:100%}.platform-table td:first-child{min-width:220px;max-width:280px}.platform-table td small{display:block;font-size:11px;margin-top:5px}.platform-table td>a:not(:first-child){display:block;font-size:11px;margin-top:6px}.platform-state{font-size:11px;white-space:nowrap;color:var(--subtle)}.platform-state.available{color:var(--positive-ink)}
html[data-theme][data-theme] dialog.studio-notifications{position:fixed;inset:18px 18px 18px auto;margin:0;width:min(460px,calc(100vw - 36px));max-width:none;height:calc(100dvh - 36px);max-height:none;padding:0;border:1px solid var(--edge);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 20px 70px #0003;overflow:auto;animation:studio-tray .22s ease}dialog.studio-notifications::backdrop{background:#201a2440;backdrop-filter:blur(3px)}.notification-heading{display:flex;justify-content:space-between;align-items:center;padding:26px 24px 18px;gap:16px}.notification-heading h2{font-size:22px;margin-top:8px}.notification-heading h2 small{font-size:11px;font-weight:400;display:block;margin-top:5px}.notification-heading button{width:32px;height:32px;border-radius:50%;font-size:22px}.notification-tools{display:flex;justify-content:space-between;gap:12px;padding:0 24px 20px;border-bottom:1px solid var(--edge)}.notification-tools button{font-size:11px}.notification-item{display:flex;gap:14px;padding:22px 24px;border-bottom:1px solid var(--edge)}.notification-item.unread{background:var(--accent-soft)}.notification-symbol{color:var(--accent-text);font-size:14px}.notification-item h3{font-size:13px}.notification-item p{font-size:12px;line-height:1.7;margin:8px 0}.notification-item small{font-size:10px}.notification-item a{display:block;margin-top:12px;font-size:12px}.notification-empty{text-align:center;padding:70px 30px}.notification-empty>span{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-size:24px;margin-bottom:20px}.notification-empty p{font-size:12px;line-height:1.8}@keyframes studio-tray{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1200px){.studio-rings{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-theme][data-theme] .library-card{grid-template-columns:minmax(190px,1fr) 145px;gap:14px}.library-actions{grid-column:2;grid-row:2}.library-detail{grid-column:1/-1}.library-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:859px){.studio-collapse{display:none}html[data-theme][data-theme] .auth-shell{grid-template-columns:.85fr 1fr;min-height:560px}html[data-theme][data-theme] .auth-welcome{padding:28px}html[data-theme][data-theme] .auth-welcome h2{font-size:34px}html[data-theme][data-theme] .auth-shell .login-card{padding:32px 24px}html[data-theme][data-theme] .studio-performance-top{grid-template-columns:1fr}.studio-performance-context{display:none}.studio-rings{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){html[data-theme][data-theme] .login-screen{padding:16px;align-items:start}html[data-theme][data-theme] .auth-shell{grid-template-columns:1fr;min-height:0;border-radius:22px}html[data-theme][data-theme] .auth-welcome{padding:24px;min-height:200px;gap:20px}html[data-theme][data-theme] .auth-welcome h2{font-size:28px;line-height:1.1;margin:10px 0}.auth-welcome p,.auth-welcome>small,.auth-eyebrow{display:none}.auth-wordmark{font-size:11px}html[data-theme][data-theme] .auth-shell .login-card{padding:28px 22px}html[data-theme][data-theme] .auth-shell .login-card h1{font-size:26px}html[data-theme][data-theme] .library-card{grid-template-columns:1fr;padding:18px;gap:14px}.library-actions{grid-column:1;grid-row:auto;justify-content:flex-start}.library-platform{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.library-detail dl{grid-template-columns:1fr}.studio-rings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-theme][data-theme] .studio-ring-card{padding:14px}.studio-ring-head small{font-size:8px}.studio-metric-icon{padding:4px 8px}.studio-ring-card svg{margin:16px 0 8px}html[data-theme][data-theme] .studio-performance-summary{padding:20px}.studio-chart-heading h3{font-size:32px}.studio-months{padding-left:0;padding-right:0}.platform-toolbar{gap:12px}.platform-toolbar>input{min-width:100%;max-width:100%}.notification-heading,.notification-item{padding:20px}.notification-tools{padding:0 20px 16px}}
@media(prefers-reduced-motion:reduce){html[data-theme][data-theme] *,html[data-theme][data-theme] *::before,html[data-theme][data-theme] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-theme][data-theme] #add[hidden]{display:none!important}
html[data-theme][data-theme] .page-head{justify-content:flex-start}
html[data-theme][data-theme] .page-head>div{flex:1;min-width:0}
html[data-theme][data-theme] .page-head>button#add{margin-left:auto}
html[data-theme][data-theme] .studio-collapse{top:64px;right:9px;height:24px}
html[data-theme][data-theme] .studio-collapsed .studio-collapse{top:30px}
html[data-theme][data-theme] .studio-chart-heading .eyebrow,html[data-theme][data-theme] .studio-performance-context>.eyebrow,html[data-theme][data-theme] .notification-heading .eyebrow{display:block;font-size:10px;letter-spacing:1.4px;color:var(--subtle)}
html[data-theme][data-theme] .ops-section-head{justify-content:flex-start;gap:12px}
html[data-theme][data-theme] .ops-section-head>div:first-child{flex:1}
html[data-theme][data-theme] .studio-performance-context{display:block}
@media(max-width:600px){html[data-theme][data-theme] .ops-section-head>div:first-child{flex-basis:100%}.studio-performance-context{padding:20px!important}.studio-chart-heading h3{overflow-wrap:anywhere}}
html[data-theme][data-theme] .studio-collapse{display:grid;place-items:center;padding:0;min-width:0;min-height:0;width:28px;height:24px;line-height:1;box-sizing:border-box}
html[data-theme][data-theme] .notification-heading button{display:grid;place-items:center;padding:0;min-height:32px;min-width:32px;line-height:1}
@media(max-width:859px){html[data-theme][data-theme] .studio-collapse{display:none}}
/* Gloss finish: bright tangerine highlights, polished white surfaces, compact identity. */
html[data-theme][data-theme]{--accent:#f4512a;--accent-text:#c73b19;--accent-soft:#fff0e9;--chart-a:#f4512a;--chart-b:#28282c;--chart-c:#f3a487;--panel-shadow:inset 0 1px 0 #ffffffd9,0 2px 4px #38272104,0 12px 30px -22px #46352e40;--lift:inset 0 1px 0 #fff,0 14px 32px -20px #47332b50;--gloss-surface:linear-gradient(155deg,#fff 0%,#fff 66%,#faf9fb 100%)}
html[data-theme=light][data-theme]{--canvas:#f2f0f3;--sidebar:#f2f0f3;--surface:#fff;--edge:#e9e5ea;--ink:#202024;--subtle:#6b6872;--topbar:rgba(242,240,243,.93)}
html[data-theme=dark][data-theme]{--accent:#ff653b;--accent-text:#ff9677;--accent-soft:#3e2924;--surface:#232327;--canvas:#141417;--sidebar:#141417;--edge:#36363d;--ink:#f6f4f5;--subtle:#b6b0ba;--panel-shadow:inset 0 1px 0 #ffffff0e,0 12px 28px -20px #0009;--gloss-surface:linear-gradient(150deg,#2a2a30 0%,#222226 70%,#202024 100%)}
html[data-theme][data-theme] :is(.panel,.chart-card,.stat,.account-card){background:var(--gloss-surface);box-shadow:var(--panel-shadow);border-color:var(--edge)}
html[data-theme][data-theme] .bar{opacity:1;background:linear-gradient(180deg,#ff825d,#f4512a)!important;box-shadow:inset 0 1px 1px #ffffff70,0 4px 8px #f4512a16}
html[data-theme][data-theme] .bar-item:nth-child(2n) .bar{background:linear-gradient(180deg,#44434a,#202024)!important}
html[data-theme][data-theme] .bar-item:nth-child(3n) .bar{background:linear-gradient(180deg,#ffc3aa,#ee9877)!important}
html[data-theme][data-theme] .studio-bar.latest{background:linear-gradient(180deg,#ff8e67 0%,#f4512a 65%,#e74522 100%)!important;box-shadow:inset 0 1px 1px #fff8,0 5px 14px #f4512a25}
html[data-theme][data-theme] .ops-kpi.selected,html[data-theme][data-theme] #view>.stats .stat:nth-child(2){background:radial-gradient(ellipse at 5% 0%,#ffad86 0%,transparent 65%),linear-gradient(140deg,#ff764c,#ee4822);border-color:#ee4822;box-shadow:inset 0 1px 1px #ffc5b0,0 9px 22px -14px #f4512a95;color:#fff}
html[data-theme][data-theme] :is(.ops-kpi.selected,#view>.stats .stat:nth-child(2)) :is(span,strong,small,.stat-label,.stat-number,.stat-bottom){color:#fff!important}
html[data-theme][data-theme] #view>.stats .stat:nth-child(2) .stat-label b{background:#ffffff24;color:#fff}
html[data-theme][data-theme] .donut-center{display:grid;place-items:center;line-height:1;background:var(--surface)}
html[data-theme][data-theme] .developer-platform-tabs{display:flex;align-items:center;gap:7px;padding:8px;background:var(--surface);border:1px solid var(--edge);box-shadow:var(--panel-shadow);border-radius:18px;overflow-x:auto;scrollbar-width:thin;margin-bottom:24px}
.developer-platform-tabs a{display:flex;gap:12px;align-items:center;white-space:nowrap;padding:11px 17px;border-radius:12px;font-size:12px;font-weight:500;color:var(--subtle)}.developer-platform-tabs a:hover{background:var(--hover)}html[data-theme][data-theme] .developer-platform-tabs a.selected{background:linear-gradient(150deg,#3e3c42,#17171a);color:#fff;box-shadow:inset 0 1px 0 #ffffff25,0 4px 10px #0002}.developer-platform-tabs small{font-size:10px;background:var(--hover);border-radius:6px;padding:2px 6px}.developer-platform-tabs a.selected small{color:#fff;background:#ffffff20}
html[data-theme][data-theme] aside .brand{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:fit-content;max-width:100%;padding:8px 12px 8px 8px;background:var(--surface);border:1px solid var(--edge);border-radius:16px;box-shadow:var(--panel-shadow)}
html[data-theme][data-theme] .brand-icon{width:34px;height:34px;margin:0;background:linear-gradient(145deg,#ff9b70,#f4512a 65%);box-shadow:inset 0 1px 2px #fff8,0 3px 9px #ed502335;border-radius:11px;font-size:21px;color:#fff}
html[data-theme][data-theme] .studio-brand-name{font-size:16px;font-weight:700;letter-spacing:-.4px;line-height:1.1}.studio-brand-name>span{display:block;font-size:8px;letter-spacing:2.1px;font-weight:600;margin-top:4px;color:var(--subtle)}
html[data-theme][data-theme] aside .workspace{display:flex;align-items:center;gap:10px;margin:23px 0 25px;padding:14px 4px;background:transparent;box-shadow:none;border:0;border-bottom:1px solid var(--edge);border-radius:0}.studio-workspace-symbol{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--edge);background:var(--surface);border-radius:9px;color:var(--accent);font-size:18px}html[data-theme][data-theme] .workspace strong{font-size:11px;font-weight:600}.workspace>div{min-width:0}.workspace small{display:block;margin-top:3px}
html[data-theme][data-theme] .studio-collapse{top:43px;right:9px;width:22px;height:26px;font-size:18px;background:var(--surface);border:1px solid var(--edge)}
html[data-theme][data-theme] .auth-shell{width:min(100%,820px);min-height:500px;border-radius:24px;grid-template-columns:.9fr 1.1fr;box-shadow:0 28px 65px -35px #37212665,inset 0 1px 0 #fff9}
html[data-theme][data-theme] .auth-welcome{padding:32px;background:radial-gradient(ellipse at 10% 0%,#ffae7d 0%,transparent 62%),linear-gradient(145deg,#ff7747 0%,#f4532a 55%,#df381b 100%);box-shadow:inset 0 1px 0 #ffcbaf;min-height:500px}
html[data-theme][data-theme] .auth-welcome h2{font-size:36px;letter-spacing:-1.3px;line-height:1.15;color:#fff!important;text-shadow:0 2px 4px #7c2e181a;margin:16px 0}
html[data-theme][data-theme] .auth-welcome :is(p,small,.auth-wordmark,.auth-eyebrow){color:#fff!important}.auth-welcome p{font-size:12px;line-height:1.8;max-width:230px}.auth-wordmark{font-size:11px;letter-spacing:1.8px}.auth-eyebrow{font-size:8px;letter-spacing:1.5px}.auth-welcome>small{font-size:10px}.auth-orbit{border-color:#ffc3a737;width:310px;height:310px;border-width:52px;bottom:-170px;right:-130px;box-shadow:0 0 0 1px #ffd2bd26,inset 0 1px 20px #ffffff14}
html[data-theme][data-theme] .auth-shell .login-card{padding:32px;align-self:center;background:transparent}
html[data-theme][data-theme] .auth-shell .login-card h1{font-size:26px;letter-spacing:-.8px;margin:0 0 10px}.auth-shell .login-card>p{font-size:11px!important;line-height:1.6!important}
html[data-theme][data-theme] .auth-shell .tabs{margin:18px 0 22px;padding:4px}
html[data-theme][data-theme] .auth-shell form{gap:12px;margin:0}
html[data-theme][data-theme] .auth-shell label{margin:0;gap:7px;font-size:12px}
html[data-theme][data-theme] .auth-shell input{min-height:42px;height:42px;padding:9px 12px;font-size:13px}
html[data-theme][data-theme] .auth-shell form .primary{margin:6px 0 0;min-height:42px;box-shadow:inset 0 1px 0 #fff3,0 5px 12px #0001!important}
html[data-theme][data-theme] .auth-shell #auth-note{font-size:10px;margin-top:4px}.auth-shell .forgot-link{font-size:11px!important;margin-top:14px!important}
.studio-trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.studio-trend{padding:24px;min-width:0}.studio-trend h3{font-size:15px}.studio-trend .chart-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.studio-trend .chart-heading>span{font-size:10px;color:var(--subtle)}.studio-trend>small{font-size:10px}.studio-trend svg{margin:18px 0;width:100%;height:auto;display:block}.studio-trend .ops-chart path{filter:drop-shadow(0 4px 4px #f4512a25)}
@media(max-width:1050px){html[data-theme][data-theme] aside .brand{padding-right:8px;gap:8px}.studio-brand-name{font-size:14px!important}.studio-brand-name>span{font-size:7px;letter-spacing:1.7px}html[data-theme][data-theme] .studio-collapse{right:3px;top:86px}}
@media(max-width:859px){html[data-theme][data-theme] aside .brand{display:flex;width:fit-content}html[data-theme][data-theme] .auth-shell{grid-template-columns:.9fr 1.1fr}html[data-theme][data-theme] .auth-welcome{padding:24px}html[data-theme][data-theme] .auth-welcome h2{font-size:30px}.studio-trend-grid{grid-template-columns:1fr}}
@media(max-width:600px){html[data-theme][data-theme] .auth-shell{max-width:420px;grid-template-columns:1fr;min-height:0;border-radius:20px}html[data-theme][data-theme] .auth-welcome{min-height:170px;padding:22px;gap:18px}html[data-theme][data-theme] .auth-welcome h2{font-size:27px;margin:8px 0 0}html[data-theme][data-theme] .auth-shell .login-card{padding:26px 22px}.developer-platform-tabs a{padding:10px 14px}.studio-trend{padding:18px}.studio-trend-grid{gap:14px}}
/* Correct geometry, nested account navigation and reference-shaped authentication. */
html[data-theme][data-theme] .donut{position:relative;display:block;transform:none}
html[data-theme][data-theme] .donut::before{display:none}
html[data-theme][data-theme] .donut-center{position:absolute;inset:14px;display:flex;justify-content:center;align-items:center;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:50%;transform:none;text-align:center;line-height:1;font-size:28px;background:var(--surface)}
html[data-theme][data-theme] #nav .developer-toggle{position:relative}
.developer-chevron{margin-left:auto;transition:transform .18s;font-size:16px}.developer-toggle[aria-expanded=true] .developer-chevron{transform:rotate(180deg)}
html[data-theme][data-theme] #nav .developer-subnav{margin:2px 0 12px 20px;padding:3px 0 3px 10px;border-left:1px solid var(--edge)}
html[data-theme][data-theme] #nav .developer-subnav[hidden]{display:none!important}
html[data-theme][data-theme] #nav .developer-subnav a{display:flex;align-items:center;padding:8px 9px;min-height:36px;font-size:11px;gap:9px;margin:3px 0;border-radius:9px;color:var(--subtle)}
html[data-theme][data-theme] #nav .developer-subnav a.selected{color:var(--accent-text);background:var(--accent-soft)}
.developer-dot{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;background:var(--surface);font-size:10px}.developer-subnav small{margin-left:auto;font-size:9px}
@media(min-width:860px){body.studio-collapsed #developer-subnav,body.studio-collapsed .developer-chevron{display:none!important}}
html[data-theme][data-theme] .auth-shell{position:relative;isolation:isolate;width:min(100%,760px);min-height:460px;grid-template-columns:.95fr 1.05fr;border-radius:22px;background:var(--surface)}
html[data-theme][data-theme] .auth-welcome{background:transparent;box-shadow:none;min-height:460px;padding:28px 30px 95px;overflow:visible;justify-content:center;gap:0;isolation:isolate}
html[data-theme][data-theme] .auth-welcome::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-24%;top:-28%;width:128%;height:119%;border-radius:0 50% 50% 0;background:radial-gradient(ellipse at 10% 5%,#ffb37d,transparent 63%),linear-gradient(130deg,#ff854c,#ef4b21 68%,#c93111);box-shadow:inset -2px 0 4px #ffffff12}
html[data-theme][data-theme] .auth-welcome::after{content:'';position:absolute;pointer-events:none;z-index:-1;left:-63px;bottom:-46px;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#ff9560,#e84418 70%);box-shadow:inset 0 1px 0 #fff2,12px 0 20px #b3351110}
html[data-theme][data-theme] .auth-welcome .auth-orbit{width:142px;height:142px;border:0;border-radius:50%;left:auto;right:-5px;bottom:28px;background:linear-gradient(145deg,#ff995c,#ed4b1c 65%,#cc350e);box-shadow:inset 0 1px 2px #ffbc8455,0 12px 30px -15px #7a290c55;z-index:-1}
html[data-theme][data-theme] .auth-welcome .auth-wordmark{position:absolute;top:28px;left:30px;font-size:9px;letter-spacing:1.5px}
html[data-theme][data-theme] .auth-welcome h2{font-size:29px;letter-spacing:1.5px;margin:10px 0 14px;font-weight:700}
html[data-theme][data-theme] .auth-welcome .auth-eyebrow{font-size:9px;letter-spacing:1.1px}
html[data-theme][data-theme] .auth-welcome p{font-size:10px;max-width:215px;line-height:1.8}
html[data-theme][data-theme] .auth-welcome>small{display:none}
html[data-theme][data-theme] .auth-shell .login-card{padding:28px 30px 32px 22px;z-index:1;min-width:0}
html[data-theme][data-theme] .auth-shell .login-card h1{font-size:25px;letter-spacing:-.6px}
html[data-theme][data-theme] .auth-shell .login-card>p{font-size:10px!important}
html[data-theme][data-theme] .auth-shell .tabs{margin:16px 0 18px}
html[data-theme][data-theme] .auth-shell form{gap:11px}
html[data-theme][data-theme] .auth-shell input{height:39px;min-height:39px}
html[data-theme][data-theme] .auth-shell::after{content:'';position:absolute;right:-43px;bottom:-48px;width:123px;height:123px;border-radius:50%;background:linear-gradient(135deg,#ff9259,#e9471c);z-index:0;pointer-events:none}
@media(max-width:600px){html[data-theme][data-theme] .auth-shell{grid-template-columns:1fr;max-width:390px;min-height:0}html[data-theme][data-theme] .auth-welcome{min-height:160px;padding:55px 24px 24px;justify-content:center;overflow:hidden}html[data-theme][data-theme] .auth-welcome::before{width:130%;height:230%;left:-22%;top:-135%}html[data-theme][data-theme] .auth-welcome::after{height:105px;width:105px;left:-55px;bottom:-65px}html[data-theme][data-theme] .auth-welcome .auth-wordmark{left:24px;top:22px}html[data-theme][data-theme] .auth-welcome h2{font-size:24px;margin:10px 0}html[data-theme][data-theme] .auth-welcome .auth-orbit{height:96px;width:96px;bottom:-25px;right:8px}.auth-welcome .auth-eyebrow{display:none}html[data-theme][data-theme] .auth-shell .login-card{padding:24px 24px 38px}html[data-theme][data-theme] .auth-shell::after{width:90px;height:90px;right:-46px;bottom:-45px}}