:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17364c;background:#f5f8fa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}a{color:inherit}.center-loader{height:100vh;display:grid;place-items:center;color:#66869b}.shell{display:flex;min-height:100vh}.side{width:256px;flex-shrink:0;background:#12324a;color:white;padding:23px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;margin:3px 8px 29px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#ffe3ed;color:#a75f82;font-size:25px;font-weight:800}.brand strong{font-size:15px;display:block}.brand small{font-size:9px;letter-spacing:1px;color:#a9c3d1}.side h5{font-size:10px;letter-spacing:1.7px;color:#8faebe;margin:28px 12px 9px}.nav{display:flex;align-items:center;gap:11px;color:#c0d6e0;width:100%;background:transparent;border:0;padding:12px 11px;text-align:left;border-radius:9px;font-size:12px;margin:3px 0}.nav.active,.nav:hover{background:#254962;color:white}.nav span{font-size:16px;min-width:22px}.side-foot{padding:16px 10px;font-size:10px;color:#86a6b9;margin-top:25px;border-top:1px solid #38596f}.main{flex:1;min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:white;border-bottom:1px solid #e4edf2;font-size:12px}.userbar{display:flex;align-items:center;gap:11px}.avatar{width:33px;height:33px;border-radius:11px;background:#ffedf3;color:#af7191;display:grid;place-items:center;font-weight:800}.muted{color:#8b9fae}.container{padding:32px;max-width:1540px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:19px}.eyebrow{letter-spacing:2px;color:#c78aa1;font-size:10px;font-weight:800}.heading h1{font-size:30px;letter-spacing:-1.1px;margin:6px 0}.heading p{font-size:13px;color:#92a3ad;margin:0}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filters select,.filters input{border:1px solid #e0e8ed;background:white;border-radius:9px;padding:10px;color:#435f70;font-size:12px}.banner{background:#ebf5f9;border:1px solid #d9e9f0;padding:14px 16px;border-radius:12px;color:#527488;font-size:12px;line-height:1.65;margin-bottom:17px}.banner strong{color:#315c73}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{background:white;border:1px solid #e6edf1;border-radius:14px;padding:19px;min-width:0}.kpi .klabel{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8c9eaa}.kpi .bubble{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e9f3f6;color:#6b8ca0;font-size:19px}.kpi strong{display:block;font-size:27px;margin:18px 0 7px;letter-spacing:-.8px}.kpi small{color:#a1aeb8;font-size:11px}.twocol{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:17px}.equalcol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{background:#fff;border:1px solid #e6edf1;border-radius:15px;padding:22px;margin-bottom:17px;min-width:0}.panel h2{font-size:17px;margin:0 0 4px}.panel .sub{color:#98a7b2;font-size:12px;margin-bottom:17px}.bar-chart{height:245px;display:flex;align-items:flex-end;gap:10px;padding:15px 5px 22px;border-bottom:1px solid #e7edf1}.bar-wrap{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}.bar{width:72%;min-height:3px;border-radius:6px 6px 0 0;background:linear-gradient(#658eab,#abc8d5)}.bar-wrap span{font-size:10px;color:#93a6b2;margin-top:8px}.channels{display:grid;gap:16px}.channel-info{display:flex;justify-content:space-between;font-size:12px;gap:9px;margin-bottom:7px}.channel-track,.rank-track{background:#edf2f4;height:7px;border-radius:10px;overflow:hidden}.channel-track i,.rank-track i{display:block;background:#759eb6;height:100%;border-radius:10px}.channel-foot{font-size:10px;color:#a0afb9;margin-top:5px}.buttons{display:flex;gap:6px;flex-wrap:wrap}.pillbtn{background:#f5f8fa;color:#667e8d;border:1px solid transparent;border-radius:8px;padding:8px 11px;font-size:11px}.pillbtn.active{background:#e6f1f6;color:#234e69;border-color:#cfdee8;font-weight:750}.ranking{display:grid;gap:1px}.ranking-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #eff3f5;padding:11px 0}.rank-number{color:#9aaab2;font-size:11px;width:22px}.rank-info{flex:1;min-width:0}.rank-title{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;display:flex;justify-content:space-between;gap:8px}.rank-title small{color:#95a5b1;white-space:nowrap}.rank-val{font-weight:700;font-size:12px;white-space:nowrap}.hint{font-size:11px;line-height:1.7;color:#99aab4;margin:12px 0 0}.tablewrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.table th{background:#f6f9fa;color:#899dab;font-weight:700;font-size:11px;padding:13px}.table td{color:#6c8796;font-size:12px;border-bottom:1px solid #f0f3f5;padding:14px}.table td:first-child{color:#315268;font-weight:650}.num{text-align:right}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;color:#9aabb7}.btn{border:0;background:#123b54;color:white;padding:11px 16px;border-radius:9px;font-size:12px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.alt{background:#eef4f7;color:#426b81}.btn.sm{padding:7px 10px}.buttonline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.searchbar{display:flex;gap:8px;align-items:center;margin-bottom:15px}.searchbar input{flex:1;min-width:90px}.input{width:100%;border:1px solid #dce6eb;background:#fbfcfd;border-radius:9px;padding:12px;color:#314f63;font-size:13px;outline:none}.input:focus{border-color:#89abc0}.form{display:grid;gap:14px}.form label{font-size:12px;display:flex;flex-direction:column;gap:7px;color:#527183;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-area{background:#f8fbfc;border:1px solid #e3ebf0;padding:18px;border-radius:11px;margin-bottom:17px}.alert{padding:13px;border-radius:10px;background:#fff1ee;color:#a95d52;font-size:12px;line-height:1.7}.success{padding:13px;border-radius:10px;background:#edf9f3;color:#32765e;font-size:12px;line-height:1.7}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f7fafb}.auth-hero{background:#12324a;color:white;display:flex;flex-direction:column;justify-content:center;padding:12%}.auth-hero .star{font-size:26px;background:#ffe3ed;color:#b97c94;border-radius:16px;width:58px;height:58px;display:grid;place-items:center;margin-bottom:65px}.auth-hero h1{font-size:clamp(35px,4.4vw,62px);line-height:1.1;letter-spacing:-2px}.auth-hero h1 span{color:#f0b5c6}.auth-hero p{font-size:15px;line-height:1.8;max-width:390px;color:#b5cfdd}.auth-foot{margin-top:60px;color:#9bbccb;font-size:12px}.auth-card{background:white;padding:38px;width:calc(100% - 56px);max-width:470px;border:1px solid #e6edf1;box-shadow:0 10px 45px #17425b14;border-radius:20px;margin:auto}.auth-card h2{margin:35px 0 7px;font-size:24px}.auth-card p{color:#8da0ab;font-size:12px;line-height:1.75;margin-bottom:20px}.linkbtn{border:0;background:transparent;color:#668da4;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;display:block;margin:17px auto 0}.auth-card .brand strong{color:#143b51}.auth-card .brand small{color:#9aadb9}.auth-card .brand{margin:0}.center-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(130deg,#e9f5f9,#fff4f8)}.gatebox{max-width:480px;width:100%;border-radius:18px;background:white;padding:38px;box-shadow:0 25px 80px #143b5012;border:1px solid #e6edf1}.gatebox h2{font-size:23px}.gatebox p{font-size:13px;color:#7892a0;line-height:1.7}.dre-line{display:flex;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid #ecf0f3;font-size:13px}.dre-line strong{white-space:nowrap;font-size:12px}.dre-line.main-line{background:#f3f7f9;color:#244e66;font-weight:800;border-radius:7px;margin:10px 0}.dre-line small{display:block;color:#9fadb8;font-size:10px}.not-known{color:#a9b4bb;font-style:normal;font-weight:500}.indent{margin-left:21px}.sourcegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sourcecard{padding:25px;background:white;border:1px solid #e6edf1;border-radius:14px}.sourcecard .icon{font-size:30px;color:#6b91a7}.sourcecard p{font-size:12px;color:#91a7b2;line-height:1.75}.tag{border-radius:25px;font-size:10px;background:#fff4e8;color:#a88a64;padding:6px 10px;display:inline-block}.issuestile{padding:18px;border:1px solid #e5edf0;background:white;border-radius:13px;text-align:left}.issuestile.selected{border-color:#739cb2;background:#f4fafc}.issuestile strong{display:block;font-size:28px;color:#284f67;margin-bottom:9px}.issuestile b{display:block;font-size:12px}.issuestile small{display:block;font-size:11px;color:#9aa9b1;margin-top:9px;line-height:1.5}.small-label{font-size:11px;color:#9caeb7}.missing{text-align:center;padding:35px;color:#9dadb8;font-size:12px}.footer{display:flex;justify-content:space-between;font-size:10px;color:#9facb6;margin:30px 0}.mobile-open{display:none}
@media(max-width:1200px){.grid4{grid-template-columns:1fr 1fr}.sourcegrid{grid-template-columns:1fr 1fr}.twocol{grid-template-columns:1fr}.side{width:224px}.container{padding:25px}}
@media(max-width:720px){.side{position:fixed;z-index:6;transform:translateX(-100%);transition:.2s;left:0}.side.open{transform:translateX(0)}.mobile-open{display:inline-block}.container{padding:20px}.topbar{padding:0 18px}.auth-wrap{display:flex;flex-direction:column}.auth-hero{padding:35px 25px}.auth-hero .star{margin-bottom:20px}.auth-hero h1{font-size:36px}.auth-hero p{font-size:12px}.auth-foot{display:none}.auth-card{margin:0 auto 35px}.equalcol,.sourcegrid{grid-template-columns:1fr}.grid4{gap:10px}.kpi strong{font-size:21px}.form-grid{grid-template-columns:1fr}.heading h1{font-size:25px}.auth-card{padding:26px}.footer{flex-direction:column;gap:10px}}