:root{--text:#fff;--bg:#211730;--mono:"IBM Plex Mono", monospace}html,body{background:var(--bg);color:var(--text);font-family:var(--mono);margin:0;padding:0}main{flex-direction:column;display:flex}.header{z-index:1000;color:#fff;background:#2d2443;width:100%;top:0}.header-inner{align-items:center;gap:2rem;padding:10px 52px 10px 32px;display:flex}.nav{gap:.5rem;margin-left:auto;margin-right:-1.5rem;display:flex}.nav-item{color:#fff;opacity:.6;border-radius:8px;padding:6px 14px;font-size:14px;text-decoration:none;transition:opacity .15s,background-color .15s}.nav-item:hover{opacity:1;background-color:#ffffff14}.nav-item.active{opacity:1;color:#c4b5fd;background-color:#c4b5fd33}h1{word-spacing:-8px;white-space:nowrap;margin:0;font-size:20px;font-weight:600}body{margin:0}h2{margin:0;font-size:1.2rem;font-weight:500}@media (width<=600px){.header-inner{gap:.5rem;padding:8px 12px}h1{font-size:13px}.nav-item{padding:5px 8px;font-size:11px}.nav{margin-right:0}}.pc-card{background:#3c334a;border-radius:16px;justify-content:space-between;align-items:center;width:400px;padding:20px;display:flex}.pc-card.mirrored{flex-direction:row-reverse}.pc-card.mirrored .pc-info{flex-direction:column;align-items:flex-end;display:flex}.pc-card.mirrored .more-info{align-items:flex-end}.pc-info h2{color:#fff;margin:0;font-size:24px}.pc-info p{color:#ccc;word-spacing:-3px;margin:8px 0 0}.pc-status{border-radius:8px;width:18px;height:85px}.more-info{flex-direction:column;align-items:flex-start;gap:2px;margin-top:auto;display:flex}.pc-status.Available{background:#74d66f}.pc-status.Occupied{background:#bf5c5c}.pc-status.Kickable{background:#e3bc46}.pc-status.Reserved{background:#8f6bb5}.pc-status.Offline{background:#ccc}@media (width<=600px){.pc-card{box-sizing:border-box;border-radius:12px;width:100%;padding:10px 12px}.pc-info h2{font-size:13px}.pc-info p{margin-top:4px;font-size:11px}.pc-status{border-radius:6px;width:10px;height:45px}}.pc-grid{justify-content:center;gap:1rem;padding-top:18px;display:flex}.pc-column{flex-direction:column;gap:1rem;display:flex}@media (width<=600px){.pc-grid{gap:.5rem;margin-top:8px;padding:16px 12px}.pc-column{flex:1}}.loader{justify-content:center;align-items:center;height:80vh;display:flex}.loader-content{flex-direction:column;align-items:center;gap:8px;display:flex}.error{justify-content:center;align-items:center;height:70vh;display:flex}.error-content{flex-direction:column;align-items:center;gap:8px;display:flex}button{color:#3c3449;z-index:999;background-color:#f5f5f5;border:none;border-radius:16px;padding:14px 28px;font-family:inherit;font-weight:500;position:fixed;bottom:24px;right:24px}button:hover:not(:disabled){background-color:#b2a5c7}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.6;cursor:not-allowed}.reservations{text-align:center;color:#fff;justify-content:center;align-items:center;min-height:55vh;padding-top:60px;font-size:1.5rem;display:flex}.reservations-content{flex-direction:column;align-items:center;gap:20px;display:flex}@media (width<=600px){.reservations{padding-top:40px;font-size:1rem}.reservations-content img{width:80%}}.closed{justify-content:center;align-items:center;height:70vh;display:flex}.closed-content{flex-direction:column;align-items:center;gap:12px;display:flex}.hours-link{color:#c4b5fd;opacity:.7;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .15s}.hours-link:hover{opacity:1}.hours{justify-content:center;align-items:center;min-height:55vh;padding-top:60px;display:flex}.hours-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.hours-content h2{color:#fff;opacity:1;margin:0;font-size:2rem}.hours-table{flex-direction:column;gap:.75rem;width:420px;display:flex}.hours-row{background:#3c334a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;font-size:1rem;display:flex}.hours-day{color:#c4b5fd;font-weight:700}.hours-time{color:#fff;opacity:1}@media (width<=600px){.hours-table{width:calc(100vw - 48px)}.hours-row{padding:12px 16px;font-size:.85rem}.hours{height:auto;padding:2rem 0}}