@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600;800&display=swap";
:root{--tg-emerald-50:#ecfdf5;--tg-emerald-100:#d1fae5;--tg-emerald-200:#a7f3d0;--tg-emerald-300:#6ee7b7;--tg-emerald-400:#34d399;--tg-emerald-500:#10b981;--tg-emerald-600:#059669;--tg-emerald-700:#047857;--tg-emerald-800:#065f46;--tg-emerald-900:#064e3b;--tg-emerald-950:#022c22;--tg-slate-50:#f8fafc;--tg-slate-100:#f1f5f9;--tg-slate-200:#e2e8f0;--tg-slate-300:#cbd5e1;--tg-slate-400:#94a3b8;--tg-slate-500:#64748b;--tg-slate-600:#475569;--tg-slate-700:#334155;--tg-slate-800:#1e293b;--tg-slate-900:#0f172a;--tg-slate-950:#020617;--tg-amber-50:#fffbeb;--tg-amber-100:#fef3c7;--tg-amber-200:#fde68a;--tg-amber-400:#fbbf24;--tg-amber-500:#f59e0b;--tg-amber-600:#d97706;--tg-amber-700:#b45309;--tg-amber-800:#92400e;--tg-red-50:#fef2f2;--tg-red-100:#fee2e2;--tg-red-400:#f87171;--tg-red-500:#ef4444;--tg-sky-400:#38bdf8;--tg-sky-500:#0ea5e9;--tg-yellow-50:#fefce8;--tg-yellow-100:#fef9c3;--tg-yellow-500:#eab308;--tg-yellow-600:#ca8a04;--tg-yellow-800:#854d0e;--tg-bg-page:var(--tg-slate-50);--tg-bg-card:#fff;--tg-border:var(--tg-slate-200);--tg-text:var(--tg-slate-900);--tg-text-muted:var(--tg-slate-400);--tg-text-body:var(--tg-slate-600);--tg-primary:var(--tg-emerald-600);--tg-primary-hover:var(--tg-emerald-700);--tg-sidebar-width:260px;--tg-topbar-height:64px;--tg-radius-sm:.5rem;--tg-radius-md:.75rem;--tg-radius-lg:1rem;--tg-radius-xl:1.25rem;--tg-radius-2xl:1.5rem;--tg-radius-3xl:2rem;--tg-shadow-sm:0 1px 3px 0 #0000000a, 0 1px 2px -1px #0000000a;--tg-shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000f;--tg-shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000f;--tg-shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #00000014;--tg-shadow-2xl:0 25px 50px -12px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::selection{background-color:var(--tg-emerald-100);color:var(--tg-emerald-900)}html{scroll-behavior:smooth}body{color:var(--tg-text);background-color:var(--tg-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--tg-slate-300);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--tg-slate-400)}.font-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace}.text-xxs{font-size:.625rem;line-height:1.4}.text-xxxs{font-size:.5625rem;line-height:1.4}.btn-tg-primary{color:#fff;background-color:var(--tg-emerald-600);border-radius:var(--tg-radius-xl);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #05966933}.btn-tg-primary:hover{background-color:var(--tg-emerald-700);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #05966940}.btn-tg-primary:active{transform:scale(.95)translateY(0)}.btn-tg-primary-lg{padding:1rem 2rem;font-size:.875rem;font-weight:800;box-shadow:0 10px 20px -5px #05966933}.btn-tg-secondary{color:var(--tg-slate-700);background-color:var(--tg-slate-100);border-radius:var(--tg-radius-xl);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-tg-secondary:hover{background-color:var(--tg-slate-200);color:var(--tg-slate-700)}.btn-tg-white{color:var(--tg-slate-950);border-radius:var(--tg-radius-xl);cursor:pointer;background-color:#fff;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.75rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-tg-white:hover{background-color:var(--tg-emerald-50);color:var(--tg-slate-950)}.btn-tg-amber{color:var(--tg-slate-950);background-color:var(--tg-amber-500);border-radius:var(--tg-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-tg-amber:hover{background-color:var(--tg-amber-600);color:var(--tg-slate-950)}.card-tg{background:var(--tg-bg-card);border:1px solid var(--tg-border);border-radius:var(--tg-radius-2xl);box-shadow:var(--tg-shadow-sm);transition:all .3s}.card-tg:hover{box-shadow:var(--tg-shadow-md)}.input-tg{background-color:var(--tg-slate-50);border:1px solid var(--tg-slate-200);border-radius:var(--tg-radius-xl);width:100%;color:var(--tg-slate-900);outline:none;padding:.625rem .75rem;font-family:inherit;font-size:.8125rem;transition:all .2s}.input-tg:focus{border-color:var(--tg-emerald-500);background-color:#fff;box-shadow:0 0 0 3px #10b9811a}.input-tg::placeholder{color:var(--tg-slate-400)}.label-tg{text-transform:uppercase;letter-spacing:.1em;color:var(--tg-slate-500);margin-bottom:.375rem;font-size:.625rem;font-weight:800;display:block}.badge-tg{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .625rem;font-size:.625rem;font-weight:700;display:inline-flex}.badge-tg-emerald{background-color:var(--tg-emerald-50);color:var(--tg-emerald-700);border:1px solid var(--tg-emerald-200)}.badge-tg-amber{background-color:var(--tg-amber-50);color:var(--tg-amber-700);border:1px solid var(--tg-amber-200)}.badge-tg-red{background-color:var(--tg-red-50);color:var(--tg-red-500);border:1px solid var(--tg-red-100)}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--tg-slate-400);font-size:.625rem;font-weight:800;line-height:1}.status-dot{border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.status-dot-emerald{background-color:var(--tg-emerald-500)}.status-dot-amber{background-color:var(--tg-amber-500)}.status-dot-red{background-color:var(--tg-red-400)}.sidebar-tg{width:var(--tg-sidebar-width);background-color:var(--tg-slate-900);color:var(--tg-slate-300);border-right:1px solid var(--tg-slate-800);z-index:40;flex-direction:column;flex-shrink:0;min-height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-nav-item{border-radius:var(--tg-radius-sm);color:var(--tg-slate-300);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover{background-color:var(--tg-slate-800);color:#fff}.sidebar-nav-item.active{background-color:var(--tg-emerald-500);color:var(--tg-slate-950);font-weight:700}.topbar-tg{border-bottom:1px solid var(--tg-slate-200);height:var(--tg-topbar-height);box-shadow:var(--tg-shadow-sm);z-index:30;background-color:#fff;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.admin-layout{background-color:var(--tg-slate-100);min-height:100vh;display:flex}.admin-main{margin-left:var(--tg-sidebar-width);flex-direction:column;flex:1;min-width:0;display:flex}.admin-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;overflow-y:auto}.kpi-card{border-radius:var(--tg-radius-2xl);box-shadow:var(--tg-shadow-sm);background:#fff;border:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.kpi-card .kpi-icon{border-radius:var(--tg-radius-xl);background-color:var(--tg-slate-50);width:3rem;height:3rem;color:var(--tg-slate-400);justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.kpi-card:hover .kpi-icon{background-color:var(--tg-emerald-500);color:var(--tg-slate-950)}.dashboard-banner{background:linear-gradient(to right, var(--tg-emerald-800), var(--tg-emerald-950));color:#fff;border-radius:var(--tg-radius-2xl);box-shadow:var(--tg-shadow-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.dashboard-banner-text{flex:1;min-width:280px}.dashboard-banner-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.dashboard-lower-grid{grid-template-columns:5fr 7fr;gap:1.5rem;display:grid}.court-card{border-radius:var(--tg-radius-2xl);box-shadow:var(--tg-shadow-sm);background:#fff;border:1px solid #e2e8f0cc;flex-direction:column;transition:box-shadow .3s;display:flex;overflow:hidden}.court-card:hover{box-shadow:var(--tg-shadow-md)}.court-card-img{background:var(--tg-slate-100);height:176px;position:relative;overflow:hidden}.court-card-img img{object-fit:cover;width:100%;height:100%}.court-sport-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#0f172acc;border-radius:9999px;padding:.25rem .625rem;font-size:.625rem;font-weight:900;position:absolute;top:.75rem;left:.75rem}.court-status-badge{box-shadow:var(--tg-shadow-md);border-radius:9999px;padding:.25rem .625rem;font-size:.625rem;font-weight:800;position:absolute;top:.75rem;right:.75rem}.court-status-badge.disponible{background:var(--tg-emerald-500);color:var(--tg-slate-950)}.court-status-badge.reservada{background:var(--tg-amber-500);color:var(--tg-slate-950)}.court-status-badge.mantenimiento{background:var(--tg-red-500);color:#fff}.court-card-body{flex-direction:column;flex:1;justify-content:space-between;padding:1.25rem;display:flex}.status-toggle-group{border-radius:var(--tg-radius-sm);border:1px solid var(--tg-slate-200);box-shadow:var(--tg-shadow-sm);grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden}.status-toggle-btn{cursor:pointer;background:var(--tg-slate-50);color:var(--tg-slate-500);border:none;padding:.375rem;font-family:inherit;font-size:.625rem;font-weight:700;transition:all .15s}.status-toggle-btn:hover{background:var(--tg-slate-100)}.status-toggle-btn.active-disponible{background:var(--tg-emerald-500);color:var(--tg-slate-950);font-weight:900}.status-toggle-btn.active-reservada{background:var(--tg-amber-500);color:var(--tg-slate-950);font-weight:900}.status-toggle-btn.active-mantenimiento{background:var(--tg-red-500);color:#fff;font-weight:900}.modal-tg-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#02061799;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-tg-box{border-radius:var(--tg-radius-3xl);border:1px solid var(--tg-slate-200);width:100%;max-width:28rem;box-shadow:var(--tg-shadow-2xl);background:#fff;overflow:hidden}.modal-tg-header{background:var(--tg-slate-950);color:#fff;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.modal-tg-body{padding:1.5rem}.table-tg{text-align:left;width:100%;font-size:.75rem}.table-tg thead th{border-bottom:1px solid var(--tg-slate-100);color:var(--tg-slate-400);text-transform:uppercase;letter-spacing:.05em;padding-bottom:.75rem;padding-left:.5rem;font-size:.5625rem;font-weight:700}.table-tg tbody tr{transition:background .15s}.table-tg tbody tr:hover{background:#f8fafc80}.table-tg tbody td{border-bottom:1px solid var(--tg-slate-100);vertical-align:middle;padding:.75rem .5rem}.auth-layout{background:var(--tg-slate-950);min-height:100vh;color:var(--tg-slate-100);display:flex}.auth-visual{background:var(--tg-emerald-950);border-right:1px solid var(--tg-slate-800);flex-direction:column;justify-content:space-between;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-form-panel{background:var(--tg-slate-950);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:relative}.auth-form-box{border-radius:var(--tg-radius-2xl);width:100%;max-width:28rem;box-shadow:var(--tg-shadow-2xl);background:#0f172a99;border:1px solid #1e293bcc;padding:2rem}.auth-input{background-color:var(--tg-slate-950);border:1px solid var(--tg-slate-800);border-radius:var(--tg-radius-xl);color:#fff;outline:none;width:100%;padding:.75rem 1rem .75rem 2.75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.auth-input:focus{border-color:var(--tg-emerald-500);box-shadow:0 0 0 2px #10b98126}.auth-input::placeholder{color:var(--tg-slate-600)}.btn-auth-submit{background:var(--tg-emerald-600);width:100%;color:var(--tg-slate-950);border-radius:var(--tg-radius-xl);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-family:inherit;font-size:.875rem;font-weight:900;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #10b98133}.btn-auth-submit:hover{background:var(--tg-emerald-500);box-shadow:0 10px 20px -3px #10b98140}.btn-auth-submit:active{transform:scale(.95)}.portal-header{background:var(--tg-slate-900);color:#fff;text-align:center;padding:2rem 0;position:relative;overflow:hidden}.portal-header:before{content:"";background:linear-gradient(135deg, var(--tg-emerald-950) 0%, var(--tg-slate-900) 100%);z-index:0;position:absolute;inset:0}.portal-header>*{z-index:1;position:relative}.portal-court-card{border-radius:var(--tg-radius-2xl);border:1px solid var(--tg-slate-200);box-shadow:var(--tg-shadow-sm);cursor:pointer;background:#fff;transition:all .3s;overflow:hidden}.portal-court-card:hover{box-shadow:var(--tg-shadow-lg);transform:translateY(-2px)}.glow-emerald{position:relative}.glow-emerald:before{content:"";border-radius:var(--tg-radius-3xl);filter:blur(24px);z-index:-1;background:#10b9811a;position:absolute;inset:-1rem}@keyframes tg-pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-tg-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite tg-pulse}@keyframes tg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-tg-spin{animation:1s linear infinite tg-spin}@keyframes pulse-tg{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.mobile-bottom-nav{display:none}@media (max-width:767.98px){.dashboard-banner{text-align:center;flex-direction:column;padding:1.25rem}.dashboard-banner-text p{margin-left:auto;margin-right:auto}.dashboard-banner-actions{justify-content:center;width:100%}.dashboard-lower-grid{grid-template-columns:1fr}.sidebar-tg{display:none}.admin-main{margin-left:0;padding-bottom:70px}.admin-content{padding:1rem}.mobile-bottom-nav{border-top:1px solid var(--tg-slate-200);z-index:50;height:64px;padding-bottom:env(safe-area-inset-bottom);background:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 10px #0000000d}.mobile-nav-item{color:var(--tg-slate-400);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;height:100%;font-size:.625rem;font-weight:700;text-decoration:none;transition:color .15s;display:flex}.mobile-nav-item.active{color:var(--tg-emerald-600)}.mobile-nav-item i{font-size:1.125rem}.topbar-text-hide{display:none!important}}