@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;max-width:100vw}:root{--font-display:"Fraunces",Georgia,serif;--font-sans:"DM Sans",system-ui,-apple-system,sans-serif;--font-mono:"DM Mono","Fira Code",monospace;--bg:#f4f6fa;--surface:#fff;--border:#e8ecf2;--text-primary:#0f1623;--text-secondary:#64748b;--text-muted:#94a3b8;--brand:#1a237e;--brand-light:#e8eaf6;--radius:12px;--shadow-sm:0 1px 3px rgba(15,22,35,.06),0 1px 2px rgba(15,22,35,.04);--shadow:0 4px 12px rgba(15,22,35,.08),0 1px 3px rgba(15,22,35,.04)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.hk-sidebar{width:220px;min-height:100vh;background:var(--text-primary);position:fixed;top:0;left:0;z-index:50;display:flex;flex-direction:column;transition:transform .25s ease}.hk-main{margin-left:220px;min-height:100vh;background:var(--bg)}.hk-nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:500;color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .15s ease;margin:1px 8px;border:none;background:transparent;text-align:left;width:calc(100% - 16px)}.hk-nav-item:hover{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.9)}.hk-nav-item.active{background:rgba(255,193,7,.15);color:#ffc107}.hk-card{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.hk-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .15s ease;font-family:var(--font-sans)}.hk-btn:hover{opacity:.88;transform:translateY(-1px)}.hk-btn:active{transform:translateY(0)}.hk-stat-card{background:var(--surface);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.hk-stat-val{font-size:28px;font-weight:700;font-family:var(--font-mono);line-height:1;letter-spacing:-.5px}.hk-stat-label{font-weight:500;letter-spacing:.05em}.hk-stat-label,.sec-title{font-size:11px;color:var(--text-muted);text-transform:uppercase}.sec-title{font-weight:700;letter-spacing:.08em;margin-bottom:14px}.g2{grid-template-columns:1fr 1fr;grid-gap:12px}.g2,.g3{display:grid;gap:12px}.g3{grid-template-columns:1fr 1fr 1fr;grid-gap:12px}.g4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:768px){.hk-sidebar{transform:translateX(-100%)}.hk-sidebar.open{transform:translateX(0)}.hk-main{margin-left:0;padding-bottom:72px}.g4{grid-template-columns:1fr 1fr}.g2,.g3{grid-template-columns:1fr}.hk-mobile-nav{display:flex!important}}@media (min-width:769px){.hk-sidebar{transform:none!important}.hk-mobile-nav,.hk-mobile-overlay{display:none!important}}.hk-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--text-primary);border-top:1px solid hsla(0,0%,100%,.08);padding:8px 0 calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.hk-mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 12px;border-radius:8px;cursor:pointer;border:none;background:transparent;color:hsla(0,0%,100%,.5);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:color .15s;font-family:var(--font-sans)}.hk-mobile-nav-item.active{color:#ffc107}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hk-card,.hk-stat-card{animation:fadeIn .3s ease forwards}.hk-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600}.hk-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:40}.hk-page-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.hk-page-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.kpi-card{background:var(--surface);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-top:3px solid var(--c,#1a237e);transition:box-shadow .2s ease}.kpi-card:hover{box-shadow:var(--shadow)}.score-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:700;background:#fff3e0;color:#e65100;font-family:var(--font-mono)}.hk-brand{padding:20px 16px 12px;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:8px}.hk-brand-logo{font-size:20px;font-weight:700;color:#ffc107;letter-spacing:4px;font-family:var(--font-sans)}.hk-brand-sub{font-size:9px;color:hsla(0,0%,100%,.35);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.hk-org-pill{margin:0 8px 12px;padding:10px 12px;background:hsla(0,0%,100%,.06);border-radius:8px;border:1px solid hsla(0,0%,100%,.08)}.hk-org-name{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hk-org-role{font-size:10px;color:hsla(0,0%,100%,.4);text-transform:uppercase;letter-spacing:.06em}.hk-page{padding:24px;max-width:1200px}@media (max-width:768px){.hk-page{padding:16px}}.hk-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;font-size:12px;line-height:1.5}.hk-alert.warning{background:#fff7ed;border:1px solid #fed7aa;color:#92400e}.hk-alert.danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.hk-alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d}.hk-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}.hk-section{margin-bottom:20px}@media (max-width:900px){.g4{grid-template-columns:1fr 1fr}}@media (max-width:600px){.g2,.g4{grid-template-columns:1fr}}.srv-card{border-radius:var(--radius);padding:20px;cursor:pointer;transition:all .2s ease;border:1.5px solid transparent;box-shadow:var(--shadow-sm)}.srv-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--sc,#1a237e)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:12.5px;font-weight:500;color:hsla(0,0%,100%,.55);cursor:pointer;transition:all .15s ease;margin:1px 0;border:none;background:transparent;text-align:left;width:100%;font-family:var(--font-sans)}.nav-item:hover{background:hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.9)}.nav-item.active{background:rgba(255,193,7,.12);color:#ffc107}.topbar-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.topbar-btn:hover{background:var(--bg);color:var(--text-primary)}