:root{--bg: #0a0e15;--bg-2: #0c1119;--surface: #121a25;--surface-2: #182231;--surface-3: #1e2a3b;--border: #233146;--border-soft: #1a2432;--text: #eaf0f7;--text-2: #9fb0c3;--text-3: #647688;--brand: #1fd0c8;--brand-2: #14b3ab;--brand-ink: #04211f;--brand-soft: rgba(31, 208, 200, .13);--info: #5aa2ff;--info-soft: rgba(90, 162, 255, .14);--warn: #f5b23d;--warn-soft: rgba(245, 178, 61, .14);--crit: #ff5a5f;--crit-soft: rgba(255, 90, 95, .14);--ok: #37d39b;--ok-soft: rgba(55, 211, 155, .14);--off: #6d7d92;--off-soft: rgba(109, 125, 146, .16);--shadow: 0 20px 50px -20px rgba(0, 0, 0, .7);color-scheme:dark}:root[data-theme=light]{--bg: #eef2f7;--bg-2: #e6ebf2;--surface: #ffffff;--surface-2: #f4f7fb;--surface-3: #e9eff6;--border: #dae2ee;--border-soft: #e8eef6;--text: #0e1826;--text-2: #4a5a6e;--text-3: #7c8ca1;--brand: #0aa39b;--brand-2: #088c85;--brand-ink: #ffffff;--brand-soft: rgba(10, 163, 155, .12);--info: #2f74e0;--info-soft: rgba(47, 116, 224, .12);--warn: #c07d12;--warn-soft: rgba(192, 125, 18, .14);--crit: #dc4046;--crit-soft: rgba(220, 64, 70, .12);--ok: #0f9968;--ok-soft: rgba(15, 153, 104, .12);--off: #7c8ca1;--off-soft: rgba(124, 140, 161, .14);--shadow: 0 20px 50px -22px rgba(15, 30, 50, .28);color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:var(--bg);color:var(--text);font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,ui-monospace,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}input,select,button,textarea{font-family:inherit}input::placeholder{color:var(--text-3)}button{font-family:inherit}a{color:inherit}@keyframes kpulse{0%{transform:scale(.9);opacity:.65}70%{transform:scale(2.6);opacity:0}to{opacity:0}}@keyframes kdot{0%,to{opacity:1}50%{opacity:.3}}@keyframes evIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOver{0%{transform:translate(100%)}to{transform:translate(0)}}.k-card{background:var(--surface);border:1px solid var(--border);border-radius:16px}.k-input,.k-select{width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:15px;outline:none;transition:border-color .15s}.k-input:focus,.k-select:focus{border-color:var(--brand)}.k-input:disabled{opacity:.6;cursor:not-allowed}.k-select{cursor:pointer;padding:9px 13px;font-size:13.5px;font-weight:500;background:var(--surface);border-radius:10px}.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;border:none;cursor:pointer;font-weight:700;font-size:14px;transition:background .15s,border-color .15s,color .15s}.k-btn-brand{background:var(--brand);color:var(--brand-ink)}.k-btn-brand:hover{background:var(--brand-2)}.k-btn-brand:disabled{background:var(--surface-3);color:var(--text-3);cursor:not-allowed}.k-btn-outline{background:var(--surface);color:var(--text);border:1px solid var(--border)}.k-btn-outline:hover{border-color:var(--brand)}.k-btn-soft{background:var(--brand-soft);color:var(--brand);border:1px solid var(--brand)}.k-iconbtn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:color .15s,border-color .15s}.k-iconbtn:hover{color:var(--text);border-color:var(--brand)}.k-nav{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;border:none;cursor:pointer;font-size:14px;font-weight:600;width:100%;text-align:left;background:transparent;color:var(--text-2);transition:background .15s,color .15s}.k-nav:hover{background:var(--surface-2)}.k-nav.active{background:var(--brand-soft);color:var(--brand)}.k-evrow{display:flex;gap:14px;align-items:center;padding:13px 15px;background:var(--surface);border:1px solid var(--border);border-radius:14px;cursor:pointer;width:100%;text-align:left;color:inherit;transition:background .15s,border-color .15s}.k-evrow:hover{background:var(--surface-2);border-color:var(--brand)}.k-evrow.compact{padding:11px 13px;border-radius:13px}.k-switch{width:42px;height:25px;border-radius:20px;padding:3px;border:none;cursor:pointer;background:var(--surface-3);display:inline-flex;align-items:center;transition:background .2s;flex:0 0 auto}.k-switch.on{background:var(--brand)}.k-switch>span{width:19px;height:19px;border-radius:50%;background:#fff;transform:translate(0);transition:transform .2s;box-shadow:0 1px 3px #00000059}.k-switch.on>span{transform:translate(17px)}.k-camcard{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .15s}.k-addtile{border:1.5px dashed var(--border);border-radius:16px;background:none;color:var(--text-3);cursor:pointer;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:border-color .15s,color .15s}.k-addtile:hover{border-color:var(--brand);color:var(--brand)}.k-rulecam:hover{background:var(--surface-2)}.k-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,.08) 3px);pointer-events:none}@media (max-width: 1080px){.k-grid-4{grid-template-columns:repeat(2,1fr)!important}.k-grid-overview{grid-template-columns:1fr!important}.k-grid-cams{grid-template-columns:repeat(2,1fr)!important}.k-grid-2,.k-grid-rules{grid-template-columns:1fr!important}}@media (max-width: 720px){.k-sidebar{display:none!important}.k-grid-4,.k-grid-cams{grid-template-columns:1fr!important}.k-main{padding:18px 16px!important}.k-login-left{display:none!important}}