@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #A78BFA;--primary-dark: #8B5CF6;--secondary: #F472B6;--sidebar-dark: #4C1D95;--bg-gradient-start: #180A2E;--bg-gradient-end: #2D1150;--card-bg: #241242;--text-primary: #F5F3FF;--text-secondary: #B9AFDA;--border: rgba(255, 255, 255, .16);--border-light: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -1px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--glass-blobs: radial-gradient(650px circle at 12% 12%, rgba(244, 114, 182, .22), transparent 60%), radial-gradient(750px circle at 88% 8%, rgba(167, 139, 250, .24), transparent 60%), radial-gradient(700px circle at 80% 90%, rgba(244, 114, 182, .18), transparent 60%), radial-gradient(600px circle at 6% 92%, rgba(167, 139, 250, .18), transparent 60%);--error-text: #F87171;--accent-purple: #8B5CF6;--notify-badge: #F472B6;--login-toggle-color: rgba(255, 255, 255, .75);--warning-bg: rgba(245, 158, 11, .1);--warning-border: rgba(245, 158, 11, .3);--warning-text: #FBBF24}:root[data-theme=avocado]{--primary: #C7EEB9;--primary-dark: #A8DB93;--secondary: #D8C4F8;--accent: #C7D5F7;--highlight: #F8D3DE;--sidebar-dark: #FFFFFF;--bg-gradient-start: #C7EEB9;--bg-gradient-end: #AEE092;--card-bg: #FFFFFF;--text-primary: #111111;--text-secondary: #374151;--text-disabled: #6B7280;--border: #E3ECE0;--border-light: #D9E7D5;--shadow-sm: 0 1px 2px 0 rgba(55, 65, 81, .06);--shadow-md: 0 4px 12px -2px rgba(55, 65, 81, .1), 0 2px 4px -1px rgba(55, 65, 81, .06);--shadow-lg: 0 12px 28px -6px rgba(55, 65, 81, .16), 0 4px 10px -4px rgba(55, 65, 81, .1);--shadow-glass: 0 8px 32px rgba(55, 65, 81, .15);--glass-blobs: radial-gradient(650px circle at 12% 12%, rgba(216, 196, 248, .38), transparent 60%), radial-gradient(750px circle at 88% 8%, rgba(199, 213, 247, .32), transparent 60%), radial-gradient(700px circle at 80% 90%, rgba(248, 211, 222, .3), transparent 60%), radial-gradient(600px circle at 6% 92%, rgba(255, 255, 255, .3), transparent 60%);--error-text: #DC2626;--notify-badge: #8B5CF6;--login-toggle-color: var(--text-secondary);--warning-bg: rgba(153, 27, 27, .12);--warning-border: rgba(153, 27, 27, .35);--warning-text: #991B1B}:root[data-theme=avocado]{color-scheme:light}:root[data-theme=avocado] .navbar-brand,:root[data-theme=avocado] .stat h3{background:linear-gradient(135deg,#5fa85a,#8b5cf6);-webkit-background-clip:text;background-clip:text}:root[data-theme=avocado] .app-sidebar{background:linear-gradient(180deg,#c7eeb9,#aee092);border-right:1px solid rgba(55,65,81,.12)}:root[data-theme=avocado] .sidebar-logo{color:var(--text-primary);border-bottom:1px solid rgba(55,65,81,.12)}:root[data-theme=avocado] .nav-link{color:var(--text-primary)}:root[data-theme=avocado] .nav-link:hover{color:var(--text-primary);background:#fff6}:root[data-theme=avocado] .nav-link.active{color:var(--text-primary);background:#ffffff8c;border-right:3px solid var(--accent-purple)}:root[data-theme=avocado] .sidebar-footer{color:var(--text-primary);border-top:1px solid rgba(55,65,81,.12)}:root[data-theme=avocado] .sidebar-toggle{background:var(--accent-purple);color:#fff}:root[data-theme=avocado] .card,:root[data-theme=avocado] .stat{background:#ffffffbf;border:1px solid var(--border);box-shadow:var(--shadow-md)}:root[data-theme=avocado] .card:hover,:root[data-theme=avocado] .stat:hover{background:#ffffffeb}:root[data-theme=avocado] .form-group input,:root[data-theme=avocado] .form-group textarea,:root[data-theme=avocado] .form-group select{background:#fff;border:2px solid var(--border)}:root[data-theme=avocado] .form-group input:focus,:root[data-theme=avocado] .form-group textarea:focus,:root[data-theme=avocado] .form-group select:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61f;background:#fff}:root[data-theme=avocado] .btn-primary{background:var(--accent-purple);box-shadow:0 4px 15px #8b5cf640}:root[data-theme=avocado] .btn-primary:hover{box-shadow:0 6px 20px #8b5cf659}:root[data-theme=avocado] .btn-secondary{background:#fff;color:#4f9b4a;border:1px solid #A8DB93}:root[data-theme=avocado] .btn-secondary:hover{background:#f3faf0;color:#3f7a3b}:root[data-theme=avocado] .btn-outline{color:var(--accent-purple);border-color:var(--accent-purple)}:root[data-theme=avocado] .btn-outline:hover{background:var(--accent-purple);color:#fff}:root[data-theme=avocado] .badge-primary{background:#8b5cf61f;color:#7c3aed}:root[data-theme=avocado] .badge-secondary{background:#a885e326;color:#7c5cbf}:root[data-theme=eceap]{--primary: #157A3C;--primary-dark: #0F5C2D;--secondary: #2E9E57;--accent: #DCE7DF;--highlight: #F4F9F5;--sidebar-dark: #0F5C2D;--bg-gradient-start: #FFFFFF;--bg-gradient-end: #F1F7F2;--card-bg: #FFFFFF;--text-primary: #0F2A1C;--text-secondary: #40564A;--text-disabled: #7C8F84;--border: #DCE7DF;--border-light: #E8F0EA;--shadow-sm: 0 1px 2px 0 rgba(15, 42, 28, .06);--shadow-md: 0 4px 12px -2px rgba(15, 42, 28, .1), 0 2px 4px -1px rgba(15, 42, 28, .06);--shadow-lg: 0 12px 28px -6px rgba(15, 42, 28, .16), 0 4px 10px -4px rgba(15, 42, 28, .1);--shadow-glass: 0 8px 32px rgba(15, 42, 28, .15);--glass-blobs: radial-gradient(650px circle at 12% 12%, rgba(21, 122, 60, .07), transparent 60%), radial-gradient(750px circle at 88% 8%, rgba(46, 158, 87, .06), transparent 60%), radial-gradient(700px circle at 80% 90%, rgba(21, 122, 60, .05), transparent 60%), radial-gradient(600px circle at 6% 92%, rgba(46, 158, 87, .05), transparent 60%);--error-text: #DC2626;--accent-purple: #157A3C;--notify-badge: #157A3C;--login-toggle-color: var(--text-secondary);--warning-bg: rgba(146, 64, 14, .1);--warning-border: rgba(146, 64, 14, .3);--warning-text: #92400E}:root[data-theme=eceap]{color-scheme:light}:root[data-theme=eceap] .navbar-brand,:root[data-theme=eceap] .stat h3{background:linear-gradient(135deg,#0f5c2d,#2e9e57);-webkit-background-clip:text;background-clip:text}:root[data-theme=eceap] .app-sidebar{background:linear-gradient(180deg,#157a3c,#0f5c2d);border-right:1px solid rgba(255,255,255,.12)}:root[data-theme=eceap] .sidebar-logo{color:#fff;border-bottom:1px solid rgba(255,255,255,.16)}:root[data-theme=eceap] .nav-link{color:#ffffffe0}:root[data-theme=eceap] .nav-link:hover{color:#fff;background:#ffffff1f}:root[data-theme=eceap] .nav-link.active{color:#fff;background:#ffffff2e;border-right:3px solid #FFFFFF}:root[data-theme=eceap] .sidebar-footer{color:#ffffffe0;border-top:1px solid rgba(255,255,255,.16)}:root[data-theme=eceap] .sidebar-toggle{background:#157a3c;color:#fff}:root[data-theme=eceap] .card,:root[data-theme=eceap] .stat{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-md)}:root[data-theme=eceap] .card:hover,:root[data-theme=eceap] .stat:hover{box-shadow:var(--shadow-lg)}:root[data-theme=eceap] .form-group input,:root[data-theme=eceap] .form-group textarea,:root[data-theme=eceap] .form-group select{background:#fff;border:2px solid var(--border)}:root[data-theme=eceap] .form-group input:focus,:root[data-theme=eceap] .form-group textarea:focus,:root[data-theme=eceap] .form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #157a3c1f;background:#fff}:root[data-theme=eceap] .btn-primary{background:var(--primary);box-shadow:0 4px 15px #157a3c40}:root[data-theme=eceap] .btn-primary:hover{background:var(--primary-dark);box-shadow:0 6px 20px #157a3c59}:root[data-theme=eceap] .btn-secondary{background:#fff;color:var(--primary);border:1px solid var(--primary)}:root[data-theme=eceap] .btn-secondary:hover{background:var(--highlight);color:var(--primary-dark)}:root[data-theme=eceap] .btn-outline{color:var(--primary);border-color:var(--primary)}:root[data-theme=eceap] .btn-outline:hover{background:var(--primary);color:#fff}:root[data-theme=eceap] .badge-primary{background:#157a3c1f;color:var(--primary-dark)}:root[data-theme=eceap] .badge-secondary{background:#2e9e5726;color:var(--primary-dark)}:root[data-theme=eceap] .queue-ticket-label,:root[data-theme=eceap] .queue-ticket-sub{color:var(--text-secondary)}:root[data-theme=eceap] .login-container{background:url(/assets/municipal-hall-DGkEhPM0.jpg) center/cover no-repeat}:root[data-theme=eceap] .login-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-glass)}:root[data-theme=eceap] .login-card h2{color:var(--text-primary)}:root[data-theme=eceap] .login-card>p{color:var(--text-secondary)}:root[data-theme=eceap] .login-card a{color:var(--primary)}:root[data-theme=eceap] .login-card .form-group label{color:var(--text-primary)}:root[data-theme=eceap] .login-card .form-group input{background:#fff;border:1.5px solid var(--border);color:var(--text-primary)}:root[data-theme=eceap] .login-card .form-group input::placeholder{color:var(--text-disabled)}:root[data-theme=eceap] .login-card .form-group input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #157a3c1f}html,body{height:100%;color-scheme:dark}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--glass-blobs),linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}#root{display:flex;height:100vh;overflow:hidden}.app-layout{display:flex;width:100%;height:100%}.page-root{width:100%;height:100%}.app-sidebar{width:260px;background:linear-gradient(180deg,var(--sidebar-dark) 0%,#2E0B5C 100%);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow-y:auto;flex-shrink:0}.app-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--glass-blobs),linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%)}.page-scroll{width:100%;height:100%;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-weight:700;font-size:1.25rem}.sidebar-nav{flex:1;padding:1.5rem 0;list-style:none}.nav-item{margin:.5rem 0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:#fffc;text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition);position:relative}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:#fff;background:#ec489933;border-right:3px solid var(--secondary);padding-left:calc(1.5rem - 3px)}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:#fffc;font-size:.9rem}.navbar{background:var(--card-bg);border-bottom:1px solid var(--border-light);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-actions{display:flex;align-items:center;gap:1rem}.user-menu{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-md);transition:var(--transition)}.user-menu:hover{background:var(--border-light)}.container{max-width:1400px;margin:0 auto;padding:2rem}.card{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:var(--transition)}.card:hover{background:#ffffff1a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.card-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f293780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.modal-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);padding:1.75rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.25rem;line-height:1;cursor:pointer;color:var(--text-secondary);padding:.25rem}.modal-close:hover{color:var(--text-primary)}.grid{display:grid;gap:1.5rem;margin:1.5rem 0}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--border-light);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border);color:var(--primary)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;font-family:Inter,sans-serif;background:var(--card-bg);color:var(--text-primary);transition:var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a;background:#8b5cf605}.form-group select option{background:var(--card-bg);color:var(--text-primary)}.form-group textarea{resize:vertical;min-height:120px}.input-with-affix{position:relative;width:100%;min-width:0}.input-with-affix>input{width:100%}.form-error{color:#ef4444;font-size:.85rem}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#f87171}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.stat{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:var(--transition);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{width:48px;height:48px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat h3{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:1rem 0 .5rem}.stat p{color:var(--text-secondary);font-size:.95rem;font-weight:500}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.feature{text-align:center;padding:2rem}.feature-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.feature h3{font-size:1.125rem;margin-bottom:.75rem;color:var(--text-primary)}.feature p{color:var(--text-secondary);line-height:1.6}.table-container{overflow-x:auto;border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;background:var(--card-bg)}thead{background:var(--border-light);border-bottom:2px solid var(--border)}th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}td{padding:1rem;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}tr:hover{background:var(--border-light)}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;white-space:nowrap}.badge-primary{background:#8b5cf61a;color:var(--primary)}.badge-secondary{background:#ec48991a;color:var(--secondary)}.badge-success{background:#10b9811a;color:#10b981}.badge-warning{background:#f59e0b1a;color:#f59e0b}.badge-error{background:#ef44441a;color:#ef4444}.progress{width:100%;height:6px;background:var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-sm);transition:width .3s ease}.login-container{display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%;min-height:100vh;padding:2rem;box-sizing:border-box;background:linear-gradient(160deg,#1e083de0,#5b21b6b8 55%,#0c031ceb),url(/assets/municipal-hall-DGkEhPM0.jpg) center/cover no-repeat}.login-card{margin:auto;width:100%;max-width:420px;background:#1e0c3873;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);padding:2.5rem 2rem;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000073}.queue-ticket{border:2px dashed var(--primary);border-radius:var(--radius-md);padding:1.5rem 1rem;margin:1.5rem 0}.queue-ticket-label{font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff9}.queue-ticket-number{font-size:3rem;font-weight:800;line-height:1.2;margin:.25rem 0;color:var(--primary)}.queue-ticket-sub{font-size:.8rem;color:#ffffffbf}:root[data-theme=avocado] .queue-ticket-label,:root[data-theme=avocado] .queue-ticket-sub{color:var(--text-secondary)}.login-splash-progress{width:100%;height:8px;margin-top:1.25rem;background:#0000001f;border-radius:999px;overflow:hidden}.login-splash-progress-bar{height:100%;background:var(--accent-purple, #8B5CF6);border-radius:999px;transition:width .1s linear}.login-card h2{font-size:1.75rem;margin-bottom:.5rem;color:#fff}.login-card>p{color:#ffffffbf;margin-bottom:2rem}.login-card a{color:#e9d5ff}.login-card .form-group label{color:#ffffffd9}.login-card .form-group input{background:#ffffff14;border:1.5px solid rgba(255,255,255,.35);color:#fff}.login-card .form-group input::placeholder{color:#ffffff73}.login-card .form-group input:focus{border-color:#ffffffb3;background:#ffffff24;box-shadow:0 0 0 3px #ffffff1a}:root[data-theme=avocado] .login-container{background:url(/assets/municipal-hall-DGkEhPM0.jpg) center/cover no-repeat}:root[data-theme=avocado] .login-card{background:#c7eeb98c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.45);box-shadow:var(--shadow-glass)}:root[data-theme=avocado] .login-card h2{color:var(--text-primary)}:root[data-theme=avocado] .login-card>p{color:var(--text-secondary)}:root[data-theme=avocado] .login-card a{color:var(--accent-purple)}:root[data-theme=avocado] .login-card .form-group label{color:var(--text-primary)}:root[data-theme=avocado] .login-card .form-group input{background:#fff;border:1.5px solid var(--border);color:var(--text-primary)}:root[data-theme=avocado] .login-card .form-group input::placeholder{color:var(--text-disabled)}:root[data-theme=avocado] .login-card .form-group input:focus{border-color:var(--accent-purple);background:#fff;box-shadow:0 0 0 3px #8b5cf61f}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.page-header p{color:var(--text-secondary);font-size:1rem}.payroll-signatory input{background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);padding:.35rem 0;font-family:Inter,sans-serif;font-size:.95rem}.payroll-signatory input:focus{outline:none;border-bottom-color:var(--primary)}@page{size:portrait;margin:12mm}@media print{.app-sidebar,.sidebar-toggle,.sidebar-overlay,.navbar,.payroll-filters,.no-print{display:none!important}.app-main{overflow:visible!important}.payroll-sheet{background:#fff!important;color:#000!important;box-shadow:none!important;border:none!important}.payroll-sheet *{color:#000!important}.payroll-signatory input{border-bottom-color:#000}.table-container{overflow:visible!important}.payroll-sheet thead{display:table-header-group}.payroll-sheet tbody tr{break-inside:avoid;page-break-inside:avoid}.payroll-signatories,.payroll-signatories>div{break-inside:avoid;page-break-inside:avoid}}.sidebar-toggle{display:none;position:fixed;top:.85rem;left:1rem;z-index:1002;width:42px;height:42px;border-radius:var(--radius-md);border:none;background:var(--sidebar-dark);color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:var(--shadow-md);align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000}@media (max-width: 900px){.sidebar-toggle{display:flex}.app-sidebar{position:fixed;left:-280px;top:0;width:260px;height:100vh;z-index:1001;transition:var(--transition)}.app-sidebar.open{left:0}.sidebar-overlay{display:block}.app-main .navbar{padding-left:4.25rem}.container{padding:1rem}.stat h3{font-size:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width: 640px){.stats{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}}.home-page{color-scheme:light;--home-green: #157A3C;--home-green-dark: #0F5C2D;--home-ink: #0F2A1C;--home-body: #40564A;--home-line: #DCE7DF;--home-tint: #F4F9F5;background:#fff;color:var(--home-ink);min-height:100%}.home-container{width:100%;max-width:1180px;margin:0 auto;padding:0 1.5rem}.home-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--home-line)}.home-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;padding-bottom:.75rem}.home-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;flex-shrink:0}.home-brand img{border-radius:50%;flex-shrink:0}.home-brand span{display:flex;flex-direction:column;line-height:1.15}.home-brand strong{font-size:1.75rem;font-weight:800;letter-spacing:-.01em;color:var(--home-green)}.home-brand small{font-size:.78rem;color:var(--home-body);max-width:15rem}.home-nav{display:flex;align-items:center;gap:1.75rem}.home-nav-link{text-decoration:none;color:var(--home-body);font-weight:500;padding:.35rem 0;border-bottom:2px solid transparent;white-space:nowrap}.home-nav-link:hover{color:var(--home-green)}.home-nav-link.active{color:var(--home-green);border-bottom-color:var(--home-green)}.home-nav-toggle{display:none;background:none;border:1px solid var(--home-line);border-radius:8px;color:var(--home-ink);font-size:1.1rem;padding:.4rem .7rem;cursor:pointer}.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border-radius:999px;font-weight:600;text-decoration:none;padding:.7rem 1.5rem;border:2px solid transparent;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;white-space:nowrap}.home-btn-primary{background:var(--home-green);color:#fff}.home-btn-primary:hover{background:var(--home-green-dark);transform:translateY(-1px)}.home-btn-outline{background:#fff;color:var(--home-green);border-color:var(--home-green)}.home-btn-outline:hover{background:var(--home-tint);transform:translateY(-1px)}.home-hero{position:relative;overflow:hidden;background:#fff}.home-hero-media{position:absolute;top:0;right:0;bottom:0;left:42%}.home-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.home-hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff,#ffffffbf 25%,#fff0 60%)}.home-hero-inner{position:relative;padding-top:4rem;padding-bottom:4rem}.home-hero-copy{max-width:34rem}.home-hero-copy h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.05;font-weight:800;letter-spacing:-.03em;margin-bottom:1.5rem}.home-accent{color:var(--home-green)}.home-steps{display:flex;flex-wrap:wrap;gap:1.25rem;list-style:none;margin-bottom:1.5rem;padding:0}.home-steps li{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--home-ink)}.home-step-icon,.home-highlight-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--home-green);color:#fff;flex-shrink:0}.home-highlight-icon{background:transparent;color:var(--home-green);width:1.75rem;height:1.75rem}.home-hero-description{font-size:1.15rem;line-height:1.6;color:var(--home-body);text-align:justify;margin-bottom:2rem}.home-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.home-hero-actions .home-btn{font-size:1.05rem;padding:.9rem 2rem}.home-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;background:var(--home-tint);border:1px solid var(--home-line);border-radius:14px;padding:1.1rem 1.25rem}.home-highlight{display:flex;align-items:flex-start;gap:.7rem}.home-highlight div{display:flex;flex-direction:column;gap:.15rem}.home-highlight strong{color:var(--home-green);font-size:.95rem}.home-highlight span{font-size:.82rem;color:var(--home-body);line-height:1.35}.home-section{padding:4rem 0;border-top:1px solid var(--home-line);scroll-margin-top:6rem}.home-section-tint{background:var(--home-tint)}.home-section-title{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.home-section-intro{font-size:1.05rem;color:var(--home-body);text-align:justify;max-width:48rem;margin-bottom:2rem;line-height:1.6}.home-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem}.home-card{background:#fff;border:1px solid var(--home-line);border-left:4px solid var(--home-green);border-radius:12px;padding:1.4rem}.home-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--home-ink)}.home-card p{color:var(--home-body);line-height:1.6;text-align:justify;font-size:.95rem}.home-contact-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem;margin:0}.home-contact-row{background:#fff;border:1px solid var(--home-line);border-radius:12px;padding:1.1rem 1.25rem}.home-contact-row dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--home-green);font-weight:700;margin-bottom:.3rem}.home-contact-row dd{margin:0;color:var(--home-body);line-height:1.5;word-break:break-word}.home-footer{background:var(--home-green-dark);color:#fff;padding:2rem 0;text-align:center}.home-footer p{margin:0}.home-footer-brand{font-size:.85rem;opacity:.8;margin-top:.35rem}@media (max-width: 900px){.home-hero-media{position:relative;inset:auto;height:15rem;opacity:1}.home-hero-media:after{background:linear-gradient(180deg,#fff0 55%,#fff)}.home-hero-inner{padding-top:2rem}.home-hero-copy{max-width:none}.home-nav-toggle{display:block;order:3}.home-nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:.25rem;padding-top:.75rem}.home-nav.open{display:flex}.home-nav-link{padding:.6rem 0;border-bottom:1px solid var(--home-line)}.home-nav-link.active{border-bottom-color:var(--home-line)}.home-header-inner{flex-wrap:wrap}.home-nav .home-btn{margin-top:.5rem}}@media (max-width: 640px){.home-brand strong{font-size:1.4rem}.home-brand small{display:none}.home-hero-inner{padding-top:2.5rem;padding-bottom:2.5rem}.home-section{padding:2.5rem 0}.home-hero-actions .home-btn{flex:1 1 100%}}.legal-body p{margin:.75rem 0;line-height:1.7}.legal-body ul{margin:.75rem 0;padding-left:1.5rem;list-style:disc}.legal-body li{margin-bottom:.5rem;line-height:1.7}.toggle-switch{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;cursor:pointer;color:var(--text-primary);font:inherit;font-size:.85rem}.toggle-switch:disabled{cursor:not-allowed;opacity:.6}.toggle-switch-track{position:relative;width:2.4rem;height:1.35rem;flex-shrink:0;border-radius:999px;background:var(--border);transition:background .15s ease}.toggle-switch-thumb{position:absolute;top:.15rem;left:.15rem;width:1.05rem;height:1.05rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .15s ease}.toggle-switch[aria-checked=true] .toggle-switch-track{background:var(--accent-purple)}.toggle-switch[aria-checked=true] .toggle-switch-thumb{transform:translate(1.05rem)}.toggle-switch:focus-visible .toggle-switch-track{outline:2px solid var(--accent-purple);outline-offset:2px}