*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-user-select:none;user-select:none;background:#000;height:100vh;font-family:monospace;overflow:hidden}.container{max-width:1100px;margin:0 auto;padding:20px}.login-page{justify-content:center;align-items:center;height:100vh;display:flex}.btn{color:#fff;cursor:pointer;font:inherit;background:0 0;border:1px solid #fff;padding:8px 16px}.btn:hover{color:#000;background:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:#888;border-color:#444}.btn-secondary:hover{color:#fff;background:#444}header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.user-info{align-items:center;gap:10px;display:flex}.avatar{width:32px;height:32px}.header-actions{gap:8px;display:flex}.week-grid{max-height:calc(100vh - 120px);overflow:auto}.grid-header{z-index:10;background:#000;grid-template-columns:70px repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid;position:sticky;top:0}.day-header{text-align:center;color:#888;border-bottom:1px solid #222;padding:12px 4px;font-size:13px}.grid-body{flex-direction:column;gap:2px;display:flex}.grid-row{grid-template-columns:70px repeat(7,1fr);gap:2px;display:grid}.time-label{color:#555;align-items:center;padding:6px 8px;font-size:12px;display:flex}.cell{cursor:pointer;touch-action:none;background:#111;border:1px solid #1a1a1a;justify-content:center;align-items:center;min-height:44px;display:flex;overflow:hidden}.cell:hover{background:#222}.cell.selected{background:#555}.cell.past{cursor:not-allowed;opacity:.4;background:#080808}.cell-users{gap:2px;max-width:100%;display:flex;overflow-x:auto}.cell-avatar{flex-shrink:0;width:22px;height:22px}@media (width<=700px){.grid-header,.grid-row{grid-template-columns:50px repeat(7,1fr)}.day-header,.time-label{font-size:10px}.cell{min-height:24px}}