:root{--hub-font: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--hub-blue: #2563eb;--hub-blue-hover: #1d4ed8;--hub-slate-900: #0f172a;--hub-slate-600: #475569;--hub-slate-500: #64748b;--hub-border: #e2e8f0;--hub-card-shadow: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 25px 50px -12px rgba(15, 23, 42, .12);font-family:var(--hub-font);color:var(--hub-slate-900);background:#f1f5f9;-webkit-font-smoothing:antialiased}html.dark{color:#e2e8f0;background:#020617}*{box-sizing:border-box}body{margin:0}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,32px);position:relative;overflow-x:hidden;background:radial-gradient(ellipse 120% 80% at 50% -30%,rgba(37,99,235,.12),transparent 55%),linear-gradient(180deg,#f1f5f9,#f8fafc,#f1f5f9)}html.dark .screen{background:radial-gradient(ellipse 100% 60% at 50% -20%,rgba(59,130,246,.14),transparent 50%),linear-gradient(180deg,#020617,#0f172a 45%,#020617)}.screen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(37,99,235,.06) 0%,transparent 45%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.05) 0%,transparent 40%);pointer-events:none}html.dark .screen:before{background-image:radial-gradient(circle at 15% 85%,rgba(59,130,246,.08) 0%,transparent 45%),radial-gradient(circle at 85% 15%,rgba(16,185,129,.06) 0%,transparent 40%)}.screen-inner{position:relative;z-index:1;width:100%}.screen-inner--login{max-width:440px}.screen-inner--hub{max-width:920px}.card{width:100%;background:#fff;border-radius:24px;padding:clamp(24px,5vw,40px);border:1px solid var(--hub-border);box-shadow:var(--hub-card-shadow)}.card-dark{background:linear-gradient(165deg,#0f172a,#0c1222);border-color:#1e293b;box-shadow:0 25px 50px -12px #00000073}.card--login .brand-wrap{margin-bottom:20px}.card-kicker{margin:0 0 6px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hub-blue)}.card-dark .card-kicker{color:#93c5fd}.card-title{margin:0 0 12px;font-size:clamp(1.65rem,4vw,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--hub-slate-900)}.card-dark .card-title{color:#f1f5f9}.card-lead{margin:0 0 28px;font-size:1rem;line-height:1.55;color:var(--hub-slate-600)}.card-dark .card-lead{color:#94a3b8}.brand-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.brand-logo-img{max-height:56px;width:auto;max-width:min(100%,300px);object-fit:contain;display:block}.brand-subtitle-line{color:var(--hub-slate-500);font-size:.875rem;font-weight:500}.card-dark .brand-subtitle-line{color:#94a3b8}.hub-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--hub-border)}.card-dark .hub-top{border-bottom-color:#1e293b}.hub-welcome{margin-bottom:28px}.hub-welcome__title{margin:0 0 6px;font-size:clamp(1.5rem,3.5vw,1.85rem);font-weight:700;letter-spacing:-.02em;color:var(--hub-slate-900)}.card-dark .hub-welcome__title{color:#f8fafc}.hub-welcome__text{margin:0;font-size:1rem;color:var(--hub-slate-600)}.card-dark .hub-welcome__text{color:#94a3b8}.btn-ghost{flex-shrink:0;border:1px solid var(--hub-border);background:transparent;color:var(--hub-slate-600);font-family:inherit;font-size:.9rem;font-weight:600;padding:10px 18px;border-radius:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--hub-slate-900)}.card-dark .btn-ghost{border-color:#334155;color:#cbd5e1}.card-dark .btn-ghost:hover{background:#1e293b;border-color:#475569;color:#f1f5f9}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.hub-option{display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit;padding:22px 22px 22px 20px;border-radius:18px;border:1px solid #e0e7ff;background:linear-gradient(135deg,#fff,#f8fbff);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.hub-option:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,99,235,.04),transparent 50%);pointer-events:none;opacity:0;transition:opacity .2s ease}.hub-option:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 20px 40px -15px #2563eb33}.hub-option:hover:after{opacity:1}.hub-option--reservas:hover .hub-option__arrow-svg{transform:translate(4px)}.hub-option--solicitacoes{border-color:#d1fae5;background:linear-gradient(135deg,#fff,#f0fdf9)}.hub-option--solicitacoes:after{background:linear-gradient(135deg,rgba(16,185,129,.06),transparent 50%)}.hub-option--solicitacoes:hover{border-color:#6ee7b7;box-shadow:0 20px 40px -15px #10b9812e}.hub-option--dark{border-color:#1e3a8a;background:linear-gradient(135deg,#0b1220,#0f172a)}.hub-option--dark.hub-option--solicitacoes{border-color:#065f46;background:linear-gradient(135deg,#0b1220,#052e24 35%,#0f172a)}.hub-option--dark:hover{border-color:#3b82f6;box-shadow:0 20px 40px -12px #2563eb40}.hub-option--dark.hub-option--solicitacoes:hover{border-color:#10b981;box-shadow:0 20px 40px -12px #10b98133}.hub-option__icon-wrap{flex-shrink:0;width:56px;height:56px;border-radius:16px;display:grid;place-items:center}.hub-option__icon-wrap--blue{background:linear-gradient(145deg,#dbeafe,#eff6ff);color:var(--hub-blue)}.hub-option__icon-wrap--emerald{background:linear-gradient(145deg,#d1fae5,#ecfdf5);color:#059669}.hub-option--dark .hub-option__icon-wrap--blue{background:linear-gradient(145deg,#1e3a8a,#1e40af);color:#bfdbfe}.hub-option--dark .hub-option__icon-wrap--emerald{background:linear-gradient(145deg,#065f46,#047857);color:#a7f3d0}.hub-option__body{flex:1;min-width:0}.hub-option__title{margin:0 0 4px;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.hub-option--dark .hub-option__title{color:#f1f5f9}.hub-option__desc{margin:0;font-size:.9rem;line-height:1.45;color:var(--hub-slate-600)}.hub-option--dark .hub-option__desc{color:#94a3b8}.hub-option__arrow-svg{flex-shrink:0;color:var(--hub-slate-500);transition:transform .2s ease}.hub-option:hover .hub-option__arrow-svg{color:var(--hub-blue)}.hub-option--solicitacoes:hover .hub-option__arrow-svg{color:#059669}.hub-option--dark .hub-option__arrow-svg{color:#64748b}.hub-option--dark:hover .hub-option__arrow-svg{color:#93c5fd}.hub-option--dark.hub-option--solicitacoes:hover .hub-option__arrow-svg{color:#6ee7b7}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:14px;padding:14px 20px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;background:var(--hub-blue);color:#fff;box-shadow:0 4px 14px #2563eb59;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.btn-primary:hover:not(:disabled){background:var(--hub-blue-hover);box-shadow:0 6px 20px #2563eb66}.btn-primary:active:not(:disabled){transform:scale(.99)}.btn-primary:disabled{opacity:.75;cursor:not-allowed}.btn-ms-icon{flex-shrink:0}.theme-switcher{position:fixed;right:20px;bottom:20px;z-index:10;display:grid;place-items:center;border:1px solid var(--hub-border);width:52px;height:52px;border-radius:999px;background:#fff;color:var(--hub-slate-600);cursor:pointer;box-shadow:0 10px 25px #0f172a1a;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.theme-switcher:hover{background:#f8fafc;color:var(--hub-slate-900);border-color:#cbd5e1}html.dark .theme-switcher{background:#1e293b;border-color:#334155;color:#e2e8f0;box-shadow:0 10px 25px #00000059}html.dark .theme-switcher:hover{background:#334155;border-color:#475569}@media(max-width:640px){.hub-top{flex-direction:column;align-items:stretch}.btn-ghost{width:100%}.hub-option{flex-wrap:wrap}.hub-option__arrow-svg{margin-left:auto}}