:root{--bg: #f5f6fa;--surface: #ffffff;--surface-2: #eef0f6;--border: #e3e6ee;--border-strong: #cdd2df;--ink: #1b2437;--ink-muted: #5d667d;--ink-faint: #939bb0;--accent: #4f46e5;--accent-strong: #4338ca;--accent-soft: #eef0ff;--accent-ink: #ffffff;--grad-brand: linear-gradient(135deg, #4f46e5, #7c6cf5);--success: #16a34a;--success-soft: #e8f7ee;--warn: #d97706;--warn-soft: #fdf3e3;--danger: #dc2626;--danger-soft: #fdecec;--radius-lg: 14px;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(20, 28, 48, .05), 0 8px 24px rgba(20, 28, 48, .06);--shadow-pop: 0 4px 12px rgba(20, 28, 48, .12), 0 16px 48px rgba(20, 28, 48, .14);--font-ui: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Cascadia Mono", "JetBrains Mono", Consolas, monospace;color-scheme:light}[data-theme=dark]{--bg: #0e1220;--surface: #161b2c;--surface-2: #1d2438;--border: #262e45;--border-strong: #364060;--ink: #e7eaf4;--ink-muted: #9aa3ba;--ink-faint: #656f89;--accent: #7b74f0;--accent-strong: #938df4;--accent-soft: rgba(99, 102, 241, .16);--accent-ink: #ffffff;--grad-brand: linear-gradient(135deg, #5b52e8, #8b7cf7);--success: #34c26b;--success-soft: rgba(34, 197, 94, .14);--warn: #f0a13c;--warn-soft: rgba(217, 119, 6, .16);--danger: #f0574f;--danger-soft: rgba(220, 38, 38, .16);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);--shadow-pop: 0 4px 12px rgba(0, 0, 0, .5), 0 16px 48px rgba(0, 0, 0, .45);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);font-size:15px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.25;font-weight:700}p{margin:0 0 .8em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft);color:var(--ink)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius);border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;background:var(--accent);color:var(--accent-ink);transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--accent-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--border-strong)}.btn--ghost:hover{background:var(--surface-2)}.btn--danger{background:var(--danger)}.btn--danger:hover{background:var(--danger);filter:brightness(1.1)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:13px;font-weight:600;color:var(--ink-muted)}.field>.btn{align-self:flex-start}.input,select.input,textarea.input{width:100%;padding:10px 12px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--ink-faint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--ink-muted)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.alert{padding:11px 14px;border-radius:var(--radius);font-size:14px;margin-bottom:14px}.alert--danger{background:var(--danger-soft);color:var(--danger)}.alert--success{background:var(--success-soft);color:var(--success)}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);padding:8px 12px;border-bottom:1px solid var(--border-strong);white-space:nowrap}.tbl td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr:hover{background:var(--surface-2)}.tbl .num{text-align:right}.tbl a{font-weight:600}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.toolbar .input{width:auto;min-width:220px;flex:1;max-width:340px}.toolbar .spacer{flex:1}.page-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.empty-state{text-align:center;color:var(--ink-muted);padding:40px 16px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-strong);margin-bottom:18px;overflow-x:auto}.tab{padding:9px 16px;font-weight:600;color:var(--ink-muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab:hover{color:var(--ink);text-decoration:none}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}.seg button{border:none;background:transparent;color:var(--ink-muted);font:inherit;font-size:13px;font-weight:600;padding:6px 10px;cursor:pointer}.seg button+button{border-left:1px solid var(--border)}.seg button.on{background:var(--accent);color:var(--accent-ink)}.seg button.on.seg-falta{background:var(--danger)}.seg button.on.seg-atraso{background:var(--warn)}.seg button.on.seg-justificada{background:var(--ink-muted)}.brandmark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--grad-brand);color:#fff;font-weight:800;font-size:20px;flex-shrink:0;-webkit-user-select:none;user-select:none}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 80% -10%,var(--accent-soft),transparent 60%),var(--bg)}.login-card{width:100%;max-width:400px;padding:32px 28px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.login-brand strong{font-size:20px}.login-brand .sub{display:block;font-size:12.5px;color:var(--ink-muted)}.shell{display:grid;grid-template-columns:250px 1fr;height:100%}.sidebar{display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:18px 14px;gap:4px;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.sidebar-brand strong{font-size:15px;line-height:1.2}.sidebar-brand .sub{display:block;font-size:11.5px;color:var(--ink-faint)}.nav-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);padding:12px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);color:var(--ink-muted);font-weight:500;text-decoration:none}.nav-item:hover{background:var(--surface-2);color:var(--ink);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .ico{width:20px;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:0 6px}.sidebar-user .who{min-width:0}.sidebar-user .who strong{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .who span{font-size:12px;color:var(--ink-muted)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}.sidebar-actions{display:flex;gap:8px;padding:0 4px 4px}.sidebar-actions .btn{flex:1;padding:8px 10px;font-size:13px}.main{overflow-y:auto;padding:28px 32px 48px}.page-head{margin-bottom:22px}.page-head h1{font-size:24px}.page-head p{color:var(--ink-muted);margin:0}.mobile-topbar{display:none;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.mobile-topbar strong{font-size:15px}.hamburger{background:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:6px 10px;font-size:16px;cursor:pointer;color:var(--ink)}@media (max-width: 900px){.shell{display:block}.mobile-topbar{display:flex}.sidebar{position:fixed;top:0;right:25%;bottom:0;left:0;min-width:260px;z-index:30;box-shadow:var(--shadow-pop);transform:translate(-105%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#0a0e1a73}.main{padding:20px 16px 40px}}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.module-card{display:flex;flex-direction:column;gap:6px;padding:18px;text-decoration:none;color:inherit;transition:transform .12s,box-shadow .12s,border-color .12s}a.module-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-pop);border-color:var(--accent)}.module-card .head{display:flex;align-items:center;justify-content:space-between;gap:8px}.module-card h3{margin:0;font-size:16px}.module-card p{margin:0;font-size:13.5px;color:var(--ink-muted)}.module-card.soon{opacity:.72}@media (max-width: 800px){.msgs-grid{grid-template-columns:1fr!important}}@media print{.sidebar,.mobile-topbar,.sidebar-scrim,.no-print{display:none!important}.shell{display:block}.main{padding:0;overflow:visible}body{background:#fff}.card.recibo{box-shadow:none;border:1px solid #999}}.notfound{min-height:100%;display:grid;place-items:center;text-align:center;padding:24px}.notfound .code{font-size:88px;font-weight:800;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}