:root{--navy:#07111f;--navy-2:#0b1727;--navy-3:#101e30;--panel:#fff;--canvas:#f3f5f7;--ink:#122033;--muted:#6f7c8d;--line:#e2e7ec;--lime:#b9f227;--lime-dark:#26380a;--violet:#8b7cf6;--amber:#ffb24c;--red:#f1645d;--green:#2cb67d;--blue:#4e9cf4;--shadow:0 12px 32px rgba(18,32,51,.07);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:var(--navy);color:#fff;padding:24px 16px 18px;display:flex;flex-direction:column;z-index:30}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;padding:0 8px 26px}.brand-mark{width:38px;height:38px;border:1px solid rgba(185,242,39,.38);border-radius:10px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:9px;background:rgba(185,242,39,.06)}.brand-mark i{display:block;width:4px;border-radius:2px;background:var(--lime)}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:12px}.brand b{display:block;font:800 20px/1 'Manrope',sans-serif;letter-spacing:-.5px}.brand small{display:block;color:#7f8b9c;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;margin-top:5px}.main-nav p{font-size:10px;letter-spacing:1.5px;color:#607086;margin:20px 12px 8px}.nav-item{border:0;background:transparent;color:#9ba7b7;width:100%;height:44px;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left;margin:2px 0;font-weight:600;font-size:14px;transition:.2s}.nav-item>span{width:20px;text-align:center;font-size:17px}.nav-item em{font-style:normal;font-size:10px;color:#9ba7b7;background:#17263a;padding:3px 7px;border-radius:8px;margin-left:auto}.nav-item em.hot{color:#ffaaa5;background:rgba(241,100,93,.16)}.nav-item:hover{background:#0f1d2e;color:#fff}.nav-item.active{background:var(--lime);color:#16210a;box-shadow:0 6px 24px rgba(185,242,39,.16)}.nav-item.active em{background:rgba(7,17,31,.13);color:#17230a}.sidebar-foot{margin-top:auto}.health{border:1px solid #1b2a3c;background:#0b1727;border-radius:12px;padding:13px;display:flex;gap:10px;align-items:center;margin:12px 4px}.health .pulse{width:8px;height:8px;border-radius:50%;background:#58dc9c;box-shadow:0 0 0 5px rgba(88,220,156,.1)}.health b,.health small{display:block}.health b{font-size:11px}.health small{font-size:9px;color:#6f7e91;margin-top:3px}.user-chip{width:100%;display:flex;align-items:center;gap:9px;border:0;border-top:1px solid #17263a;background:transparent;color:white;padding:16px 8px 0;text-align:left}.user-chip>span{width:34px;height:34px;background:#23374f;border-radius:10px;display:grid;place-items:center;font-size:11px}.user-chip div{flex:1}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:12px}.user-chip small{font-size:10px;color:#738196;margin-top:2px}.user-chip i{color:#627087;font-style:normal}.workspace{margin-left:258px;min-height:100vh}.topbar{height:72px;background:rgba(255,255,255,.93);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px}.breadcrumb span{color:#909aaa}.breadcrumb span:after{content:' /';margin-left:8px;color:#c4cbd3}.breadcrumb b{font-weight:700}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.global-search{width:320px;height:39px;border:1px solid var(--line);background:#f7f8fa;border-radius:9px;display:flex;align-items:center;padding:0 11px;color:#93a0af}.global-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:12px;padding:0 8px;color:var(--ink)}kbd{font-family:inherit;font-size:9px;background:#fff;border:1px solid #dbe1e7;border-radius:5px;padding:3px 5px;color:#8f99a6}.icon-btn{width:39px;height:39px;border:1px solid var(--line);border-radius:9px;background:#fff;position:relative;color:#637083}.notification i{position:absolute;width:6px;height:6px;background:var(--red);border:2px solid white;border-radius:50%;right:8px;top:8px}.primary-btn,.lime-btn{border:0;border-radius:9px;background:var(--navy);color:white;height:40px;padding:0 16px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:7px;transition:.2s}.primary-btn:hover{background:#152b44;transform:translateY(-1px)}.menu-btn{display:none}.view{display:none;padding:28px 34px 52px;max-width:1700px;margin:0 auto}.view.active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hero{height:346px;border-radius:20px;overflow:hidden;position:relative;color:white;background:var(--navy);box-shadow:0 18px 45px rgba(7,17,31,.14)}.hero>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,31,.98) 0%,rgba(7,17,31,.91) 35%,rgba(7,17,31,.35) 72%,rgba(7,17,31,.12))}.hero-copy{position:absolute;left:44px;top:42px;max-width:660px}.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#8592a2}.eyebrow{color:var(--lime);display:flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(185,242,39,.1)}.hero h1{font:600 36px/1.18 'Manrope',sans-serif;letter-spacing:-1.6px;margin:20px 0 13px}.hero h1 strong{font-weight:800;color:var(--lime)}.hero p{color:#aab5c3;font-size:14px;line-height:1.7;max-width:580px}.hero-actions{display:flex;gap:10px;margin-top:24px}.lime-btn{background:var(--lime);color:#16210a}.lime-btn:hover{background:#c8ff39}.ghost-btn{height:40px;border:1px solid rgba(255,255,255,.18);background:rgba(7,17,31,.48);color:#fff;border-radius:9px;padding:0 15px;font-size:12px;font-weight:600}.live-card{position:absolute;right:28px;bottom:24px;width:220px;border:1px solid rgba(255,255,255,.13);background:rgba(7,17,31,.75);backdrop-filter:blur(18px);border-radius:14px;padding:16px 18px}.live-card>span{font-size:8px;letter-spacing:1.4px;color:#8f9bab;font-weight:700}.live-card b{display:block;font:800 30px/1 'Manrope';margin-top:8px}.live-card small{font-size:10px;color:#a6b1bf}.mini-bars{display:flex;height:28px;align-items:flex-end;gap:4px;margin-top:9px}.mini-bars i{flex:1;border-radius:2px 2px 0 0;background:var(--lime);opacity:.35}.mini-bars i:nth-child(1){height:25%}.mini-bars i:nth-child(2){height:40%}.mini-bars i:nth-child(3){height:32%}.mini-bars i:nth-child(4){height:60%}.mini-bars i:nth-child(5){height:52%}.mini-bars i:nth-child(6){height:74%}.mini-bars i:nth-child(7){height:62%}.mini-bars i:nth-child(8){height:87%}.mini-bars i:nth-child(9){height:73%}.mini-bars i:nth-child(10){height:100%;opacity:1}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 0 16px}.section-head h2{font:800 22px/1.2 'Manrope';letter-spacing:-.5px;margin:7px 0 0}.time-filter{background:#e8ebee;border-radius:9px;padding:3px;display:flex}.time-filter button{border:0;background:transparent;color:#778493;font-size:10px;font-weight:700;padding:7px 11px;border-radius:7px}.time-filter button.active{background:white;color:var(--ink);box-shadow:0 2px 8px rgba(18,32,51,.08)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px 18px;box-shadow:0 5px 18px rgba(18,32,51,.035)}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:14px}.metric-icon.lime{background:#effad2;color:#57740d}.metric-icon.violet{background:#eeeafe;color:#6656d9}.metric-icon.amber{background:#fff1dc;color:#bb6f0a}.metric-icon.blue{background:#e7f2ff;color:#3279ca}.trend{font-size:9px;border-radius:12px;padding:4px 7px;font-style:normal;font-weight:700}.trend.up{color:#188c5d;background:#e5f7ef}.trend.down{color:#d4514a;background:#fdeceb}.trend.stable{color:#3e7bbf;background:#e7f2ff}.metric>small{display:block;color:#758292;font-size:10px;text-transform:uppercase;letter-spacing:.75px;font-weight:700;margin-top:14px}.metric>b{font:800 28px/1 'Manrope';display:block;margin-top:6px}.metric>p{font-size:10px;color:#9aa4b0;margin:6px 0 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.85fr);gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:0 5px 18px rgba(18,32,51,.035)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-head small{font-size:9px;letter-spacing:1.1px;color:#8d98a6;font-weight:800}.panel-head h3{font:750 16px/1.2 'Manrope';letter-spacing:-.25px;margin:5px 0 0}.more{border:0;background:transparent;color:#8a95a2}.legend{display:flex;justify-content:flex-end;gap:18px;margin-top:7px;font-size:9px;color:#737f8e}.legend i{width:7px;height:7px;background:var(--c);border-radius:50%;display:inline-block;margin-right:5px}.chart-wrap{height:242px;position:relative;margin:9px 0 0 30px}.chart-wrap svg{position:absolute;inset:0 0 20px;width:calc(100% - 4px);height:calc(100% - 20px);overflow:visible}.grid-lines line{stroke:#e7ebef;stroke-width:1}.line{fill:none;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 3px 3px rgba(0,0,0,.04))}.line-a{stroke:var(--lime)}.line-b{stroke:var(--violet);stroke-width:2}.line-c{stroke:var(--amber);stroke-width:2}.area{fill:url(#areaA)}.y-labels{position:absolute;right:calc(100% + 9px);top:-3px;bottom:22px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#9ba5b2}.x-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:8px;color:#9ba5b2}.donut-row{display:flex;align-items:center;gap:28px;margin-top:24px}.donut{width:124px;height:124px;border-radius:50%;background:conic-gradient(var(--lime) 0 30%,#778594 30% 83%,var(--red) 83% 100%);position:relative;flex:none}.donut:before{content:'';position:absolute;inset:17px;background:#fff;border-radius:50%}.donut span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:1}.donut b{font:800 18px 'Manrope'}.donut small{font-size:8px;color:#8b95a2}.sentiment-legend{flex:1}.sentiment-legend>div{display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf0f3;padding:8px 0}.sentiment-legend>div:last-child{border:0}.sentiment-legend i{width:7px;height:7px;border-radius:50%}.sentiment-legend .positive{background:var(--lime)}.sentiment-legend .neutral{background:#778594}.sentiment-legend .negative{background:var(--red)}.sentiment-legend span{font-size:10px;font-weight:700}.sentiment-legend span small{display:block;font-size:8px;color:#98a2ae;font-weight:400;margin-top:2px}.sentiment-legend b{margin-left:auto;font-size:11px}.insight{background:#f5f8ef;border:1px solid #e7efd4;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;margin-top:18px}.insight>span{color:#86ae20}.insight p{margin:0;color:#71804e;font-size:9px}.insight b{display:block;color:#31430e;font-size:9px;margin-bottom:2px}.news-panel,.subjects-panel{min-height:350px}.text-btn{border:0;background:transparent;color:#536375;font-size:10px;font-weight:700}.news-list{margin-top:10px}.news-item{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f3}.news-item:last-child{border:0}.news-thumb{width:46px;height:40px;border-radius:8px;background:linear-gradient(135deg,#172941,#294564);display:grid;place-items:center;color:var(--lime);font-weight:800;font-size:11px}.news-content{min-width:0}.news-content h4{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}.news-meta{display:flex;gap:7px;align-items:center;font-size:8px;color:#8e99a6}.tag{font-size:8px;border-radius:8px;padding:3px 6px;background:#edf1f5;color:#667384;font-weight:700}.tag.positive{background:#e7f7ef;color:#20875c}.tag.negative{background:#fdeceb;color:#c64d47}.tag.neutral{background:#edf1f5;color:#667384}.score{font:800 13px 'Manrope';color:#405064}.subject-mini-list{margin-top:12px}.subject-mini{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f3}.subject-mini:last-child{border:0}.subject-avatar{width:34px;height:34px;border-radius:10px;background:var(--avatar-bg,#effad2);color:var(--avatar-color,#4f6b08);display:grid;place-items:center;font-weight:800;font-size:10px}.subject-mini b,.subject-mini small{display:block}.subject-mini b{font-size:10px}.subject-mini small{font-size:8px;color:#939daa;margin-top:3px}.subject-volume{text-align:right}.subject-volume b{font-size:11px}.subject-volume small{color:#2b9867}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin:6px 0 24px}.page-head h1{font:800 30px/1.1 'Manrope';letter-spacing:-1px;margin:8px 0 7px}.page-head p{color:#7b8796;font-size:12px;margin:0}.filter-bar{display:flex;gap:10px;margin-bottom:14px}.filter-bar label{background:#fff;border:1px solid var(--line);height:40px;border-radius:9px;padding:0 12px;display:flex;align-items:center;min-width:300px}.filter-bar input{border:0;outline:0;padding-left:8px;width:100%;font-size:11px}.filter-bar select,.filter-bar button{height:40px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 14px;color:#536274;font-size:11px}.table-panel{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f8f9fa;color:#8a95a3;font-size:8px;letter-spacing:1px;padding:12px 16px}td{padding:14px 16px;border-top:1px solid #edf0f3;font-size:10px;color:#4e5d6e}td strong{display:block;color:var(--ink);font-size:11px;max-width:430px;margin-bottom:4px}td small{color:#94a0ad}.relevance{height:5px;width:70px;background:#e8ecef;border-radius:5px;overflow:hidden}.relevance i{display:block;height:100%;border-radius:5px;background:var(--lime)}.dots-btn{border:0;background:transparent;color:#8995a4}.alert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.alert-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--alert-color);border-radius:14px;padding:20px;display:grid;grid-template-columns:42px 1fr auto;gap:14px}.alert-icon{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--alert-color) 12%,white);color:var(--alert-color);display:grid;place-items:center;font-size:18px}.alert-card h3{font-size:13px;margin:0 0 6px}.alert-card p{font-size:10px;color:#748191;line-height:1.5;margin:0}.alert-card small{font-size:8px;color:#9aa5b1}.subject-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.subject-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;transition:.2s}.subject-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.subject-card-top{display:flex;align-items:center;gap:12px}.subject-card .subject-avatar{width:42px;height:42px;font-size:12px}.subject-card-top div:nth-child(2){flex:1}.subject-card h3{font:750 13px 'Manrope';margin:0}.subject-card small{font-size:9px;color:#8c97a5}.status-pill{font-size:8px!important;padding:4px 7px;background:#e7f7ef;border-radius:8px;color:#20875c!important}.keyword-row{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0}.keyword-row span{font-size:8px;background:#f1f3f5;color:#6e7b8a;border-radius:6px;padding:4px 6px}.subject-stats{border-top:1px solid #edf0f3;display:flex;padding-top:13px}.subject-stats div{flex:1}.subject-stats b{font-size:13px;display:block}.subject-stats span{font-size:8px;color:#939daa}.source-summary{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:14px}.source-summary div{padding:18px 22px;border-right:1px solid var(--line)}.source-summary div:last-child{border:0}.source-summary b,.source-summary span{display:block}.source-summary b{font:800 22px 'Manrope'}.source-summary span{font-size:9px;color:#8e99a6;margin-top:3px}.green{color:var(--green)}.amber-text{color:#d88b20}.source-table{padding:0;overflow:hidden}.source-table .panel-head{padding:18px}.small-search{border:1px solid var(--line);border-radius:8px;padding:7px 10px;color:#8c97a4;font-size:10px}.small-search input{border:0;outline:0;font-size:10px}.source-logo{width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;background:#e9edf1;color:#516173;font-weight:800;margin-right:9px}.health-pill{font-size:8px;padding:4px 7px;border-radius:8px;background:#e5f7ef;color:#218b5e}.health-pill.delay{background:#fff2df;color:#bd7414}.timeline-panel{padding:8px 22px}.run-item{display:grid;grid-template-columns:26px 1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid #edf0f3;position:relative}.run-item:last-child{border:0}.run-check{width:24px;height:24px;background:#e6f7ef;color:#1c9461;border-radius:50%;display:grid;place-items:center;font-size:10px}.run-item h3{font-size:11px;margin:1px 0 5px}.run-item p{font-size:9px;color:#84909f;margin:0}.run-item time{font-size:9px;color:#8f9aa7}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report-grid article,.new-report-card{min-height:230px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-align:left}.report-grid article>span{font-size:8px;letter-spacing:1.3px;color:#81903b;font-weight:800}.report-grid article h3{font:750 17px/1.35 'Manrope';margin:32px 0 10px}.report-grid article p{color:#7d8997;font-size:10px;line-height:1.6}.report-grid article>div{border-top:1px solid #edf0f3;padding-top:15px;margin-top:28px;display:flex;justify-content:space-between}.report-grid article button{border:0;background:transparent;font-size:9px;font-weight:700}.report-grid article small{font-size:8px;color:#98a3af}.new-report-card{border-style:dashed;color:#748190;display:grid;place-content:center;text-align:center}.new-report-card b{font-size:24px;color:#6e7c8d}.new-report-card span{font-size:11px;font-weight:700;margin:10px 0 5px}.new-report-card small{font-size:8px}.modal-backdrop{position:fixed;inset:0;background:rgba(4,10,18,.66);display:none;align-items:center;justify-content:center;z-index:100;padding:20px;backdrop-filter:blur(6px)}.modal-backdrop.open{display:flex}.modal{width:min(500px,100%);background:#fff;border-radius:18px;padding:27px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.28);animation:modalIn .2s ease}@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.modal-close{position:absolute;right:17px;top:15px;border:0;background:#f0f2f4;border-radius:8px;width:30px;height:30px;color:#657386}.modal h2{font:800 24px 'Manrope';margin:7px 0}.modal-intro{font-size:11px;color:#7d8997;margin:0 0 20px}.type-switch{display:flex;background:#f1f3f5;padding:4px;border-radius:10px;margin-bottom:16px}.type-switch label{flex:1}.type-switch input{display:none}.type-switch span{height:38px;display:grid;place-items:center;border-radius:8px;font-size:11px;color:#7a8796;font-weight:700}.type-switch input:checked+span{background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(18,32,51,.08)}.field{display:block;margin:13px 0}.field>span{display:block;font-size:10px;font-weight:700;margin-bottom:6px}.field input,.field select{width:100%;height:42px;border:1px solid #dce2e8;border-radius:9px;padding:0 12px;outline:0;font-size:11px}.field input:focus,.field select:focus{border-color:#8da93a;box-shadow:0 0 0 3px rgba(185,242,39,.16)}.field small{display:block;font-size:8px;color:#98a3af;margin-top:5px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.secondary-btn{height:40px;padding:0 15px;border:1px solid var(--line);background:#fff;border-radius:9px;color:#657284;font-size:11px;font-weight:700}.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;border:1px solid #203147;border-radius:12px;padding:13px 16px;display:flex;gap:11px;align-items:center;z-index:150;transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.toast>span{width:27px;height:27px;border-radius:8px;background:var(--lime);color:#172309;display:grid;place-items:center}.toast b,.toast small{display:block}.toast b{font-size:10px}.toast small{font-size:9px;color:#9eabba;margin-top:2px}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.subject-card-grid,.report-grid{grid-template-columns:repeat(2,1fr)}.global-search{width:230px}.live-card{display:none}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:30px 0 80px rgba(0,0,0,.25)}.workspace{margin-left:0}.menu-btn{display:block;margin-right:10px}.topbar{padding:0 16px}.global-search{display:none}.view{padding:20px 16px}.hero{height:410px}.hero-copy{left:24px;top:35px;right:20px}.hero h1{font-size:31px}.metric-grid{grid-template-columns:1fr 1fr}.subject-card-grid,.report-grid,.alert-grid{grid-template-columns:1fr}.source-summary{grid-template-columns:1fr 1fr}.source-summary div:nth-child(2){border-right:0}.source-summary div:nth-child(-n+2){border-bottom:1px solid var(--line)}.filter-bar{flex-wrap:wrap}.filter-bar label{min-width:100%}.table-panel,.source-table{overflow-x:auto}table{min-width:800px}}
@media(max-width:520px){.breadcrumb span,.notification{display:none}.top-actions .primary-btn{font-size:0;padding:0;width:40px;justify-content:center}.top-actions .primary-btn span{font-size:16px}.hero{height:440px}.hero h1{font-size:28px}.hero-actions{flex-direction:column;align-items:stretch}.metric-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:15px;flex-direction:column}.source-summary{grid-template-columns:1fr}.source-summary div{border-right:0;border-bottom:1px solid var(--line)}.donut-row{flex-direction:column}.legend{flex-wrap:wrap;justify-content:flex-start}.chart-wrap{margin-left:26px}}