@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,'DM Sans',system-ui,sans-serif;color:#17345a;background:#e6f2ff;--ink:#17345a;--muted:#6e84a3;--line:rgba(132,169,206,.24);--shadow:0 20px 55px rgba(33,91,153,.08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 55% 35% at 8% 5%,#cfe7ff 0,transparent 95%),radial-gradient(ellipse 48% 38% at 98% 18%,#d9e1ff 0,transparent 100%),linear-gradient(145deg,#e9f5ff,#f5faff 45%,#e4f1fe);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.ambient{position:fixed;z-index:0;pointer-events:none;filter:blur(70px);border-radius:50%;opacity:.5}.ambient-one{width:400px;height:400px;background:#aedbff;left:-170px;top:30%}.ambient-two{width:500px;height:500px;background:#d3ccff;right:-240px;bottom:-100px}.shell{position:relative;z-index:1;max-width:1540px;margin:auto;padding:22px 30px 32px}.glass{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.88);box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;border-radius:21px;padding:0 28px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.04em}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#399dff,#2863dd);box-shadow:0 8px 18px rgba(44,124,230,.24);color:#fff;font-size:27px}.brand strong{display:block;font-size:19px;font-weight:800;line-height:1.1;letter-spacing:.03em}.brand small{display:block;font-size:9px;font-weight:800;letter-spacing:.19em;color:#7390af;margin-top:5px}.topbar-right{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:700;color:#7186a2}.environment{color:#3c73b2;letter-spacing:.09em;font-size:10px;background:#e8f3ff;padding:9px 13px;border-radius:99px}.header-divider{height:20px;width:1px;background:#d7e3f0}.live-dot{height:8px;width:8px;background:#f0b94f;border-radius:50%;box-shadow:0 0 0 5px #fff3d9}.layout{display:grid;grid-template-columns:242px minmax(0,1fr);gap:26px;margin-top:22px}.sidebar{height:calc(100vh - 132px);min-height:620px;position:sticky;top:20px;border-radius:22px;padding:26px 14px;display:flex;flex-direction:column}.sidebar-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#7e9abc}.sidebar-label{padding:0 16px;margin:10px 0 19px}.navigation{display:grid;gap:8px}.nav-item{border:0;background:transparent;width:100%;border-radius:13px;text-align:left;padding:13px 15px;color:#6681a0;font-size:13px;font-weight:700;display:flex;align-items:center;gap:13px;transition:.2s}.nav-item span{font-size:20px;width:25px;text-align:center;font-weight:400}.nav-item:hover{background:rgba(230,242,255,.8);color:#2463af}.nav-item.active{color:#2565bc;background:linear-gradient(100deg,#e5f3ff,#eff6ff);box-shadow:inset 3px 0 #3b91ef}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:23px 13px 3px;display:flex;gap:12px;align-items:center}.scope-mark{width:38px;height:38px;display:grid;place-items:center;background:#e7f2ff;border-radius:11px;color:#3485d8;font-weight:800}.sidebar-bottom strong{font-size:11px;display:block}.sidebar-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:4px}main{min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:16px 0 26px}.page-head h1{font-size:30px;letter-spacing:-.045em;line-height:1.17;margin:9px 0 7px;color:#193c68}.page-head p,.section-heading p,.panel-header p{margin:0;color:var(--muted);font-size:12px}.page-actions{display:flex;gap:10px;align-items:center}.date-pill,.button,.section-chip,.tiny-pill,.status-pill,.notice-tag{border-radius:99px;font-weight:800}.date-pill{white-space:nowrap;background:rgba(255,255,255,.7);border:1px solid #fff;color:#597a9f;padding:10px 15px;font-size:11px}.button{border:0;padding:11px 17px;font-size:11px}.button-primary{color:white;background:linear-gradient(120deg,#348ff1,#2768d5);box-shadow:0 8px 20px rgba(42,116,221,.24)}.button-primary:hover{filter:brightness(1.07)}.notice{display:flex;gap:14px;align-items:center;background:rgba(255,248,231,.87);border:1px solid #ffe5a5;border-radius:15px;padding:16px 18px;margin-bottom:29px;box-shadow:0 12px 30px rgba(183,132,42,.05)}.notice-icon,.issue-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#ffdda1;color:#9a6218;font-weight:900}.notice strong{font-size:12px;color:#7b571e}.notice p{margin:4px 0 0;color:#a28352;font-size:11px;line-height:1.6}.notice-tag{margin-left:auto;white-space:nowrap;background:#fff0cd;color:#aa7626;font-size:9px;padding:8px 11px}.view{display:none}.view.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px}.section-heading h2,.panel-header h2{font-size:17px;margin:0 0 4px;letter-spacing:-.03em;color:#244a75}.section-chip{background:#e8f1ff;color:#5c86ba;padding:8px 12px;font-size:9px;letter-spacing:.06em}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kpi{min-height:146px;border-radius:17px;padding:21px 23px}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#687f9c;font-size:11px;font-weight:700}.kpi-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;font-size:17px}.kpi strong{display:block;color:#234d80;font-size:35px;line-height:1;margin-top:16px;letter-spacing:-.05em}.kpi strong.muted-value{color:#aac0d6}.kpi strong.sync-value{font-size:20px;letter-spacing:-.03em;margin-top:20px}.kpi small{display:block;color:#8ba0b9;font-size:10px;font-weight:600;margin-top:10px}.blue{color:#3879db;background:#e2eeff}.cyan{color:#2397c3;background:#dcf5ff}.purple{color:#7661dc;background:#ece8ff}.rose{color:#d46783;background:#ffe9ef}.amber{color:#b98a34;background:#fff3d6}.slate{color:#657ea5;background:#eaf1fb}.overview-lower{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:19px}.panel{border-radius:18px;padding:22px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:19px}.panel-header h2{margin-top:7px}.tiny-pill{font-size:9px;color:#5284b5;background:#e7f3ff;padding:8px 11px;white-space:nowrap}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-item{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid rgba(212,228,245,.8);background:rgba(255,255,255,.53);border-radius:12px;padding:12px;min-width:0;transition:.2s}.catalog-item:hover{border-color:#9bc8f5;transform:translateY(-2px);box-shadow:0 9px 20px rgba(58,115,180,.1)}.product-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;font-size:17px;font-weight:700}.product-text{min-width:0}.product-text strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#36597f}.product-text small{display:block;font-size:9px;color:#8ca2bb;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-text b{padding:0 2px}.catalog-arrow{margin-left:auto;color:#a4b9ce}.attention-dot{background:#e99d78;width:9px;height:9px;border-radius:50%;margin:8px}.audit-highlight{background:linear-gradient(150deg,#fff6e9,#fff9f0);border:1px solid #fce3c2;border-radius:14px;padding:22px}.audit-highlight span{font-size:10px;color:#b8894d;font-weight:800;letter-spacing:.09em}.audit-highlight strong{display:block;color:#a66729;font-size:30px;letter-spacing:-.04em;margin:7px 0}.audit-highlight p{font-size:11px;color:#9a815e;line-height:1.65;margin:0}.text-button{border:0;background:transparent;color:#347ccc;font-size:11px;font-weight:800;padding:17px 4px 1px}.text-button span{margin-left:7px}.filter-row{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0 20px}.filter-label{display:flex;gap:8px;align-items:center;color:#7087a1;font-size:10px;font-weight:800}.filter-label input,.filter-label select{appearance:none;min-height:35px;background:#f5faff;border:1px solid #dbe8f6;border-radius:99px;padding:7px 29px 7px 12px;color:#355f8e;font-size:11px;max-width:220px}.filter-label select{background-image:linear-gradient(45deg,transparent 50%,#7293b6 50%),linear-gradient(135deg,#7293b6 50%,transparent 50%);background-position:calc(100% - 14px) 15px,calc(100% - 10px) 15px;background-size:4px 4px;background-repeat:no-repeat}.filter-label select:disabled{opacity:.55}.status-pill{color:#a27c3e;background:#fff3d6;padding:8px 11px;font-size:9px;white-space:nowrap}.status-pill.danger{background:#ffedf0;color:#be5d69}.table-wrap{overflow:auto;border:1px solid #e6eff9;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:820px}th{position:sticky;top:0;text-align:left;background:#f0f7ff;color:#6c88a8;font-size:10px;white-space:nowrap;padding:14px 16px}td{border-top:1px solid #e7f0fa;padding:16px;color:#567899;font-size:11px}.table-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;padding:44px 12px}.table-empty span{color:#b0c8e0;font-size:27px}.table-empty strong{color:#567797;font-size:12px}.table-empty small{color:#9ab0c5;font-size:10px}.product-detail{display:flex;align-items:center;gap:16px;padding:10px 0 21px}.product-detail .status-pill{margin-left:auto}.detail-icon{width:60px;height:60px;font-size:27px;border-radius:17px}.product-detail h3{margin:6px 0 3px;font-size:21px;color:#284e77}.product-detail p{margin:0;font-size:11px;color:#8ba3ba}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:21px;gap:15px}.detail-stats div{border-right:1px solid var(--line)}.detail-stats div:last-child{border:0}.detail-stats small{display:block;color:#8198af;font-size:10px}.detail-stats strong{display:block;color:#6b86a3;font-size:14px;margin-top:7px}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:17px;margin-top:17px}.chart-empty{height:180px;position:relative;display:grid;place-items:center;color:#95aac0;font-size:11px;text-align:center}.chart-lines{position:absolute;inset:10px 0 15px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#edf4fb 36px,#edf4fb 37px);opacity:.8}.chart-empty span{position:relative;padding:10px;background:rgba(255,255,255,.85);border-radius:9px}.timeline{display:flex;gap:13px;margin:25px 3px}.timeline-dot{width:10px;height:10px;margin:5px 0;background:#a5bdd5;border-radius:50%;box-shadow:0 0 0 6px #eaf3ff}.timeline strong{font-size:11px}.timeline p{font-size:10px;color:#91a7bd;line-height:1.6}.investigation-card{border:1px solid #f7dde0;background:#fffafa;border-radius:14px;padding:22px}.investigation-head{display:flex;align-items:center;gap:12px}.investigation-head strong{font-size:12px;color:#734b59}.investigation-head p{font-size:10px;color:#a3848d;margin:5px 0 0}.investigation-head .status-pill{margin-left:auto}.issue-icon{background:#ffe4e6;color:#c9566a}.comparison{display:flex;align-items:stretch;gap:15px;margin:24px 0}.comparison>div:not(.compare-arrow){flex:1;background:white;border:1px solid #f5e4e8;border-radius:12px;padding:17px}.comparison small,.comparison strong,.comparison span{display:block}.comparison small{font-size:9px;color:#af9096;font-weight:800}.comparison strong{font-size:27px;color:#a84c61;letter-spacing:-.04em;margin:6px 0}.comparison span{font-size:10px;color:#a48d94}.compare-arrow{align-self:center;color:#d1a9b2;font-size:22px}.issue-explanation{color:#9e7c84;font-size:11px;line-height:1.7;margin:0}.investigation-footer{display:flex;justify-content:space-between;gap:10px;color:#9ab0c5;font-weight:700;font-size:9px;padding:20px 4px 0}.footer{display:flex;justify-content:space-between;color:#91aac3;font-size:10px;font-weight:700;padding:26px 3px}
@media(max-width:1100px){.layout{grid-template-columns:205px minmax(0,1fr);gap:17px}.shell{padding:18px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.overview-lower{grid-template-columns:1fr}.catalog-item{padding:12px}}@media(max-width:760px){.topbar{padding:0 15px;height:66px}.topbar-right{gap:8px}.header-divider,.topbar-right #source-state{display:none}.shell{padding:12px}.layout{display:block;margin-top:12px}.sidebar{position:static;min-height:0;height:auto;padding:6px;border-radius:14px;margin-bottom:13px}.sidebar-label,.sidebar-bottom{display:none}.navigation{display:flex;overflow-x:auto;gap:3px}.nav-item{white-space:nowrap;width:auto;padding:10px;font-size:10px;gap:5px}.nav-item span{font-size:15px;width:16px}.page-head{margin:19px 3px 21px;align-items:flex-start}.page-head h1{font-size:24px}.page-head p{line-height:1.5}.page-actions{flex-direction:column;align-items:flex-end}.date-pill{font-size:9px}.button span{display:none}.notice{align-items:flex-start}.notice-tag{display:none}.kpi-grid{gap:9px}.kpi{min-height:123px;padding:16px}.kpi strong{font-size:29px}.kpi-top{font-size:10px}.catalog{grid-template-columns:1fr}.section-chip{display:none}.detail-grid{grid-template-columns:1fr}.detail-stats{grid-template-columns:repeat(2,1fr)}.detail-stats div:nth-child(2){border:0}.product-detail{flex-wrap:wrap}.product-detail .status-pill{margin-left:0}.comparison{gap:6px}.comparison>div:not(.compare-arrow){padding:11px}.investigation-head{flex-wrap:wrap}.investigation-head .status-pill{margin-left:0}.investigation-footer{display:block;line-height:2}}
