:root{--bg-primary:#0d1b2a;--bg-secondary:#1b2838;--bg-card:#0a1628;--bg-input:#162236;--border:#1e3a5f;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#89a;--accent:#d4af37;--accent-blue:#3b82f6;--accent-green:#4ade80;--accent-yellow:#facc15;--accent-red:#ef4444;--accent-orange:#f59e0b;--sidebar-width:240px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-layout{min-height:100vh;display:flex}.admin-content{margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));flex:1;padding:24px}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);padding:20px}.sidebar-logo{color:var(--accent);letter-spacing:3px;font-size:24px;font-weight:700}.sidebar-subtitle{color:var(--text-muted);letter-spacing:2px;margin-top:4px;font-size:11px}.sidebar-nav{flex:1;padding:12px}.sidebar-footer{border-top:1px solid var(--border);padding:12px}.nav-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 16px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--accent-blue);color:#fff}.nav-icon{text-align:center;width:20px;font-size:16px}.page{max-width:1200px}.page-title{letter-spacing:1px;margin-bottom:24px;font-size:28px;font-weight:700}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title{color:var(--accent);margin:32px 0 16px;font-size:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;padding:24px}.stat-value{color:var(--accent);font-size:48px;font-weight:700}.stat-label{color:var(--text-muted);letter-spacing:2px;margin-top:8px;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:24px}.card h2{color:var(--text-primary);margin-bottom:16px;font-size:18px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.slide-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:16px}.slide-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.slide-card-actions{gap:8px;margin-top:12px;display:flex}.slide-duration{color:var(--text-muted);font-size:13px}.playlist-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:16px}.playlist-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.playlist-editor{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.widget-card{min-width:300px}.widget-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.display-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:8px;padding:16px}.display-edit-card{min-width:300px}.display-status-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.display-status{background:#ef4444;border-radius:50%;width:10px;height:10px}.display-status[data-status=online]{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.display-name{font-size:16px;font-weight:700}.display-res{color:var(--text-muted);font-size:13px}.display-id{color:var(--text-muted);font-family:monospace;font-size:11px}.display-id-label{color:var(--text-muted);font-family:monospace;font-size:12px}.display-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px;display:grid}.media-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.media-thumb{object-fit:cover;background:var(--bg-secondary);width:100%;height:150px;display:block}.media-thumb-file{color:var(--text-muted);word-break:break-all;justify-content:center;align-items:center;padding:12px;font-size:13px;display:flex}.media-info{padding:12px}.media-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.media-size{color:var(--text-muted);margin-top:4px;font-size:11px}.media-actions{gap:8px;padding:0 12px 12px;display:flex}.upload-form{align-items:center;gap:12px;display:flex}.upload-status{color:var(--accent-green);margin-top:8px;font-size:13px}.form-card{max-width:640px;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-muted);letter-spacing:1px;margin-bottom:6px;font-size:13px;display:block}.form-row{align-items:flex-end;gap:12px;display:flex}.form-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:10px 14px;font-size:14px}.form-input:focus{border-color:var(--accent-blue)}.form-textarea{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:vertical;border-radius:6px;outline:none;padding:10px 14px;font-family:monospace;font-size:14px}.form-textarea:focus{border-color:var(--accent-blue)}.form-color{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:50px;height:38px}.form-actions{gap:12px;margin-top:16px;display:flex}.badge{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 8px;font-size:11px}.toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.toggle input{accent-color:var(--accent-green)}.toggle-label{color:var(--text-muted);font-size:12px}.checklist-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px;display:flex}.checklist-item:hover{background:var(--bg-input)}.btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px;text-decoration:none;transition:all .15s;display:inline-block}.btn:hover{background:var(--bg-input)}.btn-primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger{border-color:var(--accent-red);color:var(--accent-red);background:0 0}.btn-danger:hover{background:var(--accent-red);color:#fff}.btn-sm{padding:4px 12px;font-size:12px}.btn-lg{padding:16px 32px;font-size:18px}.empty-state{text-align:center;color:var(--text-muted);padding:48px}.empty-state a{color:var(--accent-blue)}.error-page{text-align:center;color:var(--text-muted);padding:48px;font-size:24px}.display-root{background:var(--bg-primary);width:100vw;height:100vh;overflow:hidden}.display-root,.display-root *{cursor:none!important}.display-loading{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:2.22vh;display:flex}.board{flex-direction:column;width:100vw;height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex;overflow:hidden}.board-header{border-bottom:.28vh solid var(--accent);background:linear-gradient(135deg,#1b2838 0%,#0d1b2a 50%,#1b2838 100%);flex-shrink:0;justify-content:space-between;align-items:center;height:11.1vh;padding:0 1.56vw;display:flex}.header-patch{flex-shrink:0;margin-right:1.04vw}.header-patch-img{object-fit:contain;border:.19vh solid var(--accent);border-radius:50%;width:8.33vh;height:8.33vh}.header-patch-img.free-shape{border:none;border-radius:0;width:9vh;height:9vh}.header-left{flex:1;align-items:center;gap:1.04vw;display:flex}.unit-name{letter-spacing:.1vw;font-size:2.6vh;font-weight:700}.unit-location{color:var(--text-muted);letter-spacing:.2vw;margin-top:.19vh;font-size:1.5vh}.header-right{align-items:center;gap:.83vw;display:flex}.header-motto{letter-spacing:.1vw;font-size:1.3vh}.header-acc-img{object-fit:contain;width:7.4vh;height:7.4vh}.board-body{flex:1;display:flex;overflow:hidden}.board-main{flex:1;position:relative;overflow:hidden}.slide{width:100%;height:100%;padding:2.08vw;animation:.5s ease-out slideIn}.slide-enter{animation:.5s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(1.04vw)}to{opacity:1;transform:none}}.slide-text{flex-direction:column;display:flex}.slide-title{color:var(--accent);border-bottom:.19vh solid var(--accent);letter-spacing:.1vw;margin-bottom:2.31vh;padding-bottom:1.39vh;font-size:2.96vh;font-weight:700}.slide-content{color:var(--text-secondary);flex:1;font-size:1.85vh;line-height:1.8;overflow-y:auto}.slide-image{object-fit:contain;width:100%;height:100%}.no-content{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;font-size:1.85vh;display:flex}.board-sidebar{background:var(--bg-card);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:1.1vh;width:21.875vw;padding:.78vw;display:flex;overflow-y:auto}.widget-box{background:var(--bg-primary);border:1px solid var(--border);text-align:center;border-radius:.74vh;padding:1.39vh}.widget-label{color:var(--text-muted);letter-spacing:.1vw;margin-bottom:.56vh;font-size:1.3vh}.widget-value{letter-spacing:.16vw;font-size:2.78vh;font-weight:700}.coc-list{color:var(--text-secondary);text-align:left;font-size:1.5vh;line-height:2}.coc-item{border-bottom:1px solid var(--border);padding:.19vh 0}.coc-item:last-child{border-bottom:none}.coc-role{color:var(--text-muted)}.uta-dates{color:var(--accent-blue);font-size:2.4vh;font-weight:700}.uta-upcoming{color:var(--text-secondary);font-size:2vh;font-weight:700}.uta-divider{background:var(--border);height:1px;margin:.9vh 0}.clock-grid{gap:.3vw;width:100%;flex-direction:row!important;display:flex!important}.clock-box{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:.37vh;flex:1;min-width:0;padding:.5vh 0}.clock-box-local{border-color:var(--accent)}.clock-box .tz-label{color:var(--text-muted);letter-spacing:.03vw;margin-bottom:.2vh;font-size:.85vh;display:block}.clock-box .tz-time{color:var(--text-primary);font-family:Courier New,monospace;font-size:1.4vh;font-weight:700;display:block}.clock-box-local .tz-label,.clock-box-local .tz-time{color:var(--accent)}.clock-date{color:var(--text-muted);text-align:center;margin-top:.56vh;font-size:1.1vh}.weather-loading{color:var(--text-muted);font-size:1.3vh}.weather-current{text-align:left;align-items:center;gap:.63vw;display:flex}.weather-icon-lg{font-size:3.33vh}.weather-temp{color:var(--text-primary);font-size:2.6vh;font-weight:700}.weather-desc{color:var(--text-secondary);font-size:1.3vh}.weather-wind{color:var(--text-muted);margin-top:.19vh;font-size:1.2vh}.weather-forecast{border-top:1px solid var(--border);justify-content:space-around;margin-top:.93vh;padding-top:.74vh;display:flex}.forecast-day{flex-direction:column;align-items:center;gap:.19vh;display:flex}.forecast-label{color:var(--text-muted);letter-spacing:.05vw;font-size:1.1vh}.forecast-icon{font-size:1.67vh}.forecast-temp{color:var(--text-secondary);font-size:1.2vh}.ticker-sep{color:var(--text-muted);margin:0 1.04vw}.board-ticker{background:var(--bg-card);border-top:.19vh solid var(--accent);flex-shrink:0;align-items:center;height:7.4vh;display:flex;overflow:hidden}.ticker-label{color:var(--bg-primary);white-space:nowrap;z-index:1;flex-shrink:0;padding:.93vh 1.04vw;font-size:1.67vh;font-weight:700}.ticker-scroll{flex:1;overflow:hidden}.ticker-text{white-space:nowrap;color:var(--text-secondary);padding-left:1.56vw;font-size:1.85vh;animation:40s linear infinite tickerScroll}@keyframes tickerScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.register-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.register-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;max-width:500px;padding:48px}.register-card h1{color:var(--accent);margin-bottom:12px;font-size:28px}.register-desc{color:var(--text-muted);margin-bottom:32px}.register-result{margin-top:24px}.screen-id{background:var(--bg-input);word-break:break-all;color:var(--accent-green);border-radius:8px;margin:16px 0;padding:16px;font-size:18px;display:block}.register-help{color:var(--text-muted);margin:16px 0;font-size:14px}.dynamic-list{flex-direction:column;gap:8px;display:flex}.dynamic-row{align-items:center;gap:8px;display:flex}.dynamic-row .form-input{flex:1}.form-input-sm{padding:6px 10px!important;font-size:13px!important}.ticker-row .form-input{flex:3}.color-preview{transition:background .2s}.toggle-sm{cursor:pointer;color:var(--text-muted);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.toggle-sm input:checked+span{color:var(--text-primary)}