@import url("./tokens.css");
*{box-sizing:border-box}html{background:var(--kn-color-bg)}body{margin:0;background:var(--kn-color-bg);color:var(--kn-color-text);font:14px/1.5 var(--kn-font-body)}button,input{font:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}.portal-shell{display:flex;min-height:100vh}.sidebar{background:var(--kn-color-surface);border-right:1px solid var(--kn-color-border);display:flex;flex-direction:column;flex-shrink:0;padding:1.2rem .85rem;width:255px}.brand{align-items:center;display:flex;gap:.7rem;margin:0 .45rem 1.6rem}.brand-mark{align-items:center;background:linear-gradient(135deg,#16c5d9,#4657ec);border-radius:11px;box-shadow:0 8px 22px #16c5d933;color:#fff;display:flex;font-size:1.1rem;font-weight:800;height:37px;justify-content:center;width:37px}.brand b{display:block;font-size:.95rem;letter-spacing:.17em}.brand span{color:var(--kn-color-muted);display:block;font-size:.58rem;letter-spacing:.12em;margin-top:.1rem}.nav-group{margin-bottom:1.1rem}.nav-group small{color:#63748f;display:block;font-size:.62rem;font-weight:700;letter-spacing:.14em;margin:0 .7rem .35rem}.nav-link{align-items:center;border-radius:8px;color:var(--kn-color-muted);display:flex;gap:.65rem;padding:.62rem .7rem;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover,.nav-link.active{background:var(--kn-color-border);color:var(--kn-color-text)}.nav-link.active{box-shadow:inset 2px 0 var(--kn-color-accent)}.nav-icon{color:var(--kn-color-accent);font-size:1.05rem;text-align:center;width:1.15rem}.nav-link em{background:var(--kn-color-warning);border-radius:999px;color:#17120a;font-size:.62rem;font-style:normal;font-weight:800;margin-left:auto;padding:.05rem .4rem}.sidebar-foot{margin-top:auto}.operator-state{align-items:center;background:var(--kn-color-surface-alt);border:1px solid var(--kn-color-border);border-radius:9px;display:flex;gap:.6rem;margin:.5rem .2rem .7rem;padding:.7rem}.operator-state b{display:block;font-size:.73rem}.operator-state small{color:var(--kn-color-muted);display:block;font-size:.65rem}.pulse{background:var(--kn-color-success);border-radius:50%;box-shadow:0 0 0 4px #48d59722;height:8px;width:8px}.theme-button,.secondary-button,.primary-button,.action-button,.icon-button{background:transparent;border:1px solid var(--kn-color-border);border-radius:8px;color:var(--kn-color-muted);cursor:pointer;padding:.52rem .7rem}.theme-button{display:block;text-align:left;width:100%}.theme-button:hover,.secondary-button:hover,.icon-button:hover{color:var(--kn-color-text)}.main-area{display:flex;flex:1;flex-direction:column;min-width:0}.topbar{align-items:center;background:color-mix(in srgb,var(--kn-color-bg) 90%,transparent);border-bottom:1px solid var(--kn-color-border);display:flex;gap:1rem;justify-content:space-between;padding:.9rem clamp(1rem,3vw,2rem);position:sticky;top:0;z-index:2}.mobile-menu{background:transparent;border:0;color:var(--kn-color-text);display:none;font-size:1.2rem}.crumb{align-items:center;display:flex;gap:.6rem;min-width:0}.crumb span,.crumb b{color:#65758d;font-size:.68rem;letter-spacing:.14em}.crumb strong{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{align-items:center;display:flex;gap:.55rem}.search{align-items:center;border:1px solid var(--kn-color-border);border-radius:8px;color:var(--kn-color-muted);display:flex;gap:.35rem;padding:0 .55rem;width:min(225px,25vw)}.search input{background:transparent;border:0;color:var(--kn-color-text);min-width:0;outline:0;padding:.45rem 0;width:100%}.search input::placeholder{color:var(--kn-color-muted)}.icon-button{font-size:1.1rem;line-height:1;position:relative}.icon-button i{background:var(--kn-color-warning);border-radius:50%;color:#17120a;font-size:.58rem;font-style:normal;padding:.08rem .28rem;position:absolute;right:-5px;top:-6px}.avatar{align-items:center;background:linear-gradient(135deg,#3349d8,#14b8c9);border-radius:50%;color:#fff;display:flex;font-weight:800;height:30px;justify-content:center;width:30px}.content{flex:1;margin:auto;max-width:1280px;padding:clamp(1.1rem,3vw,2.25rem);width:100%}.page-heading{align-items:flex-end;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.4rem}.eyebrow{color:var(--kn-color-accent);font-size:.66rem;font-weight:700;letter-spacing:.15em;margin:0}.page-heading h1{font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.03em;margin:.2rem 0}.subtitle{color:var(--kn-color-muted);margin:0;max-width:620px}.hero-grid{display:grid;gap:1rem;grid-template-columns:1.45fr 1fr;margin-bottom:1rem}.health-card,.posture-card,.panel,.metric-card{background:var(--kn-color-surface);border:1px solid var(--kn-color-border);border-radius:var(--kn-radius-card)}.health-card,.posture-card{padding:1.3rem}.health-card-head{align-items:flex-start;display:flex;justify-content:space-between}.health-card-head strong{display:block;font-size:3.25rem;letter-spacing:-.06em;line-height:1.1;margin-top:.3rem}.health-card-head strong small{color:var(--kn-color-muted);font-size:1rem;font-weight:400;letter-spacing:0}.health-card>p{color:var(--kn-color-muted);font-size:.75rem;margin:.8rem 0 0}.health-meter{background:var(--kn-color-border);border-radius:999px;height:7px;margin-top:1rem;overflow:hidden}.health-meter span{background:linear-gradient(90deg,#16c5d9,#5d65ee);border-radius:inherit;display:block;height:100%}.posture-row{align-items:center;display:flex;gap:.7rem;margin:1.25rem 0}.posture-row strong{font-size:1.3rem}.posture-row p{color:var(--kn-color-muted);font-size:.73rem;margin:.1rem 0}.posture-status{background:var(--kn-color-muted);border-radius:50%;height:11px;width:11px}.posture-status.good{background:var(--kn-color-success);box-shadow:0 0 0 5px #48d5971c}.posture-status.warn{background:var(--kn-color-warning)}.posture-status.bad{background:var(--kn-color-danger)}.posture-meta{border-top:1px solid var(--kn-color-border);display:flex;gap:1.5rem;padding-top:.8rem}.posture-meta span{color:var(--kn-color-muted);font-size:.7rem}.posture-meta b{color:var(--kn-color-text);display:block;margin-top:.15rem}.metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.metric-card{padding:1.05rem}.metric-label{align-items:center;color:var(--kn-color-muted);display:flex;font-size:.72rem;gap:.45rem}.metric-dot{border-radius:50%;height:6px;width:6px}.metric-dot.good{background:var(--kn-color-success)}.metric-dot.warn{background:var(--kn-color-warning)}.metric-dot.bad{background:var(--kn-color-danger)}.metric-card strong{display:block;font-size:1.45rem;margin:.45rem 0 .25rem}.metric-card p{color:var(--kn-color-muted);font-size:.68rem;margin:0}.panel{margin-bottom:1rem;padding:1.15rem}.panel-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.panel-head h2{font-size:.92rem;margin:0}.panel-head p{color:var(--kn-color-muted);font-size:.7rem;margin:.2rem 0 0}.panel-note{color:var(--kn-color-muted);font-size:.68rem}.text-link{background:none;border:0;color:var(--kn-color-accent);cursor:pointer;font-size:.72rem;text-decoration:none}.count-pill{background:var(--kn-color-surface);border:1px solid var(--kn-color-border);border-radius:999px;color:var(--kn-color-muted);font-size:.7rem;padding:.35rem .65rem}.badge{align-items:center;border:1px solid var(--kn-color-border);border-radius:999px;display:inline-flex;font-size:.62rem;font-weight:700;gap:.3rem;padding:.22rem .5rem;text-transform:uppercase;white-space:nowrap}.badge i{background:currentColor;border-radius:50%;height:5px;width:5px}.badge.good{color:var(--kn-color-success)}.badge.warn{color:var(--kn-color-warning)}.badge.bad{color:var(--kn-color-danger)}.badge.neutral{color:var(--kn-color-muted)}.trend-chart{align-items:flex-end;border-bottom:1px solid var(--kn-color-border);display:flex;gap:.7rem;height:150px;padding:1rem .5rem 0}.trend-chart.large{height:220px}.bar-group{align-items:center;display:flex;flex:1;height:100%;justify-content:flex-end;position:relative}.bar-group span{background:linear-gradient(180deg,#5d65ee,#16b7cb);border-radius:5px 5px 0 0;display:block;min-height:8px;width:min(34px,70%)}.bar-group small{bottom:-1.1rem;color:var(--kn-color-muted);font-size:.58rem;position:absolute}.two-column{display:grid;gap:1rem;grid-template-columns:1.2fr .8fr}.alert-list{display:grid;gap:.65rem;list-style:none;margin:0;padding:0}.alert-list li{align-items:flex-start;border-bottom:1px solid var(--kn-color-border);display:flex;gap:.65rem;padding:.55rem 0}.alert-list li:last-child{border:0}.alert-icon{align-items:center;border-radius:7px;display:flex;font-size:.7rem;height:25px;justify-content:center;width:25px}.alert-icon.good{background:#48d5971c;color:var(--kn-color-success)}.alert-icon.warn{background:#f5c4511c;color:var(--kn-color-warning)}.alert-icon.bad{background:#ff75821c;color:var(--kn-color-danger)}.alert-list b{font-size:.76rem}.alert-list p{color:var(--kn-color-muted);font-size:.68rem;margin:.15rem 0}.alert-list .badge{margin-left:auto}.action-list{display:grid;gap:.55rem}.action-list.horizontal{display:flex;flex-wrap:wrap}.action-button{align-items:center;display:flex;justify-content:space-between;text-align:left;width:100%}.action-list.horizontal .action-button{width:auto}.action-button span{font-size:1rem}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;min-width:620px;width:100%}th{color:var(--kn-color-muted);font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.55rem;text-align:left;text-transform:uppercase}td{border-top:1px solid var(--kn-color-border);font-size:.75rem;padding:.7rem .55rem}.alert-id{color:var(--kn-color-accent);font-family:ui-monospace,monospace}.empty-state{align-items:center;color:var(--kn-color-muted);display:flex;flex-direction:column;gap:.35rem;justify-content:center;min-height:100px;text-align:center}.empty-state span{border:1px solid var(--kn-color-border);border-radius:50%;font-size:1.2rem;height:32px;line-height:29px;width:32px}.readiness-row{align-items:center;display:flex;gap:.8rem}.readiness-icon,.boundary-mark{align-items:center;background:var(--kn-color-surface-alt);border:1px solid var(--kn-color-border);border-radius:10px;color:var(--kn-color-accent);display:flex;font-size:1.3rem;height:38px;justify-content:center;width:38px}.readiness-row strong{font-size:1rem}.readiness-row p{color:var(--kn-color-muted);font-size:.73rem;margin:.2rem 0 0}.security-list,.contract-list{display:grid;gap:.65rem}.security-list>div,.contract-list>div,.setting-row{align-items:center;border-bottom:1px solid var(--kn-color-border);display:flex;justify-content:space-between;padding:.6rem 0}.security-list>div:last-child,.contract-list>div:last-child{border:0}.security-list span:last-child,.contract-list span{color:var(--kn-color-muted);font-size:.76rem}.boundary-grid{align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr}.boundary-card{background:var(--kn-color-surface-alt);border:1px solid var(--kn-color-border);border-radius:10px;padding:1rem}.boundary-card strong{display:block;margin-top:.6rem}.boundary-card p{color:var(--kn-color-muted);font-size:.72rem;margin:.35rem 0 0}.boundary-arrow{color:var(--kn-color-accent);font-size:1.5rem}.footer{border-top:1px solid var(--kn-color-border);color:var(--kn-color-muted);display:flex;font-size:.65rem;justify-content:space-between;padding:1rem clamp(1rem,3vw,2rem)}.service-state,.source-state{align-items:center;border:1px solid var(--kn-color-border);border-radius:999px;display:inline-flex;font-size:.62rem;font-weight:700;gap:.35rem;padding:.28rem .5rem;white-space:nowrap}.service-state i{background:currentColor;border-radius:50%;height:6px;width:6px}.service-state.good,.source-state.good{color:var(--kn-color-success)}.service-state.warn,.source-state.warn{color:var(--kn-color-warning)}.service-state.bad{color:var(--kn-color-danger)}.error{margin:4rem auto;max-width:560px;padding:2rem}.error h1{color:var(--kn-color-danger)}.light{--kn-color-bg:#f4f7fb;--kn-color-surface:#fff;--kn-color-surface-alt:#eef3ff;--kn-color-border:#d4deed;--kn-color-text:#152238;--kn-color-muted:#5e708b}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.search{width:170px}}@media(max-width:820px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-100%);transition:transform .2s;z-index:4}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.topbar{padding-left:1rem}.search{display:none}.hero-grid,.two-column{grid-template-columns:1fr}.content{padding:1rem}.footer{flex-direction:column;gap:.3rem}.boundary-grid{grid-template-columns:1fr}.boundary-arrow{justify-self:center;transform:rotate(90deg)}}@media(max-width:520px){.page-heading{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr}.health-card-head{gap:.5rem}.top-actions{margin-left:auto}.crumb span,.crumb b{display:none}.footer{font-size:.6rem}}
.auth-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:var(--kn-color-surface);border:1px solid var(--kn-color-border);border-radius:var(--kn-radius-card);box-shadow:0 20px 60px #0003;max-width:440px;padding:2rem;width:100%}.auth-card .brand{margin:0 0 2rem}.auth-card h1{font-size:clamp(1.5rem,4vw,2rem);margin:.35rem 0}.auth-form{display:grid;gap:1rem;margin-top:1.5rem}.auth-form label{color:var(--kn-color-muted);display:grid;font-size:.75rem;gap:.35rem}.auth-form input{background:var(--kn-color-bg);border:1px solid var(--kn-color-border);border-radius:8px;color:var(--kn-color-text);padding:.7rem}.auth-message{color:var(--kn-color-danger);font-size:.72rem;min-height:1rem;margin:0}.primary-button{background:linear-gradient(135deg,#3349d8,#14b8c9);border:0;border-radius:8px;color:#fff;cursor:pointer;padding:.72rem 1rem}.primary-button span{float:right}.logout-button{white-space:nowrap}