:root{--bg:#f3f6f8;--surface:#fff;--text:#17202a;--muted:#667085;--line:#dce3e8;--primary:#0f5964;--primary-dark:#0b4650;--accent:#d9f0ed;--danger:#b42318;--warning:#b54708;--shadow:0 8px 24px #142b350f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#123f49;flex-direction:column;gap:28px;padding:24px 16px;display:flex}.brand{align-items:center;gap:10px;padding:0 8px;display:flex}.brand-mark{background:#4eb5a6;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong{font-size:16px;display:block}.brand small{color:#b9d2d6}.nav{gap:6px;display:grid}.nav a{color:#d8e6e8;border-radius:8px;padding:11px 12px}.nav a:hover{color:#fff;background:#ffffff17}.sidebar-footer{color:#c8dadd;border-top:1px solid #ffffff24;margin-top:auto;padding:12px 8px 0;font-size:13px}.logout{color:#fff;background:0 0;border:1px solid #ffffff40;border-radius:7px;width:100%;margin-top:10px;padding:8px 10px}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 30px;display:flex}.topbar h1{margin:0;font-size:17px}.user-pill{color:var(--muted);font-size:13px}.content{max-width:1480px;margin:0 auto;padding:28px 30px 50px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head h2{margin:0 0 5px;font-size:24px}.page-head p{color:var(--muted);margin:0}.button{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:10px 15px;font-weight:600;display:inline-block}.button:hover{background:var(--primary-dark)}.button.secondary{color:var(--primary);background:var(--accent)}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.card,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.card{padding:19px}.card .label{color:var(--muted);font-size:13px}.card .value{margin-top:8px;font-size:30px;font-weight:750}.panel{margin-bottom:18px;padding:20px}.panel h3{margin:0 0 16px;font-size:17px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{color:var(--muted);text-align:left;background:#f8fafb;font-weight:600}th,td{vertical-align:top;border-bottom:1px solid #e8edf0;padding:12px 13px}tr:last-child td{border-bottom:0}.badge{white-space:nowrap;color:#344054;background:#edf2f4;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;display:inline-flex}.badge.open{color:#155eef;background:#eff8ff}.badge.closed{color:#027a48;background:#ecfdf3}.badge.high{color:var(--danger);background:#fef3f2}.badge.overdue{color:var(--warning);background:#fffaeb}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.field label{color:#344054;font-size:13px;font-weight:600}.field input,.field select,.field textarea{width:100%;color:var(--text);background:#fff;border:1px solid #cfd8df;border-radius:8px;padding:10px 11px}.field textarea{resize:vertical;min-height:92px}.actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.split{grid-template-columns:minmax(0,2fr) minmax(290px,1fr);align-items:start;gap:18px;display:grid}.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.meta{background:#f7f9fa;border-radius:8px;padding:11px}.meta small{color:var(--muted);margin-bottom:4px;display:block}.empty{text-align:center;color:var(--muted);padding:32px}.login-page{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-intro{color:#fff;background:#123f49;flex-direction:column;justify-content:center;padding:10vh 8vw;display:flex}.login-intro h1{max-width:660px;margin:18px 0;font-size:clamp(34px,5vw,62px)}.login-intro p{color:#c7dde0;max-width:620px;line-height:1.8}.login-box-wrap{place-items:center;padding:28px;display:grid}.login-box{width:min(420px,100%)}.login-box h2{margin:0 0 8px;font-size:27px}.login-box>p{color:var(--muted);margin:0 0 26px}.login-box .field{margin-bottom:15px}.login-box .button{width:100%;margin-top:8px}.error{color:var(--danger);background:#fef3f2;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.success{color:#027a48;background:#ecfdf3;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.hint{color:#29565d;background:#eef6f6;border-radius:8px;margin-top:18px;padding:12px;font-size:13px;line-height:1.7}.timeline{gap:11px;display:grid}.timeline-item{border-left:3px solid #b9d8d4;padding:4px 0 4px 12px}.timeline-item small{color:var(--muted)}.filterbar{align-items:center;gap:10px;padding:13px;display:flex}.filterbar input,.filterbar select{border:1px solid #cfd8df;border-radius:8px;min-width:180px;padding:9px 11px}.inline-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.message-layout{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;gap:18px;display:grid}.conversation{background:#eef3f4;min-height:340px}.bubble{border-radius:13px;max-width:78%;margin:12px 0;padding:14px 16px;box-shadow:0 3px 10px #142b350d}.bubble p{white-space:pre-wrap;line-height:1.7}.bubble small{color:var(--muted)}.bubble.inbound{background:#fff;border-top-left-radius:3px}.bubble.outbound{background:#d7f1e8;border-top-right-radius:3px;margin-left:auto}.attachment-card{border:1px solid var(--line);background:#fff;border-radius:8px;margin:8px 0;padding:11px;display:block}.notification-item{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.notification-item p{color:var(--muted);margin:7px 0}.notification-item .badge{margin-left:8px}td form{flex-wrap:wrap;gap:6px;display:flex}td form input,td form select{border:1px solid var(--line);border-radius:6px;max-width:150px;padding:7px}.security-banner{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;padding:10px 30px;font-size:13px}.security-banner a{color:var(--primary);margin-left:4px;font-weight:700;text-decoration:underline}.narrow{max-width:760px}.eyebrow{letter-spacing:.12em;font-size:11px;font-weight:800;color:#2f897c!important;margin:0 0 8px!important}.head-actions,.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title{margin-bottom:18px}.section-title h3,.section-title p{margin:0}.section-title p{color:var(--muted);margin-top:5px;font-size:13px}.executive-hero{color:#fff;background:radial-gradient(circle at 75% 30%,#287f80 0,#123f49 42%,#0c3038 100%);grid-template-columns:1fr auto auto;align-items:center;gap:30px;margin:-28px -30px 24px;padding:34px 40px;display:grid}.executive-hero h2{margin:0;font-size:30px}.executive-hero p{color:#c9dfe1;margin:8px 0 0}.health-score{background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;align-items:baseline;gap:5px;padding:15px 20px;display:flex}.health-score span{color:#c9dfe1;margin-right:9px;font-size:12px}.health-score strong{font-size:38px}.health-score small{color:#c9dfe1}.hero-actions{gap:9px;display:flex}.button.ghost{background:0 0;border:1px solid #ffffff59}.executive-cards .card{box-shadow:none}.card small{color:var(--muted)}.analytics-grid,.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.bar-row{grid-template-columns:minmax(110px,1.4fr) 2fr 35px;align-items:center;gap:10px;margin:13px 0;font-size:13px;display:grid}.bar-row>div{background:#edf2f4;border-radius:99px;height:9px;overflow:hidden}.bar-row i{border-radius:inherit;background:linear-gradient(90deg,#2f897c,#76c6b5);height:100%;display:block}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.file-preview{border:1px solid var(--line);background:#fbfcfc;border-radius:10px;grid-template-columns:110px 1fr;gap:12px;padding:12px;display:grid}.file-preview img,.file-preview video{object-fit:cover;background:#102a30;border-radius:7px;width:110px;height:85px}.file-preview h4{overflow-wrap:anywhere;margin:9px 0 5px}.eightd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.eightd-step{background:#f7fbfa;border-left:4px solid #4eb5a6;border-radius:8px;padding:15px}.eightd-step small{color:var(--muted)}.eightd-step textarea{min-height:120px}.capa-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(200px,1.2fr) 150px minmax(140px,1fr) minmax(140px,1fr) auto;align-items:center;gap:8px;padding:12px 0;display:grid}.capa-row div{gap:4px;display:grid}.capa-row small{color:var(--muted)}.capa-row input,.capa-row select{border:1px solid var(--line);border-radius:7px;width:100%;padding:9px}.form-grid.compact{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.verification,.pilot-item{border-bottom:1px solid var(--line);padding:14px 0}.verification p,.pilot-item p{margin:7px 0}.verification small,.pilot-item small{color:var(--muted)}.channel-card .readiness{gap:10px;display:flex}.readiness span{background:#f1f6f6;border-radius:7px;padding:8px 10px;font-size:13px}.notice{background:#fffdf5;border-left:4px solid #eaaa08}.compact-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.pilot-item{justify-content:space-between;gap:14px;display:flex}.pilot-item>div:last-child{justify-items:end;gap:8px;display:grid}.rating{font-size:20px}.danger-text{color:var(--danger)}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{gap:14px;padding:14px;position:static}.nav{grid-template-columns:repeat(4,minmax(0,1fr));overflow-x:auto}.nav a{text-align:center;white-space:nowrap}.sidebar-footer{display:none}.cards{grid-template-columns:repeat(2,1fr)}.executive-hero{grid-template-columns:1fr;margin:-20px -14px 20px;padding:26px 20px}.executive-cards,.compact-cards{grid-template-columns:repeat(2,1fr)}.analytics-grid,.channel-grid,.eightd-grid,.capa-row,.attachment-grid,.split,.message-layout,.login-page{grid-template-columns:1fr}.login-intro{display:none}}@media (max-width:600px){.content{padding:20px 14px 40px}.topbar{padding:0 15px}.cards,.form-grid,.meta-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page-head{flex-direction:column;align-items:flex-start}}.mobile-dock{display:none}.install-hero{align-items:center;gap:22px;display:flex}.install-hero img{border-radius:22px;width:92px;height:92px}.install-hero p{color:var(--muted)}.install-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.install-grid ol{color:#aaa8a1;margin:0;padding-left:20px;line-height:2}.step-no{color:var(--gold);letter-spacing:.12em;margin-bottom:12px;font-weight:800;display:block}@media (max-width:600px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.sidebar{max-height:120px;overflow:hidden}.sidebar .nav,.sidebar-footer{display:none}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.mobile-dock{z-index:50;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f0f0ff0;border:1px solid #383838;border-radius:18px;grid-template-columns:repeat(5,1fr);padding:8px 6px;display:grid;position:fixed;left:10px;box-shadow:0 18px 50px #0000008c}.mobile-dock a{color:#777;border-radius:11px;justify-items:center;gap:3px;padding:6px 2px;display:grid}.mobile-dock a span{font-size:18px}.mobile-dock a small{font-size:10px}.mobile-dock a.active{color:#090909;background:var(--gold)}.install-grid{grid-template-columns:1fr}.install-hero{align-items:flex-start}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#121212;--surface-2:#191919;--text:#f4f2ed;--muted:#8f8d87;--line:#292929;--primary:#f0eee8;--primary-dark:#d8d5ce;--accent:#27251f;--gold:#d7b667;--danger:#ff735f;--warning:#e2b762;--shadow:0 24px 70px #00000052}html,body{color:var(--text);background:#0a0a0a}body{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:52px 52px}::selection{color:#090909;background:var(--gold)}.app-shell{grid-template-columns:270px 1fr}.sidebar{background:#050505f5;border-right:1px solid #242424;gap:24px;height:100vh;padding:30px 20px 20px;position:sticky;top:0;overflow-y:auto;box-shadow:18px 0 60px #0000003d}.brand{border-bottom:1px solid #242424;gap:14px;padding:0 8px 20px}.brand-mark{color:#050505;background:var(--gold);border:1px solid #f1d894;border-radius:50%;width:46px;height:46px;position:relative;overflow:hidden;box-shadow:0 0 0 6px #d7b66714}.brand-mark:before,.brand-mark:after{content:"";border:1px solid #00000059;border-radius:50%;position:absolute}.brand-mark:before{inset:8px}.brand-mark:after{inset:14px}.brand-mark span{z-index:2;font-family:Georgia,serif;font-size:19px;position:relative}.brand strong{letter-spacing:.06em;font-size:16px}.brand strong em{color:var(--gold);font-style:normal}.brand small{color:#777;letter-spacing:.16em;margin-top:4px;font-size:9px}.nav-label{color:#666;letter-spacing:.16em;padding:0 10px;font-size:9px;font-weight:800}.nav{gap:3px}.nav a{color:#aaa9a5;border:1px solid #0000;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:11px 12px;transition:all .2s;display:grid}.nav a i{color:#0000;font-style:normal;transition:all .2s}.nav-icon{color:#7e7d78;border:1px solid #303030;border-radius:6px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.nav a:hover{color:#fff;background:#181818;border-color:#303030;transform:translate(3px)}.nav a:hover i{color:var(--gold)}.nav a:hover .nav-icon{color:#0a0a0a;background:var(--gold);border-color:var(--gold)}.sidebar-footer{color:#aaa;border-top-color:#252525;grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:18px 8px 0;display:grid}.avatar{color:#111;background:#e8e5dd;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.identity{gap:3px;display:grid}.identity strong{color:#eee}.identity span{color:#777;font-size:11px}.sidebar-footer form{grid-column:1/-1}.logout{color:#888;background:#111;border-color:#2c2c2c}.logout:hover{color:#fff;border-color:#555}.main{background:radial-gradient(circle at 90% 0,#d7b6670e,#0000 27%);min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0adb;border-bottom-color:#242424;height:82px;padding:0 38px}.topbar h1{color:#e7e5df;letter-spacing:.04em;margin-top:4px;font-size:15px;font-weight:600}.topbar-kicker{color:#6f6e69;letter-spacing:.18em;font-size:9px;font-weight:800}.topbar-status{color:#85837e;letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.topbar-status b{color:var(--gold);border:1px solid #373127;border-radius:99px;margin-left:12px;padding:6px 9px}.live-dot{background:#b6d988;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #b6d98817}.content{max-width:1560px;padding:34px 38px 60px}.page-head{border-bottom:1px solid var(--line);padding-bottom:20px}.page-head h2{color:#f5f3ed;letter-spacing:-.04em;font-size:clamp(25px,3vw,38px);font-weight:700}.page-head p{color:#777}.button{color:#0b0b0b;box-shadow:none;background:#f1efe9;border:1px solid #f1efe9;border-radius:7px;transition:all .2s}.button:hover{color:#090909;background:var(--gold);border-color:var(--gold);transform:translateY(-1px)}.button.secondary{color:#ddd;background:#1a1a1a;border-color:#353535}.button.secondary:hover{color:#0a0a0a;background:var(--gold)}.card,.panel{box-shadow:var(--shadow);background:linear-gradient(145deg,#191919f5,#0f0f0ff5);border-color:#292929;border-radius:10px}.panel{padding:24px}.panel h3{color:#ebe9e3;letter-spacing:.015em;font-size:16px}.cards{gap:12px}.card{padding:20px;position:relative;overflow:hidden}.card:before{content:"";background:#3b3b3b;width:2px;position:absolute;inset:0 auto 0 0}.card .label{color:#85837e;letter-spacing:.06em;font-size:11px;font-weight:650}.card .value{color:#f3f1eb;letter-spacing:-.06em;font-family:Arial,sans-serif;font-size:34px;font-weight:800}.card small{color:#62615d;font-size:10px}.metric-card{min-height:142px}.metric-card.risk:before{background:var(--gold)}.metric-card.risk .value{color:var(--gold)}.metric-index{color:#383838;font-size:10px;font-weight:800;position:absolute;top:14px;right:14px}.metric-line{background:linear-gradient(90deg,#444 35%,#0000 35%);height:1px;position:absolute;bottom:17px;left:17px;right:17px}.executive-hero{isolation:isolate;background:#0b0b0b;border-bottom:1px solid #2d2d2d;grid-template-columns:minmax(340px,1.15fr) minmax(300px,.9fr) minmax(220px,.65fr);gap:30px;min-height:410px;margin:-34px -38px 28px;padding:54px 50px 44px;position:relative;overflow:hidden}.executive-hero:before{content:"";z-index:-2;background:repeating-radial-gradient(circle,#0000 0 36px,#ffffff0b 37px 38px);width:640px;height:640px;position:absolute;top:-105px;right:19%;transform:rotate(-12deg)scaleY(.62)}.executive-hero:after{content:"Q";z-index:-3;color:#ffffff06;font-family:Georgia,serif;font-size:500px;line-height:1;position:absolute;bottom:-120px;right:26%}.hero-copy{align-self:center}.hero-copy h2{color:#f7f5ef;letter-spacing:-.065em;margin:0;font-size:clamp(42px,5vw,74px);font-weight:850;line-height:.98}.hero-copy h2 span{color:#74736f}.hero-copy>p:not(.eyebrow){color:#83817c;max-width:480px;margin:20px 0 0;font-size:14px;line-height:1.8}.eyebrow{letter-spacing:.2em;font-size:9px;color:var(--gold)!important}.hero-actions{margin-top:30px}.button.light{color:#080808;background:#f3f1eb}.button.ghost{color:#d0cec8;background:#ffffff06;border-color:#383838}.quality-orbit{place-items:center;min-height:290px;display:grid;position:relative}.orbit-ring{background:conic-gradient(var(--gold) var(--score), #262626 0);border-radius:50%;place-items:center;width:245px;height:245px;display:grid;box-shadow:0 0 60px #d7b66717}.orbit-ring:before{content:"";background:#0d0d0d;border:1px solid #303030;border-radius:50%;width:220px;height:220px;position:absolute}.orbit-ring:after{content:"";border:1px solid #2c2c2c;border-radius:50%;width:274px;height:274px;position:absolute}.health-score{z-index:2;background:0 0;border:0;justify-items:center;padding:0;display:grid;position:relative}.health-score span{color:#6e6d68;letter-spacing:.16em;margin:0 0 8px;font-size:9px}.health-score strong{color:#f6f3eb;letter-spacing:-.08em;font-size:72px;line-height:.9}.health-score small{color:#777570;margin-top:12px;font-size:10px}.orbit-dot{z-index:3;background:var(--gold);width:8px;height:8px;box-shadow:0 0 16px var(--gold);border-radius:50%;position:absolute}.orbit-dot.one{top:28px;right:62px}.orbit-dot.two{bottom:40px;left:55px}.hero-brief{border-left:1px solid #303030;align-self:center}.hero-brief>div{border-bottom:1px solid #282828;grid-template-columns:1fr auto;gap:5px 12px;padding:18px 0 18px 24px;display:grid}.hero-brief span{color:#666;letter-spacing:.15em;font-size:9px;font-weight:800}.hero-brief strong{color:#edeae3;grid-area:1/2/3;align-self:center;font-size:31px}.hero-brief small{color:#92908a;font-size:11px}.executive-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.analytics-grid{gap:14px}.section-title{border-bottom:1px solid #292929;padding-bottom:14px}.section-title p{color:#70706c}.bar-row{color:#aaa8a2}.bar-row>div{background:#282828;height:5px}.bar-row i{background:linear-gradient(90deg,var(--gold),#f0e2b6)}.bar-row strong{color:#e9e6df}table{color:#c9c7c1}.table-wrap{border:1px solid #292929;border-radius:8px}th{color:#6f6e69;letter-spacing:.08em;text-transform:uppercase;background:#101010;font-size:10px}th,td{border-bottom-color:#282828}tbody tr{transition:all .16s}tbody tr:hover{background:#d7b66709}td small{color:#6d6c68}.badge{color:#b9b7b1;background:#222;border:1px solid #333}.badge.open{color:#d5c18d;background:#29251c;border-color:#4a4028}.badge.closed{color:#bfdda7;background:#1d271a;border-color:#34492c}.badge.high{color:#ff9889;background:#321c19;border-color:#633028}.badge.overdue{color:#e9c471;background:#302718;border-color:#59441f}.field label{color:#aaa8a1;letter-spacing:.035em;font-size:11px}.field small{color:#696864}.field input,.field select,.field textarea,.filterbar input,.filterbar select,.capa-row input,.capa-row select,td form input,td form select{color:#eeeae3;background:#0e0e0e;border-color:#343434;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.filterbar input:focus,.filterbar select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d7b66714}.field input::file-selector-button{color:#ddd;background:#222;border:0;border-radius:5px;margin-right:12px;padding:7px 10px}.meta{color:#ddd;background:#101010;border:1px solid #292929}.meta small{color:#6d6c68}.filterbar{background:#121212}.conversation{background:#0c0c0c}.bubble{box-shadow:0 12px 30px #0000002e}.bubble.inbound{background:#202020;border:1px solid #333}.bubble.outbound{background:#332d20;border:1px solid #544726}.attachment-card,.file-preview{background:#101010;border-color:#303030}.eightd-step{border-left-color:var(--gold);background:#10100f}.readiness span{color:#c9c4b6;background:#242119;border:1px solid #393124}.notice{border-left-color:var(--gold);background:#18150f}.timeline-item{border-left-color:#554728}.notification-item,.verification,.pilot-item,.capa-row{border-bottom-color:#2a2a2a}.security-banner{color:#d7bd79;background:#211c10;border-bottom-color:#413517}.security-banner a{color:#f2d88d}.error{color:#ff9a8b;background:#2d1715;border:1px solid #552620}.success{color:#b9db9e;background:#182317;border:1px solid #2f482b}.login-page{background:#080808}.login-intro{background:radial-gradient(circle at 70%,#29241a 0,#101010 32%,#070707 72%);position:relative;overflow:hidden}.login-intro:after{content:"QUALITY";color:#ffffff09;letter-spacing:-.08em;font-size:150px;font-weight:900;position:absolute;bottom:-35px;right:-80px}.login-intro h1{z-index:2;letter-spacing:-.06em;max-width:760px;font-size:clamp(46px,6vw,84px);line-height:1;position:relative}.login-intro p{z-index:2;color:#84817a;position:relative}.login-box-wrap{background:#0c0c0c}.login-box h2{color:#f3f1eb}.login-box>p{color:#777}.hint{color:#b7a97f;background:#1c1912;border:1px solid #38301f}@media (max-width:1180px){.executive-hero{grid-template-columns:1fr 320px}.hero-brief{display:none}.executive-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{width:100%;height:auto;padding:16px;position:static}.brand{padding-bottom:14px}.nav-label{display:none}.nav{padding-bottom:6px;display:flex;overflow-x:auto}.nav a{grid-template-columns:24px auto;min-width:max-content}.nav a i{display:none}.topbar{height:70px;padding:0 18px}.topbar-status{display:none}.content{padding:26px 18px 50px}.executive-hero{grid-template-columns:1fr;min-height:0;margin:-26px -18px 24px;padding:42px 24px}.quality-orbit{min-height:260px}.executive-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.topbar h1{font-size:13px}.hero-copy h2{font-size:46px}.quality-orbit{margin:-18px 0;transform:scale(.86)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{text-align:center}.executive-cards,.compact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:128px}.analytics-grid,.channel-grid,.eightd-grid{grid-template-columns:1fr}.file-preview{grid-template-columns:82px 1fr}.file-preview img,.file-preview video{width:82px;height:68px}}:root{--gold:#d9ba72;--gold-soft:#8f7340;--surface:#141414;--line:#302e2a;--shadow:0 28px 80px #0000006b, inset 0 1px #ffffff05}body{background-color:#090909;background-image:radial-gradient(circle at 82% 8%,#d9ba7212,#0000 22%),linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:auto,56px 56px,56px 56px}.sidebar{background:linear-gradient(#080808fb,#040404fb)}.nav a.active{color:#f7f2e7;box-shadow:inset 2px 0 var(--gold);background:linear-gradient(90deg,#d9ba7226,#d9ba7209);border-color:#4c4028}.nav a.active .nav-icon{color:#111;background:var(--gold);border-color:#f2d99d;box-shadow:0 0 22px #d9ba7224}.nav a.active i{color:var(--gold);font-size:7px}.topbar{z-index:30;position:sticky;top:0;box-shadow:0 10px 35px #0000002e}.panel,.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel{position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#ffffff06,#0000 22% 75%,#d9ba7205);position:absolute;inset:0}.card{transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{border-color:#4a4334;transform:translateY(-3px);box-shadow:0 30px 80px #0000007a}.button{z-index:1;letter-spacing:.01em;position:relative}.page-head h2{text-wrap:balance}.status-overview{background:linear-gradient(100deg,#1b1811,#111 50%,#151515);border:1px solid #433923;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:20px 24px;display:flex;box-shadow:0 22px 60px #00000047}.status-overview>div{grid-template-columns:auto 1fr;align-items:center;gap:3px 12px;display:grid}.status-overview strong{color:#f0eadc;font-size:17px}.status-overview small{color:#817d73;grid-column:2}.status-overview a{color:var(--gold);font-size:12px;font-weight:700}.status-pulse{background:#acd786;border-radius:50%;grid-row:1/3;width:10px;height:10px;box-shadow:0 0 0 7px #acd78614,0 0 24px #acd7864d}.system-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.system-card{min-height:210px;margin:0;padding:22px}.system-card-head{color:var(--gold);letter-spacing:.16em;justify-content:space-between;margin-bottom:28px;font-size:10px;font-weight:800;display:flex}.system-card-head small{color:#4f4c46}.system-card h3{margin-bottom:12px;font-size:18px}.system-card p{z-index:1;color:#827f77;overflow-wrap:anywhere;margin:18px 0 0;font-size:12px;line-height:1.7;position:relative}.notification-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.notification-actions form{margin:0}@media (max-width:1180px){.system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-overview,.notification-item{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.system-grid{grid-template-columns:1fr}.system-card{min-height:180px}.filterbar{flex-direction:column;align-items:stretch}.filterbar input,.filterbar select{width:100%;min-width:0}}