:root{--brand: #7C3AED;--brand-light: #8B5CF6;--brand-accent: #A855F7;--brand-dark: #6D28D9;--brand-ink: #1C0A3C;--lav: #F8F6FF;--lav2: #EFE9FF;--lav3: #E4DBFB;--bg: #FFFFFF;--card: #FFFFFF;--text: #1C0A3C;--muted: rgba(28, 10, 60, .58);--dim: rgba(28, 10, 60, .36);--border: rgba(109, 40, 217, .13);--border-strong: rgba(109, 40, 217, .42);--ok: #15803d;--ok-soft: #dcfce7;--warn: #b45309;--warn-soft: #fef3c7;--bad: #b91c1c;--bad-soft: #fee2e2;--info: #1d4ed8;--info-soft: #dbeafe;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(28, 10, 60, .04), 0 8px 24px -12px rgba(109, 40, 217, .18);--shadow-lg: 0 20px 50px -20px rgba(109, 40, 217, .35);--sidebar-w: 248px;--fd: "Cormorant Garamond", Georgia, serif;--fb: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--fb);background:var(--bg);color:var(--text);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}::selection{background:#8b5cf640}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em;color:var(--brand-ink)}h1{font-family:var(--fd);font-size:2rem;font-weight:600;line-height:1.1;letter-spacing:0}h2{font-size:1.05rem;font-weight:650}h3{font-size:.95rem;font-weight:650}p{margin:.25rem 0}code{background:var(--lav2);padding:.1em .35em;border-radius:4px;font-size:.9em}.app{display:flex;min-height:100%}.sidebar{width:var(--sidebar-w);background:#fff;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30;transition:transform .2s}.sidebar .brand{padding:22px 18px 14px;display:flex;align-items:center;gap:12px}.sidebar .brand .logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-accent));display:grid;place-items:center;font-size:1.3rem;box-shadow:0 6px 14px -6px #7c3aed99}.sidebar .brand .t{font-family:var(--fd);font-size:1.25rem;font-weight:700;color:var(--brand-ink);line-height:1.05}.sidebar .brand small{display:block;color:var(--muted);font-family:var(--fb);font-weight:500;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.sidebar nav{flex:1;overflow-y:auto;padding:4px 12px}.sidebar nav .group{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);padding:14px 10px 4px;font-weight:600}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;color:var(--text);font-weight:500;margin:1px 0}.sidebar nav a:hover{background:var(--lav);text-decoration:none}.sidebar nav a.active{background:var(--lav2);color:var(--brand-dark);font-weight:600}.sidebar nav a .ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:1rem;background:var(--lav)}.sidebar nav a.active .ico{background:#fff;box-shadow:0 1px 3px #6d28d933}.sidebar .user{border-top:1px solid var(--border);padding:12px 14px;font-size:.85rem;display:flex;gap:10px;align-items:center}.sidebar .user .avatar{width:34px;height:34px;font-size:.8rem}.sidebar .user .links a{margin-right:10px;font-size:.8rem}.main{margin-left:var(--sidebar-w);flex:1;min-width:0;padding:28px 32px 60px;max-width:1280px}.topbar,.backdrop,.bottomnav{display:none}@media (max-width: 900px){.sidebar{transform:translate(-100%);width:280px}.sidebar.open{transform:none;box-shadow:var(--shadow-lg)}.backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c0a3c59;z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main{margin-left:0;padding:14px 14px 90px}.topbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:10px 14px;margin:-14px -14px 14px;z-index:20}.topbar button{font-size:1.25rem;background:var(--lav);border:0;border-radius:10px;width:38px;height:38px;color:var(--brand-dark)}.topbar .t{font-family:var(--fd);font-weight:700;font-size:1.2rem;color:var(--brand-ink)}.bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:20;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.bottomnav a,.bottomnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:12px;font-size:.66rem;font-weight:600;color:var(--muted);background:none;border:0;font-family:inherit}.bottomnav a .ico,.bottomnav button .ico{font-size:1.25rem;line-height:1}.bottomnav a.active{color:var(--brand-dark);background:var(--lav2)}h1{font-size:1.6rem}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.page-head .sub{color:var(--muted);font-size:.9rem;margin-top:4px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:16px}.card h2{margin-bottom:12px;display:flex;align-items:center;gap:8px}.card h2:before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(var(--brand),var(--brand-accent))}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.card-head h2{margin-bottom:0}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);color:inherit;display:block;transition:transform .15s,box-shadow .15s}.stat:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat .ico{position:absolute;right:12px;top:10px;font-size:1.6rem;opacity:.9}.stat .v{font-family:var(--fd);font-size:2.1rem;font-weight:700;color:var(--brand-dark);line-height:1}.stat .l{color:var(--muted);font-size:.82rem;margin-top:6px;font-weight:500}.stat.accent{background:linear-gradient(135deg,var(--brand),var(--brand-accent));border:0;color:#fff}.stat.accent .v,.stat.accent .l{color:#fff}.stat.accent .l{opacity:.85}.muted{color:var(--muted)}.small{font-size:.85rem}.right{text-align:right}.nowrap{white-space:nowrap}.mt{margin-top:12px}.mb{margin-bottom:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 80% -10%,var(--lav2),transparent),radial-gradient(800px 500px at -10% 110%,var(--lav),transparent)}.list-row{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;border-radius:11px;border:1px solid var(--border-strong);background:#fff;color:var(--brand-dark);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;line-height:1.2;transition:background .12s,transform .08s}.btn:hover{background:var(--lav);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-accent));border-color:transparent;color:#fff;box-shadow:0 6px 14px -6px #7c3aed99}.btn.primary:hover{filter:brightness(1.05)}.btn.danger{color:var(--bad);border-color:#f3c5c1}.btn.danger:hover{background:var(--bad-soft)}.btn.ghost{border-color:transparent;background:transparent;color:var(--brand)}.btn.sm{padding:5px 10px;font-size:.82rem;border-radius:9px}.btn.lg{padding:12px 20px;font-size:1rem;border-radius:13px}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:5px}.field>label,.label{font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.02em}input,select,textarea{font:inherit;padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text);width:100%;transition:box-shadow .12s,border-color .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #8b5cf638}input::placeholder,textarea::placeholder{color:#1c0a3c4d}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--brand)}textarea{min-height:84px;resize:vertical}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid .full{grid-column:1 / -1}.check{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.hint{font-size:.78rem;color:var(--muted)}.error-box{background:var(--bad-soft);color:var(--bad);border-radius:var(--radius-sm);padding:10px 12px;font-size:.9rem}.search{max-width:340px}.table-wrap{overflow-x:auto;margin:0 -6px}table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-weight:700;background:var(--lav)}th:first-child{border-radius:10px 0 0 10px}th:last-child{border-radius:0 10px 10px 0}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--lav)}tr.clickable td:first-child{border-radius:10px 0 0 10px}tr.clickable td:last-child{border-radius:0 10px 10px 0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:.74rem;font-weight:650;background:var(--lav2);color:var(--brand-dark);white-space:nowrap;line-height:1.5}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.brand{background:var(--lav2);color:var(--brand-dark)}.badge.neutral{background:#f1f0f4;color:var(--muted)}.cat{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:999px;font-size:.74rem;font-weight:650;white-space:nowrap;background:var(--c-bg);color:var(--c-fg);border:1px solid var(--c-bd);line-height:1.5}.cat:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-fg)}.cat.empty{background:#f1f0f4;color:var(--dim);border-color:transparent}.cat.empty:before{background:var(--dim)}.cat.lg{font-size:.85rem;padding:4px 12px 4px 9px}.swatch{width:14px;height:14px;border-radius:4px;display:inline-block;vertical-align:-2px;margin-right:6px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--lav2);color:var(--brand-dark);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;overflow:hidden;letter-spacing:.02em}.avatar.lg{width:92px;height:92px;font-size:1.8rem;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--lav3)}.avatar img{width:100%;height:100%;object-fit:cover}.tabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;background:var(--lav);padding:4px;border-radius:12px}.tabs button{background:none;border:0;border-radius:9px;padding:8px 13px;font:inherit;font-weight:600;font-size:.88rem;color:var(--muted);cursor:pointer;white-space:nowrap}.tabs button.active{color:var(--brand-dark);background:#fff;box-shadow:0 1px 3px #6d28d92e}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c0a3c73;display:flex;align-items:flex-start;justify-content:center;padding:40px 12px;z-index:50;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:18px;width:100%;max-width:640px;padding:24px;box-shadow:var(--shadow-lg)}.modal.wide{max-width:900px}.modal h2{margin-bottom:16px;font-family:var(--fd);font-size:1.5rem;font-weight:700}.modal h2:before{display:none}@media (max-width: 600px){.modal-bg{padding:0;align-items:stretch}.modal{border-radius:0;min-height:100vh}}.toasts{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:100;max-width:90vw}.toast{background:var(--brand-ink);color:#fff;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow-lg);font-size:.9rem}.toast.error{background:var(--bad)}@media (max-width: 900px){.toasts{bottom:80px;left:16px;right:16px;align-items:center}}.empty{text-align:center;color:var(--muted);padding:28px 10px}.spinner{width:28px;height:28px;border:3px solid var(--lav3);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.asis-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.asis-row .nombre{flex:1;min-width:140px;font-weight:600}.asis-btns{display:flex;gap:4px}.asis-btns button{border:1px solid var(--border-strong);background:#fff;border-radius:10px;padding:8px 10px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;min-width:46px;color:var(--muted)}.asis-btns button.on-presente{background:var(--ok);border-color:var(--ok);color:#fff}.asis-btns button.on-ausente{background:var(--bad);border-color:var(--bad);color:#fff}.asis-btns button.on-justificada{background:var(--info);border-color:var(--info);color:#fff}.asis-btns button.on-tarde{background:var(--warn);border-color:var(--warn);color:#fff}.asis-row input.nota{flex-basis:100%;font-size:.85rem;padding:6px 8px}.sticky-save{position:sticky;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 0;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;align-items:center}@media (max-width: 900px){.sticky-save{bottom:64px}}.login{width:100%;max-width:400px;padding:32px}.login .logo{width:64px;height:64px;border-radius:20px;margin:0 auto 12px;background:linear-gradient(135deg,var(--brand),var(--brand-accent));display:grid;place-items:center;font-size:2rem;box-shadow:0 12px 24px -10px #7c3aedb3}.login h1{text-align:center;margin-bottom:2px}.login .sub{text-align:center;margin-bottom:20px}.picker{max-height:280px;overflow-y:auto;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:6px}.picker label{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;cursor:pointer}.picker label:hover{background:var(--lav)}.dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;font-size:.93rem}.dl dt{color:var(--muted)}.dl dd{margin:0}.pill-list{display:flex;flex-wrap:wrap;gap:6px}audio{width:100%;max-width:320px;height:36px}.brand{flex-direction:column;align-items:flex-start!important;gap:6px!important}.brand-tile{background:linear-gradient(135deg,var(--brand-dark),var(--brand-accent));border-radius:14px;padding:10px 14px;display:grid;place-items:center;box-shadow:0 8px 18px -8px #7c3aed99;width:100%}.brand-tile img{width:100%;max-width:190px;height:auto;display:block}.brand-tile.lg{width:auto;padding:16px 22px;margin:0 auto 14px;border-radius:18px}.brand-tile.lg img{max-width:240px}.sidebar .brand small{margin-top:0;padding-left:2px}.topbar-mark{width:30px;height:30px;border-radius:8px;object-fit:cover}.contactos-panel{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--lav);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:12px}.contactos-lista{display:flex;flex-direction:column;gap:3px;font-size:.9rem;min-width:0}.contactos-lista .contacto{overflow-wrap:anywhere}.contactos-lista a{font-weight:500}.cal-mes{font-family:var(--fd);font-size:1.3rem;font-weight:700;color:var(--brand-dark);margin:18px 0 10px;text-transform:capitalize}.cal-torneo{display:flex;gap:14px;align-items:center}.cal-dia{width:54px;flex-shrink:0;text-align:center;background:var(--lav2);border-radius:12px;padding:6px 4px}.cal-dia .w{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-dark);font-weight:700}.cal-dia .d{font-family:var(--fd);font-size:1.5rem;font-weight:700;color:var(--brand-dark);line-height:1.1}.card.clickable{cursor:pointer;transition:transform .12s,box-shadow .12s}.card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.asis-fila{display:flex;align-items:center;gap:12px;padding:12px 10px;border-bottom:1px solid var(--border);flex-wrap:wrap;cursor:pointer;border-radius:12px;transition:background .12s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.asis-fila:hover{background:var(--lav)}.asis-fila .nombre{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asis-fila .nombre a{color:var(--text)}.asis-fila.falta{background:var(--bad-soft)}.asis-fila.falta .nombre{text-decoration:line-through;text-decoration-color:#b91c1c80}.asis-estado{font-weight:700;font-size:.85rem;white-space:nowrap;padding:6px 12px;border-radius:999px}.asis-estado.si{color:var(--ok);background:var(--ok-soft)}.asis-estado.no{color:#fff;background:var(--bad)}.asis-fila input.nota{flex-basis:100%;font-size:.85rem;padding:8px 10px;cursor:text}@media (max-width: 900px){.asis-fila{padding:14px 8px}}