@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap";:root{--brand-red: #ED1B2E;--brand-red-dark: #C4121F;--brand-blue: #0072CE;--brand-blue-dark: #00539B;--brand-gray: #8A8D8F;--brand-gray-dark: #58595B;--brand-black: #1A1A1A;--slate-100: #f2f3f4;--slate-200: #e2e4e5;--slate-400: #9a9d9f;--slate-500: #75787a;--slate-600: #58595b;--slate-700: #3a3b3c;--slate-800: #1a1a1a;--green-50: #f0fdf4;--green-300: #86efac;--green-500: #22c55e;--green-700: #15803d;--yellow-50: #fefce8;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-700: #a16207;--red-50: #fef2f2;--red-200: #fecaca;--red-300: #fca5a5;--red-500: var(--brand-red);--red-600: var(--brand-red-dark);--red-700: #8f0f1a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--slate-100);color:var(--brand-black)}button{font-family:inherit;cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.offline-banner{background:var(--brand-red);color:#fff;font-size:12px;text-align:center;padding:4px 0;font-weight:600;letter-spacing:.02em}.page{flex:1;display:flex;flex-direction:column;padding:24px}.center{align-items:center;justify-content:center}.brand-mark{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.brand-logo{height:40px;width:auto;flex-shrink:0}.brand-mark-text{font-family:Barlow Condensed,sans-serif;font-weight:800;font-style:italic;letter-spacing:.01em;font-size:15px;color:var(--brand-black);text-transform:uppercase;line-height:1}.brand-mark-text span{color:var(--brand-red)}.home-header{text-align:center;margin-bottom:32px}.home-title{font-family:Barlow Condensed,sans-serif;font-size:34px;font-weight:800;font-style:italic;letter-spacing:.01em;text-transform:uppercase;margin:0 0 10px;color:var(--brand-black)}.home-subtitle{color:var(--slate-500);max-width:380px;margin:0 auto;font-size:15px}.home-grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%;max-width:520px}@media(min-width:480px){.home-grid{grid-template-columns:1fr 1fr}}.role-card{background:#fff;border:2px solid var(--slate-200);border-radius:14px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .15s ease;border-top-width:5px}.role-card.role-referee{border-top-color:var(--brand-blue)}.role-card.role-head{border-top-color:var(--brand-red)}.role-card:hover{border-color:var(--slate-400);border-top-color:inherit;box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.role-badge{width:56px;height:56px;border-radius:999px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-weight:800;font-style:italic;font-size:22px}.role-referee .role-badge{background:var(--brand-blue)}.role-head .role-badge{background:var(--brand-red)}.role-title{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.01em}.role-desc{font-size:14px;color:var(--slate-500);text-align:center}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:8px}.topbar-row{display:flex;align-items:center;justify-content:space-between}.icon-btn{width:36px;height:36px;border-radius:999px;background:#fff;border:2px solid var(--slate-200);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--slate-100);border-color:var(--brand-blue)}.topbar-title{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.01em;margin:0}.mesa-hint{color:var(--slate-500)}.mesa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:360px}.mesa-btn{width:64px;height:64px;border-radius:12px;background:#fff;border:2px solid var(--slate-200);font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800;font-style:italic;color:var(--brand-blue-dark)}.mesa-btn:hover{border-color:var(--brand-blue);box-shadow:0 4px 12px #00000014}.change-mesa{background:none;border:none;font-size:14px;color:var(--slate-400);text-decoration:underline}.big-light{width:160px;height:160px;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000026}.big-light svg{width:64px;height:64px}.status-text{text-align:center}.status-label{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.01em}.status-time{font-size:12px;color:var(--slate-400);margin-top:4px}.light-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.light-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;border:2px solid transparent;background:#fff;font-family:Barlow Condensed,sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.01em;font-size:17px}.light-btn svg{width:24px;height:24px}.light-btn.inactive.verde{border-color:var(--green-500);color:var(--green-700)}.light-btn.inactive.amarillo{border-color:var(--yellow-400);color:var(--yellow-700)}.light-btn.inactive.rojo{border-color:var(--red-500);color:var(--red-700)}.light-btn.active.verde{background:var(--green-500);color:#fff;box-shadow:0 4px 12px #00000026}.light-btn.active.amarillo{background:var(--yellow-400);color:#fff;box-shadow:0 4px 12px #00000026}.light-btn.active.rojo{background:var(--red-500);color:#fff;box-shadow:0 4px 12px #00000026}.bg-verde{background:var(--green-500)}.bg-amarillo{background:var(--yellow-400)}.bg-rojo{background:var(--red-500)}.ring-verde{box-shadow:0 0 0 8px var(--green-300)}.ring-amarillo{box-shadow:0 0 0 8px var(--yellow-300)}.ring-rojo{box-shadow:0 0 0 8px var(--red-300)}.text-verde{color:var(--green-700)}.text-amarillo{color:var(--yellow-700)}.text-rojo{color:var(--red-700)}.settings-panel{background:#fff;border:2px solid var(--slate-200);border-radius:12px;padding:16px;margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.settings-panel label{font-size:14px;color:var(--slate-600);font-weight:600}.settings-panel input{width:70px;border:2px solid var(--slate-200);border-radius:8px;padding:6px 8px;font-size:14px}.btn-primary{background:var(--brand-blue);color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.01em;font-size:14px;padding:8px 16px;border-radius:8px;border:none}.btn-primary:hover{background:var(--brand-blue-dark)}.btn-danger-outline{margin-left:auto;font-family:Barlow Condensed,sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.01em;font-size:14px;color:var(--brand-red);background:#fff;border:2px solid var(--red-200);padding:8px 16px;border-radius:8px}.btn-danger-outline:hover{background:var(--red-50);border-color:var(--brand-red)}.summary-row{display:flex;gap:12px;margin-bottom:16px;font-size:14px}.pill{padding:4px 14px;border-radius:999px;border:2px solid;font-weight:600}.pill.amarillo{background:var(--yellow-50);color:var(--yellow-700);border-color:var(--yellow-200)}.pill.verde{background:var(--green-50);color:var(--green-700);border-color:var(--green-300)}.tables-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.tables-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.tables-grid{grid-template-columns:repeat(4,1fr)}}.table-card{border-radius:12px;padding:16px;border:2px solid;display:flex;flex-direction:column;align-items:center;gap:6px}.table-card.verde{border-color:var(--green-500);background:var(--green-50)}.table-card.amarillo{border-color:var(--yellow-400);background:var(--yellow-50);animation:pulse 1.6s ease-in-out infinite}.table-card.rojo{border-color:var(--red-500);background:var(--red-50)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.table-card-label{font-size:13px;color:var(--slate-500);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.table-card-num{font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:800;font-style:italic}.table-card-icon{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center}.table-card-icon svg{width:20px;height:20px}.table-card-status{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.01em}.table-card-time{font-size:11px;color:var(--slate-400)}.auth-form{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px}.auth-form input{width:100%;border:2px solid var(--slate-200);border-radius:10px;padding:12px 14px;font-size:16px;text-align:center}.auth-form input:focus{outline:none;border-color:var(--brand-blue)}.auth-form .btn-primary{width:100%;padding:12px 16px;font-size:15px}.auth-error{color:var(--brand-red);font-size:13px;font-weight:600}