*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0e0e10;color:#f5f5f7}.admin-layout{display:flex;flex-direction:column;min-height:100vh}.admin-main{flex:1 1;padding:32px 40px;min-height:0}.admin-container{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.page-header h1{font-size:36px;margin:0}.btn{padding:12px 24px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn.btn-primary{color:#f5f5f7}.btn.btn-secondary:hover{background-color:#333}.btn.btn-danger{background-color:#ff453a;color:#f5f5f7}.btn.btn-danger:hover{background-color:rgb(100%,8.1755747984%,2.7450980392%)}.btn:disabled{opacity:.5;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.stat-card{background-color:#1a1a1e;border:1px solid #2a2a2e;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px}.stat-card .stat-icon{font-size:48px}.stat-card .stat-content{flex:1 1}.stat-card .stat-content h3{font-size:16px;font-weight:500}.stat-card .stat-content .stat-number{margin:0 0 12px;font-size:32px;font-weight:700}.stat-card .stat-content .stat-status{margin:0 0 12px;font-size:18px;font-weight:600}.stat-card .stat-content .stat-link{color:#155fd4;text-decoration:none;font-size:14px}.stat-card .stat-content .stat-link:hover{text-decoration:underline}.quick-actions{margin-top:40px}.quick-actions h2{font-size:24px;margin-bottom:20px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-card{background-color:#1a1a1e;border:1px solid #2a2a2e;border-radius:8px;padding:20px;text-align:center;text-decoration:none;color:#f5f5f7;transition:all .2s}.action-card:hover{background-color:#1f1f23}.action-card .action-icon{font-size:32px;display:block;margin-bottom:12px}.action-card .action-label{font-size:14px;font-weight:600}.screens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.screen-card{background-color:#1a1a1e;border:1px solid #2a2a2e;border-radius:12px;padding:24px;position:relative;display:flex;flex-direction:column}.screen-card h3{margin:0 0 16px;font-size:20px;padding-right:32px}.screen-card .screen-delete-btn{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:6px;color:#c7c7cc;cursor:pointer;transition:background-color .15s,color .15s}.screen-card .screen-delete-btn:hover{background:rgba(217,83,79,.12);color:#d9534f}.screen-card .screen-info{margin-bottom:20px}.screen-card .screen-info p{margin:8px 0;font-size:14px;color:#c7c7cc}.screen-card .screen-info p strong{color:#f5f5f7}.screen-card .screen-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}.posters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.poster-card{background-color:#1a1a1e;border:1px solid #2a2a2e;border-radius:12px;overflow:hidden}.poster-card .poster-thumbnail{width:100%;height:300px;position:relative;background-color:#1f1f23}.poster-card .poster-thumbnail img{width:100%;height:100%;object-fit:cover}.poster-card .poster-info{padding:16px}.poster-card .poster-info h3{margin:0 0 8px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-card .poster-info .poster-size{margin:0;font-size:14px;color:#c7c7cc}.poster-card .poster-actions{padding:0 16px 16px;display:flex;gap:8px}.screen-form,.settings-form{max-width:800px;background-color:#1a1a1e;border:1px solid #2a2a2e;border-radius:12px;padding:32px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#f5f5f7}.form-group input[type=number],.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #2a2a2e;border-radius:6px;background-color:#1f1f23;color:#f5f5f7;font-size:14px}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#155fd4}.form-group.checkbox-group label{display:flex;align-items:center;cursor:pointer}.form-group.checkbox-group label input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer}.form-section{margin-top:32px;padding-top:32px;border-top:1px solid #2a2a2e}.form-section h3{margin:0 0 20px;font-size:20px}.form-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #2a2a2e}.poster-selection{max-height:300px;overflow-y:auto;background-color:#1f1f23;border:1px solid #2a2a2e;border-radius:6px;padding:12px}.poster-selection .poster-item{padding:8px}.poster-selection .poster-item label{display:flex;align-items:center;cursor:pointer;font-weight:400}.poster-selection .poster-item label input[type=checkbox]{margin-right:8px;cursor:pointer}.settings-section{margin-bottom:40px;background-color:#1a1a1e;border:1px solid #2a2a2e;border-radius:12px;padding:32px}.settings-section h2{margin:0 0 24px;font-size:24px}.connection-options{display:flex;flex-direction:column;gap:24px}.option-card{background-color:#1f1f23;border:1px solid #2a2a2e;border-radius:8px;padding:24px}.option-card h3{margin:0 0 12px;font-size:18px}.option-card p{margin:0 0 20px;color:#c7c7cc}.option-divider{text-align:center;color:#c7c7cc;font-weight:600;padding:12px 0}.connected-state .connection-info{background-color:#1f1f23;border:1px solid #2a2a2e;border-radius:8px;padding:20px;margin-bottom:20px}.connected-state .connection-info p{margin:8px 0;font-size:14px}.connected-state .connection-info p strong{color:#f5f5f7}.instructions{background-color:#1f1f23;border:1px solid #2a2a2e;border-radius:8px;padding:24px}.instructions h4{margin:20px 0 12px;font-size:16px}.instructions h4:first-child{margin-top:0}.instructions ol{margin:0;padding-left:24px;color:#c7c7cc}.instructions ol li{margin:8px 0}.alert{padding:20px;border-radius:8px;margin-bottom:24px}.alert h3{margin:0 0 8px;font-size:18px}.alert p{margin:0;font-size:14px}.alert a{color:inherit;text-decoration:underline}.alert a:hover{text-decoration:none}.alert.alert-warning{background-color:rgba(255,159,10,.1);border:1px solid rgba(255,159,10,.3);color:#ff9f0a}.alert.alert-success{background-color:rgba(48,209,88,.1);border:1px solid rgba(48,209,88,.3);color:#30d158}.alert.alert-error{background-color:rgba(255,69,58,.1);border:1px solid rgba(255,69,58,.3);color:#ff453a}.alert.alert-info{background-color:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);color:#2196f3}.form-hint{margin:4px 0 0;font-size:12px;color:#c7c7cc;line-height:1.4}.form-hint.form-hint--error{color:#ff453a}.empty-state{text-align:center;padding:60px 20px;color:#c7c7cc}.empty-state p{font-size:18px;margin-bottom:24px}.loading{text-align:center;padding:60px 20px;font-size:18px;color:#c7c7cc}.file-upload-btn{position:relative;cursor:pointer}@media(max-width:768px){.admin-main{padding:16px 20px}.posters-grid,.screens-grid,.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:28px}}.stat-status--connected{color:#30d158}.stat-status--disconnected{color:#ff453a}.settings-section h2{margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #2a2a2e}.form-section h3,.settings-section h2{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c7c7cc}.form-section h3{margin:0 0 16px}.stat-card .stat-content h3{margin:0 0 8px}.quick-actions h2,.stat-card .stat-content h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c7c7cc}.quick-actions h2{margin-bottom:16px}.action-card,.option-card,.poster-card,.screen-card,.settings-section,.stat-card{border-radius:10px;transition:box-shadow .15s ease}.action-card:hover,.option-card:hover,.poster-card:hover,.screen-card:hover,.settings-section:hover,.stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.25)}.action-card:hover{border-color:#155fd4}.page-header h1{font-size:22px;font-weight:700;letter-spacing:-.01em}.btn{padding:9px 18px;font-size:14px;font-weight:500;border-radius:6px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.btn.btn-primary{background-color:#155fd4;color:#fff}.btn.btn-primary:hover{background-color:#1a6fe8;box-shadow:0 2px 8px rgba(21,95,212,.35)}.btn.btn-primary:active{background-color:#1254b8}.btn.btn-secondary{background-color:#1f1f23;color:#f5f5f7;border:1px solid #2a2a2e}.btn.btn-secondary:hover{background-color:#2a2a2e;border-color:#3a3a3e}.btn.btn-secondary:active{background-color:#222226}.btn.btn-sm{padding:6px 12px;font-size:13px}.screen-card h3{font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 12px}.poster-card .poster-info h3{font-size:14px;font-weight:600;letter-spacing:-.01em}.AdminTopNav_topNav__hzBDH{width:100%;height:60px;position:sticky;top:0;z-index:var(--z-sticky,1100);background:var(--background-navbar,#FAFAFA);border-bottom:1px solid var(--border-subtle,#f5f5f5);flex-shrink:0}.AdminTopNav_inner__jy7M0{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-lg,1.5rem);padding:0 var(--space-xl,2rem)}.AdminTopNav_brand__Ap6XY{font-size:var(--font-size-lg,1.125rem);font-weight:var(--font-weight-bold,700);color:var(--brand-primary,#3A5FCD);text-decoration:none;white-space:nowrap;transition:color .16s ease;display:flex;align-items:center;gap:var(--space-xs,.5rem)}.AdminTopNav_brand__Ap6XY:hover{color:var(--brand-primary-hover,#2E4A99)}.AdminTopNav_brand__Ap6XY:focus-visible{outline:2px solid var(--border-focus,#384fff);outline-offset:2px;border-radius:var(--radius-sm,.25rem)}.AdminTopNav_brandIcon__Bx0MR{flex-shrink:0;color:var(--brand-primary,#3A5FCD)}.AdminTopNav_navLinks__mAiCm{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-xs,.5rem);align-items:center;justify-content:center}.AdminTopNav_navLink__tHCQD{display:flex;align-items:center;gap:var(--space-2xs,.25rem);font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-medium,500);color:var(--text-secondary,#525252);text-decoration:none;padding:var(--space-xs,.5rem) var(--space-sm,.75rem);border-radius:var(--radius-sm,.25rem);transition:color .16s ease,background-color .16s ease;white-space:nowrap}.AdminTopNav_navLink__tHCQD:hover{color:var(--text-primary,#0f0f0f);background:var(--interactive-hover,rgba(0,0,0,.03))}.AdminTopNav_navLink__tHCQD:focus-visible{outline:2px solid var(--border-focus,#384fff);outline-offset:2px}.AdminTopNav_navLinkActive__n8WLo{color:var(--text-primary,#0f0f0f);box-shadow:inset 0 -2px 0 0 var(--brand-primary,#3A5FCD)}.AdminTopNav_navLinkIcon__JNkZc{flex-shrink:0}.AdminTopNav_rightCluster__hMOYO{display:flex;align-items:center;gap:var(--space-sm,.75rem);min-width:1px}@media screen and (max-width:calc(40rem - 1px)){.AdminTopNav_inner__jy7M0{padding:0 var(--space-md,1rem);gap:var(--space-sm,.75rem)}.AdminTopNav_brand__Ap6XY{font-size:var(--font-size-md,1rem)}.AdminTopNav_navLinkLabel__wLCnR{display:none}.AdminTopNav_navLinks__mAiCm{gap:var(--space-2xs,.25rem)}.AdminTopNav_navLink__tHCQD{padding:var(--space-xs,.5rem) var(--space-xs,.5rem)}}