:root{--ink:#eaf1ff;--muted:#8fa3cc;--line:#1c2d52;--paper:#060c1f;--white:#0e1c3b;--mint:#2bdf99;--lime:#5be6ff;--coral:#ff5468;--yellow:#ffd25b;--mono:'DM Mono',monospace;--sans:'Manrope','Noto Sans JP',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#0a1630;border-right:1px solid #182a52;padding:28px 18px 20px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.06em;font-size:15px;margin:0 10px 58px}.brand-mark{width:26px;height:26px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:14px;border-radius:7px}.sidebar-label{font:500 10px var(--mono);letter-spacing:.14em;color:#7f93bf;padding:0 12px 12px}.nav-list{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#93a7cf;font:600 13px var(--sans);padding:12px;border-radius:8px;text-align:left;display:flex;gap:11px;align-items:center;cursor:pointer}.nav-item:hover,.nav-item.active{background:var(--white);color:var(--ink);box-shadow:0 3px 10px #ced8ce55}.nav-item.active .nav-icon{color:#5be6ff}.nav-icon{width:16px;font-size:18px;color:#7f93bf}.nav-count{font:500 10px var(--mono);margin-left:auto;background:var(--ink);color:#060c1f;border-radius:20px;padding:3px 7px}.channel-heading{margin-top:46px;display:flex;align-items:center}.tiny-add{margin-left:auto;border:0;background:none;color:#7f93bf;font-size:18px;cursor:pointer}.mini-channel-list{display:grid;gap:7px}.mini-channel{display:flex;align-items:center;gap:9px;padding:7px 12px;color:#93a7cf;font-size:12px}.mini-channel img{width:23px;height:23px;border-radius:50%;object-fit:cover}.mini-channel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom{margin-top:auto}.sync-card{background:#0e1c3b;padding:12px;border-radius:8px;display:flex;align-items:center;gap:9px;margin:24px 2px 18px}.sync-card strong{font:600 9px var(--mono);letter-spacing:.08em;display:block}.sync-card small{font-size:10px;color:#7f93bf}.sync-dot{width:7px;height:7px;background:#2bdf99;border-radius:50%;box-shadow:0 0 0 4px #123a28}.pulse{margin-left:auto;width:15px;height:15px;border:1px solid #1f6b4a;border-radius:50%;position:relative}.pulse:after{content:'';position:absolute;inset:4px;background:#2bdf99;border-radius:50%}.settings-button{border:0;background:none;color:#93a7cf;width:100%;text-align:left;padding:12px;font-size:12px;cursor:pointer}.profile{border:0;background:none;cursor:pointer;font:inherit;color:inherit;border-top:1px solid #182a52;padding:18px 8px 0;margin-top:8px;width:100%;display:flex;align-items:center;gap:9px;font-size:11px;text-align:left}.profile strong,.profile small{display:block}.profile small{color:#7f93bf;font-size:9px}.avatar,.user-avatar{background:#2a3f6e;color:#cfe0ff;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font:700 10px var(--mono);overflow:hidden}.avatar img,.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.google-logo{width:100%;height:100%;padding:3px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.more{margin-left:auto;color:#7f93bf}.main-content{flex:1;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 54px}.breadcrumb{font:500 10px var(--mono);letter-spacing:.09em;color:#7f93bf}.breadcrumb b{font-weight:400;margin:0 8px;color:#2a3f6e}.breadcrumb strong{color:#cfe0ff}.top-actions{display:flex;align-items:center;gap:23px}.live-status{font:500 10px var(--mono);letter-spacing:.1em;color:#93a7cf}.live-status i{display:inline-block;width:7px;height:7px;background:#2bdf99;border-radius:50%;margin-right:6px}.icon-button,.user-avatar{border:0;background:none;cursor:pointer;position:relative;color:#93a7cf;font-size:20px}.notification-dot{position:absolute;width:5px;height:5px;background:var(--coral);border-radius:50%;right:1px;top:1px}.content-wrap{max-width:1270px;padding:50px 54px 70px;margin:auto}.title-row,.section-head{display:flex;justify-content:space-between;align-items:end}.eyebrow{font:500 10px var(--mono);letter-spacing:.15em;color:#7f93bf}.eyebrow span{color:#5be6ff;font-size:8px;margin-left:4px}h1{font-size:48px;letter-spacing:-.035em;line-height:1;margin:14px 0 9px;font-weight:800}.accent-dot{color:#5be6ff}.subtitle{color:#8fa3cc;margin:0;font-size:13px}.title-actions,.table-tools{display:flex;gap:10px;align-items:center}.date-button,.filter-button,.table-tools select{height:39px;border:1px solid var(--line);background:var(--white);border-radius:6px;color:#93a7cf;padding:0 14px;font:500 11px var(--mono);cursor:pointer}.primary-button{height:40px;background:#2f8fff;border:0;border-radius:6px;color:#04101f;padding:0 18px;font:700 11px var(--sans);cursor:pointer;transition:transform .2s,background .2s}.primary-button:hover{background:#5ba8ff;transform:translateY(-1px)}.metric-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin:51px 0 61px}.metric-card{height:190px;background:var(--white);border:1px solid var(--line);padding:23px 24px;position:relative;overflow:hidden}.metric-card.lead{background:linear-gradient(135deg,#123a7a,#1f6fd1);color:#eaf1ff;border-color:#1b3666}.metric-top{display:flex;justify-content:space-between;color:#8fa3cc;font-size:11px}.lead .metric-top{color:#9db2e0}.metric-icon{font-size:18px;color:#5be6ff}.metric-icon.yellow{color:var(--yellow)}.metric-icon.coral{color:var(--coral)}.metric-value{font:500 38px var(--mono);letter-spacing:-.08em;margin-top:25px}.metric-value small{font-size:18px;letter-spacing:0;margin-left:3px}.metric-footer{display:flex;gap:9px;align-items:center;color:#8fa3cc;font-size:10px;margin-top:13px}.trend{font:500 11px var(--mono)}.trend.up{color:#2bdf99}.trend.down{color:#ff5468}.lead .metric-footer{color:#9db2e0}.sparkline{position:absolute;bottom:0;right:18px;height:58px;display:flex;align-items:end;gap:5px}.sparkline i{width:8px;background:#1c2d52;display:block}.sparkline i:nth-child(1){height:20%}.sparkline i:nth-child(2){height:40%}.sparkline i:nth-child(3){height:32%}.sparkline i:nth-child(4){height:55%}.sparkline i:nth-child(5){height:43%}.sparkline i:nth-child(6){height:70%}.sparkline i:nth-child(7){height:60%}.sparkline i:nth-child(8){height:80%}.sparkline i:nth-child(9){height:68%}.sparkline i:nth-child(10){height:93%;background:var(--lime)}.sparkline i:nth-child(11){height:77%}.sparkline i:nth-child(12){height:100%;background:var(--lime)}.bar-mini{position:absolute;bottom:23px;right:24px;height:48px;display:flex;align-items:end;gap:5px}.bar-mini span{width:8px;background:#15234a}.bar-mini span:nth-last-child(-n+2){background:#5be6ff}.ring-chart{position:absolute;right:24px;bottom:22px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font:500 10px var(--mono);background:radial-gradient(closest-side,#fff 78%,transparent 79% 100%),conic-gradient(var(--coral) 0 68%,#f4dfdc 68% 100%)}.section-head{align-items:center;margin-bottom:22px}.section-head h2{font-size:21px;margin:10px 0 0;letter-spacing:-.02em}.search-box{height:39px;background:var(--white);border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;padding:0 11px;gap:7px;color:#7f93bf}.search-box input{border:0;outline:0;font:500 11px var(--sans);width:160px;color:var(--ink)}.filter-button{font-size:17px;padding:0 11px}.channel-table{background:var(--white);border:1px solid var(--line)}.table-header,.channel-row{display:grid;grid-template-columns:2.1fr 1fr 1.15fr 1fr 1fr 30px;align-items:center;column-gap:16px;padding:0 23px}.table-header{height:43px;background:#0a1630;border-bottom:1px solid var(--line);font:500 9px var(--mono);color:#7f93bf;letter-spacing:.08em;text-transform:uppercase}.channel-row{min-height:72px;border-bottom:1px solid #15234a;font-size:12px}.channel-row:last-child{border-bottom:0}.channel-info{display:flex;align-items:center;gap:11px;min-width:0}.channel-info img{width:34px;height:34px;border-radius:50%;object-fit:cover}.channel-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-handle{font:10px var(--mono);color:#7f93bf;margin-top:4px}.number{font:500 14px var(--mono)}.gain{display:flex;align-items:center;gap:6px;font:500 12px var(--mono);color:#8fa3cc}.gain small{font:inherit}.gain.up{color:#2bdf99}.gain.down{color:#ff5468}.row-spark{width:48px;height:20px;flex-shrink:0}.category{color:#8fa3cc;font-size:11px}.status{display:inline-flex;align-items:center;gap:6px;color:#2bdf99;font-size:10px}.status:before{content:'';width:6px;height:6px;background:#2bdf99;border-radius:50%}.row-menu{border:0;background:transparent;color:#7f93bf;cursor:pointer;font-size:16px}.table-footer{height:51px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 23px;color:#7f93bf;font:10px var(--mono)}.load-more{border:0;background:none;color:#5be6ff;font:600 11px var(--sans);cursor:pointer}.modal-backdrop{display:none;position:fixed;inset:0;background:#02050fb3;z-index:5;place-items:center;padding:20px}.modal-backdrop.open{display:grid}.modal{width:min(440px,100%);background:var(--paper);padding:34px;position:relative;box-shadow:0 20px 70px #02050f66}.close-modal{position:absolute;right:20px;top:17px;border:0;background:none;font-size:25px;color:#93a7cf;cursor:pointer}.modal h2{font-size:27px;margin:12px 0 8px}.modal p{color:#8fa3cc;font-size:12px;margin:0 0 26px}.modal label{font-size:11px;font-weight:700}.modal input{display:block;width:100%;height:43px;border:1px solid var(--line);margin-top:8px;padding:0 12px;font:12px var(--mono);outline-color:#2f8fff;background:#13213f}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:27px}.cancel-button{border:1px solid var(--line);background:var(--white);border-radius:6px;padding:0 17px;font:600 11px var(--sans);color:#8fa3cc;cursor:pointer}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#eaf1ff;padding:13px 18px;border-radius:6px;font-size:12px;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.sidebar{width:204px}.topbar,.content-wrap{padding-left:28px;padding-right:28px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card.lead{grid-column:span 2}.table-header,.channel-row{grid-template-columns:2fr 1fr 1fr 30px}.table-header span:nth-child(5),.table-header span:nth-child(6),.channel-row .category,.channel-row .status{display:none}}@media(max-width:650px){.sidebar{display:none}.topbar{height:60px;padding:0 18px}.content-wrap{padding:31px 18px 45px}.title-row{display:block}.title-actions{margin-top:24px}.title-actions .date-button{flex:1}.title-actions .primary-button{flex:1}.metric-grid{display:block;margin:36px 0 45px}.metric-card{margin-bottom:10px;height:160px}.metric-card.lead{height:175px}.section-head{display:block}.table-tools{margin-top:18px}.search-box{flex:1}.search-box input{width:100%}.table-header{display:none}.channel-row{grid-template-columns:1fr 30px;padding:12px 15px;row-gap:8px}.channel-row .number,.channel-row .gain{font-size:11px}.channel-row .number{grid-column:1}.channel-row .gain{grid-column:1;grid-row:3}.channel-info{grid-column:1;grid-row:1 / span 2}.channel-row .row-menu{grid-column:2;grid-row:1 / span 3}.channel-info img{width:38px;height:38px}h1{font-size:40px}.modal{padding:28px 22px}}