:root{--bg-dark: #0a0e17;--bg-card: rgba(20, 27, 45, .88);--bg-card-border: rgba(0, 240, 255, .2);--text-main: #f0f4f8;--text-muted: #8a99ad;--cyan: #00f0ff;--cyan-glow: rgba(0, 240, 255, .4);--cyan-dark: #00a8b3;--amber: #ffb703;--amber-glow: rgba(255, 183, 3, .4);--red: #ff3366;--green: #00f59b;--court-bg: #050811;--font-display: "Orbitron", monospace, sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 15% 20%,rgba(0,240,255,.06) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,183,3,.05) 0%,transparent 40%);background-attachment:fixed;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0e1799}::-webkit-scrollbar-thumb{background:#00f0ff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f0ff73}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:1.5rem}@media screen and (max-width:768px){.main-content{padding:.45rem}.card{padding:.9rem}}.card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:12px;padding:2rem;box-shadow:0 8px 32px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn{font-family:var(--font-display);font-size:.85rem;font-weight:700;padding:.65rem 1.4rem;border-radius:6px;border:none;cursor:pointer;letter-spacing:1px;transition:all .2s cubic-bezier(.16,1,.3,1);text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;box-shadow:0 4px 15px #00c6ff4d}.btn-primary:not(:disabled):hover{box-shadow:0 6px 20px #00c6ff99;transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,#ffb703,#fb8500);color:#050811;font-weight:800;box-shadow:0 4px 15px #ffb7034d}.btn-accent:not(:disabled):hover{box-shadow:0 6px 20px #ffb70399;transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid var(--bg-card-border);color:var(--text-main)}.btn-outline:not(:disabled):hover{border-color:var(--cyan);color:var(--cyan);background:#00f0ff0d}.btn-danger{background:#ff336626;border:1px solid var(--red);color:var(--red)}.btn-danger:not(:disabled):hover{background:var(--red);color:#fff}.btn-sm{padding:.4rem .8rem;font-size:.75rem}.btn-block{width:100%}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem;font-weight:600}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;background:#0a0e17b3;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--text-main);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.form-group-checkbox{display:flex;align-items:center;gap:.6rem;margin-bottom:1.2rem;cursor:pointer;-webkit-user-select:none;user-select:none}.form-group-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan);cursor:pointer}.badge{font-size:.7rem;padding:.25rem .6rem;border-radius:4px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.badge-waiting{background:#00f0ff26;color:var(--cyan);border:1px solid rgba(0,240,255,.3)}.badge-in_progress{background:#ffb70326;color:var(--amber);border:1px solid rgba(255,183,3,.3);animation:pulse-glow 2s infinite ease-in-out}.badge-completed{background:#00f59b26;color:var(--green);border:1px solid rgba(0,245,155,.3)}.badge-cancelled{background:#ff336626;color:var(--red);border:1px solid rgba(255,51,102,.35)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.modal-backdrop{position:fixed;inset:0;background:#050811d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem;animation:fadeIn .2s ease-out}.modal-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:14px;width:100%;max-width:480px;padding:2rem;box-shadow:0 16px 48px #000000b3;animation:scaleUp .2s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.8rem}.modal-header h3{font-family:var(--font-display);font-size:1.25rem;color:var(--text-main);letter-spacing:.5px}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.6rem;cursor:pointer;line-height:1;transition:color .2s}.close-btn:hover{color:var(--cyan)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}kbd{background:#ffffff1f;border:1px solid rgba(255,255,255,.3);padding:.15rem .45rem;border-radius:4px;font-family:var(--font-display);font-size:.8em;color:var(--cyan);box-shadow:0 2px #0006}