:root{--blue:#014ab3;--yellow:#e5ff00;--ink:#2a3139;--bg:#f5f4ef;--card-border:#e5e3da;--muted:#6b6a63;--green-bg:#e6f2e0;--green-text:#3b6d11;--red-bg:#fbe9e9;--red-text:#a32d2d;--orange-bg:#fdf1dc;--orange-text:#8a5a12;--class-bg:#e9e6d8;--class-text:#5f5e46}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{box-sizing:border-box;font-family:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--ink);color:#fff;flex-direction:column;flex-shrink:0;width:220px;display:flex}.sidebar .brand{align-items:center;gap:10px;padding:20px 18px;display:flex}.sidebar .brand img{width:30px;height:auto}.sidebar .brand .name{font-size:16px;font-weight:700}.sidebar nav{flex-direction:column;margin-top:8px;display:flex}.sidebar nav a{color:#c7cdd6;border-left:3px solid #0000;padding:12px 20px;font-size:14px}.sidebar nav a.active{color:#fff;border-left-color:var(--yellow);background:#ffffff0f;font-weight:600}.sidebar .club-footer{color:#8892a0;border-top:1px solid #ffffff1a;margin-top:auto;padding:16px 20px;font-size:12px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.top-header{border-bottom:1px solid var(--card-border);background:#fff;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.top-header h1{margin:0;font-size:18px}.content{flex:1;padding:24px 28px}.card{border:1px solid var(--card-border);background:#fff;border-radius:12px;padding:16px}.btn{border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--blue);color:#fff}.btn-accent{background:var(--yellow);color:var(--ink)}.btn-outline{color:var(--ink);background:#fff;border:1px solid #d8d6cb}.btn-danger{background:var(--red-bg);color:var(--red-text)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-libre{background:var(--green-bg);color:var(--green-text)}.badge-reservado{background:var(--orange-bg);color:var(--orange-text)}.badge-jugando{background:var(--red-bg);color:var(--red-text)}.badge-clase{background:var(--class-bg);color:var(--class-text)}.badge-cerrada{color:var(--blue);background:#e3e8f5}.badge-pagada{background:var(--green-bg);color:var(--green-text)}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:repeat(4,1fr)}table.simple{border-collapse:collapse;width:100%;font-size:13px}table.simple th{text-align:left;color:var(--muted);border-bottom:1px solid var(--card-border);text-transform:uppercase;letter-spacing:.03em;padding:8px 6px;font-size:11px;font-weight:600}table.simple td{border-bottom:1px solid #f0efe8;padding:10px 6px}.field-label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.field-input{border:1px solid #d8d6cb;border-radius:8px;width:100%;padding:9px;font-size:13px}.chip{cursor:pointer;background:#fff;border:1px solid #d8d6cb;border-radius:8px;padding:6px 14px;font-size:12px}.chip.active{background:var(--yellow);border-color:var(--yellow);color:var(--ink);font-weight:700}.sw{cursor:pointer;background:#d8d6cb;border-radius:11px;width:40px;height:22px;transition:background .3s;display:inline-block;position:relative}.sw.on{background:var(--yellow)}.sw .knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.sw.on .knob{left:20px}.toast-msg{background:var(--blue);color:#fff;z-index:50;border-radius:10px;padding:10px 18px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.modal-backdrop{z-index:40;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:420px;max-width:92vw;max-height:88vh;padding:24px;overflow-y:auto}.login-screen{background:var(--ink);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{flex-direction:column;align-items:center;gap:18px;width:340px;display:flex}.login-card img{width:110px}.login-card h1{color:#fff;margin:0;font-size:26px}.login-card .slogan{color:var(--yellow);text-align:center;margin-top:-10px;font-size:13px;font-style:italic}.login-card input{color:#fff;background:#20293a;border:1px solid #3a4250;border-radius:8px;width:100%;padding:10px;font-size:13px}.login-card .btn-accent{width:100%;margin-top:6px;padding:12px}.login-error{color:#ff9d9d;font-size:12px}.wa-bubble{color:#e9edef;background:#202c33;border-radius:8px 8px 0;max-width:80%;padding:10px 12px;font-size:13px}.wa-outbox{background:#0b141a;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}@media (width<=800px){.sidebar{display:none}.content{padding:16px}.top-header{padding:12px 16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}