:root{--bg: #0f1115;--surface: #191c23;--surface-2: #21252e;--border: #2c313c;--text: #e6e8ec;--muted: #9aa2b1;--primary: #3b82f6;--primary-hover: #2f6fe0;--green: #22c55e;--amber: #f59e0b;--red: #ef4444;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--primary);text-decoration:none}.container{max-width:960px;margin:0 auto;padding:1.5rem 1rem 4rem}header.app{border-bottom:1px solid var(--border);background:var(--surface)}header.app .inner{max-width:960px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem}header.app .brand{font-weight:700;font-size:1.1rem}header.app nav{display:flex;gap:1rem;margin-left:1rem;flex:1}header.app nav a{color:var(--muted);padding:.25rem 0}header.app nav a.router-link-active{color:var(--text);border-bottom:2px solid var(--primary)}header.app .who{color:var(--muted);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem}h1{font-size:1.5rem;margin:0 0 1rem}h2{font-size:1.15rem;margin:0 0 .75rem}button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.5rem .9rem;font-size:.9rem;cursor:pointer;font-weight:600}button:hover{background:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--red)}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.5rem .6rem;font-size:.9rem;width:100%}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.25rem}.field{margin-bottom:.75rem}.row{display:flex;gap:.75rem;flex-wrap:wrap}.row>.field{flex:1;min-width:120px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--muted);font-weight:600}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid transparent}.badge.OPEN{background:#94a3b826;color:#cbd5e1}.badge.CONFIRMED{background:#22c55e26;color:#4ade80}.badge.RESERVED{background:#3b82f626;color:#93c5fd}.badge.PLAYED{background:#a855f726;color:#d8b4fe}.badge.CANCELLED{background:#ef444426;color:#fca5a5}.error{color:var(--fca5a5, #fca5a5);background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:.5rem .75rem;border-radius:8px;margin-bottom:1rem}.muted{color:var(--muted)}.right{text-align:right}.spacer{flex:1}.auth-wrap{max-width:380px;margin:4rem auto}.slot-grid{display:grid;gap:.75rem}.slot{display:flex;align-items:center;gap:1rem}.slot .meta{flex:1}.slot .date{font-weight:700}.players{font-size:.85rem;color:var(--muted)}