:root{--kabisa-yellow:#FFD400;--kabisa-black:#000000;--kabisa-white:#FFFFFF;--kabisa-blue:#0E159A;--kabisa-solar2:#FFC200;--kabisa-voltage2:#1B39C0;--kabisa-voltage3:#4561DE;--font-primary:"Inter",Arial,sans-serif;--font-display:"Fjalla One",Impact,sans-serif;--sidebar-w:300px;--topbar-h:56px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--kabisa-black);color:var(--kabisa-white);overflow:hidden}body,button,html{font-family:var(--font-primary)}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--kabisa-yellow);outline-offset:2px}#login-screen{position:fixed;inset:0;background:var(--kabisa-black);display:flex;align-items:center;justify-content:center;z-index:100}.login-card{width:min(90vw,420px);text-align:center}.login-logo{height:46px;width:auto;margin-bottom:22px}.login-sub{font-family:var(--font-display);color:var(--kabisa-yellow);letter-spacing:3px;font-size:14px;margin:2px 0 34px}#login-form{display:flex;flex-direction:column;gap:12px}#password-input{background:#141414;border:1px solid #333;color:var(--kabisa-white);font-size:16px;padding:14px 16px;border-radius:2px;text-align:center;letter-spacing:2px}#password-input::placeholder{color:#777;letter-spacing:normal}#login-btn{background:var(--kabisa-yellow);color:var(--kabisa-black);border:none;font-weight:700;font-size:15px;padding:14px 16px;border-radius:2px;letter-spacing:.5px}#login-btn:hover{background:var(--kabisa-solar2)}#login-btn:disabled{opacity:.6;cursor:default}#login-error{color:var(--kabisa-yellow);font-size:13px;min-height:18px;margin-top:4px}.login-office{margin-top:28px;font-size:12px;color:#777;letter-spacing:1px;text-transform:uppercase}#app{inset:0}#app,#topbar{position:fixed}#topbar{top:0;left:0;right:0;height:var(--topbar-h);background:var(--kabisa-black);border-bottom:3px solid var(--kabisa-yellow);display:flex;align-items:center;padding:0 14px;z-index:20}#sidebar-toggle{background:none;border:none;color:var(--kabisa-white);font-size:20px;padding:6px 10px;margin-right:8px;border-radius:2px}#sidebar-toggle:hover{background:#1a1a1a}#home-link-btn{display:flex;align-items:center;margin-right:18px;background:none;border:none;color:var(--kabisa-white);padding:6px 4px;border-radius:2px}#home-link-btn:hover{background:#1a1a1a}.topbar-logo{height:18px;width:auto;display:block}#current-screen-name{font-weight:600;font-size:14px;color:var(--kabisa-yellow);letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{margin-left:auto}.topbar-btn,.topbar-right{display:flex;align-items:center;gap:6px}.topbar-btn{background:none;border:1px solid #333;color:var(--kabisa-white);font-size:13px;padding:7px 12px;border-radius:2px;white-space:nowrap}.topbar-btn:hover{border-color:var(--kabisa-yellow);color:var(--kabisa-yellow)}.office-select-wrap{position:relative;display:flex;align-items:center;border-left:1px solid #333;padding-left:12px;margin-left:6px}.office-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0d0d0d;border:1px solid #333;color:var(--kabisa-white);font-family:var(--font-primary);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:7px 30px 7px 12px;border-radius:2px;cursor:pointer}.office-select:hover{border-color:var(--kabisa-yellow);color:var(--kabisa-yellow)}.office-select-wrap:after{content:"▾";position:absolute;right:12px;color:#888;pointer-events:none;font-size:11px}#sidebar-overlay{position:fixed;inset:0;top:var(--topbar-h);background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:15}#sidebar-overlay.open{opacity:1;pointer-events:auto}#sidebar{position:fixed;top:var(--topbar-h);bottom:0;left:0;width:var(--sidebar-w);background:#0b0b0b;border-right:1px solid #222;transform:translateX(-100%);transition:transform .2s ease;z-index:16;display:flex;flex-direction:column;overflow-y:auto}#sidebar.open{transform:translateX(0)}.sidebar-label{font-family:var(--font-display);font-size:12px;letter-spacing:2px;color:#666;padding:18px 18px 8px}.nav-divider{height:1px;background:#1e1e1e;margin:6px 18px 10px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 18px;color:#ccc;background:none;border:none;border-left:3px solid transparent;width:100%;text-align:left;font-size:14px;font-weight:500}.nav-item.active,.nav-item:hover{background:#161616;color:var(--kabisa-white)}.nav-item.active{border-left-color:var(--kabisa-yellow)}.screen-num{font-family:var(--font-display);font-size:14px;color:#555;width:20px}.nav-item.active .screen-num{color:var(--kabisa-yellow)}.screen-name{flex:1 1}.screen-dot{width:6px;height:6px;border-radius:50%;background:#333;flex-shrink:0}.nav-item.active .screen-dot{background:var(--kabisa-yellow)}#sidebar-footer{margin-top:auto;padding:16px 18px;border-top:1px solid #1e1e1e;font-size:11px;color:#555;letter-spacing:.5px}#sidebar-footer span{color:var(--kabisa-yellow)}#content{position:fixed;top:var(--topbar-h);left:0;right:0;bottom:0;background:#050505}.frame-wrap{position:relative;width:100%;height:100%}#content iframe{width:100%;height:100%;border:none;display:block;background:var(--kabisa-white)}.frame-banner{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:rgba(11,11,11,.96);border-bottom:1px solid #2a2a2a;padding:8px 14px;font-size:12px;color:#ccc}.frame-banner strong{color:var(--kabisa-yellow);font-weight:600}.frame-banner-spacer{flex:1 1}.frame-banner button{background:none;border:1px solid #333;color:var(--kabisa-white);font-size:12px;padding:5px 10px;border-radius:2px;display:inline-flex;align-items:center;gap:5px}.frame-banner button:hover{border-color:var(--kabisa-yellow);color:var(--kabisa-yellow)}.frame-banner .banner-primary{background:var(--kabisa-yellow);color:var(--kabisa-black);border-color:var(--kabisa-yellow);font-weight:700}.frame-banner .banner-primary:hover{background:var(--kabisa-solar2);color:var(--kabisa-black)}.frame-banner-close{color:#777}.placeholder{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.placeholder-card{max-width:520px;text-align:center}.placeholder-num{font-family:var(--font-display);font-size:64px;color:var(--kabisa-yellow);line-height:1}.placeholder-title{font-family:var(--font-display);font-size:26px;letter-spacing:1px;margin:10px 0 14px}.placeholder-body{color:#999;font-size:14px;line-height:1.6;margin-bottom:20px}.placeholder-code{display:inline-block;background:#141414;border:1px solid #2a2a2a;color:var(--kabisa-solar2);font-size:12px;padding:8px 12px;border-radius:2px;font-family:monospace}#home-view{height:100%;overflow-y:auto;padding:clamp(20px,4vw,48px) clamp(16px,4vw,56px) 48px}.home-title{font-family:var(--font-display);font-size:clamp(28px,3.4vw,40px);letter-spacing:1px}.home-sub{color:#999;font-size:14px;line-height:1.6;max-width:640px;margin-top:8px}.howto{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0 36px}.howto-step{display:flex;gap:12px;align-items:flex-start;background:#0d0d0d;border:1px solid #222;padding:14px 16px;border-radius:2px;max-width:280px;flex:1 1 220px}.howto-num{font-family:var(--font-display);color:var(--kabisa-black);background:var(--kabisa-yellow);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.howto-text{font-size:13px;color:#ccc;line-height:1.55}.wall-label{font-family:var(--font-display);font-size:12px;letter-spacing:2px;color:#666;margin-bottom:12px}.tv-wall{display:grid;grid-gap:3px;gap:3px;background:#262626;border:3px solid var(--kabisa-yellow);min-height:300px}.tv-wall--8{grid-template-columns:1.1fr 1fr 1fr 1fr 1.1fr;grid-template-rows:1fr 1fr}.tv-wall--8 .pos-0{grid-column:1;grid-row:1/span 2}.tv-wall--8 .pos-1{grid-column:2;grid-row:1}.tv-wall--8 .pos-2{grid-column:2;grid-row:2}.tv-wall--8 .pos-3{grid-column:3;grid-row:1}.tv-wall--8 .pos-4{grid-column:3;grid-row:2}.tv-wall--8 .pos-5{grid-column:4;grid-row:1}.tv-wall--8 .pos-6{grid-column:4;grid-row:2}.tv-wall--8 .pos-7{grid-column:5;grid-row:1/span 2}.tv-wall--grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}.tv-cell{background:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;cursor:pointer;text-align:center;transition:background .15s ease;min-height:130px}.tv-cell:hover{background:#1c1c1c}.tv-cell:hover .tv-num{color:var(--kabisa-solar2)}.tv-num{font-family:var(--font-display);font-size:30px;color:var(--kabisa-yellow);line-height:1}.tv-name{font-size:13px;font-weight:600;color:#eee}.tv-hint{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:1px;margin-top:2px}@media (max-width:760px){.tv-wall--8,.tv-wall--grid{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:1fr}.tv-wall--8 .tv-cell{grid-column:auto!important;grid-row:auto!important}.office-select{font-size:11px;padding:6px 26px 6px 10px}:root{--sidebar-w:260px}}