.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--init-primary-white);text-align:center;padding:var(--space-xl)}.login-logo{width:56px;height:56px;margin-bottom:var(--space-md);object-fit:contain}.login-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-xs)}.login-subtitle{font-size:.95rem;color:var(--color-text-muted);margin:0 0 var(--space-lg)}.login-button{background:var(--init-primary-black);color:var(--init-primary-white);border:none;padding:.75rem var(--space-md);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs)}.login-button:hover{background:#000}.arrow{font-weight:400;color:var(--color-primary)}.signed-in{display:flex;flex-direction:column;align-items:center}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--init-primary-white)}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.app-brand{display:flex;align-items:center;gap:.6rem}.brand-mark{width:20px;height:20px;border-radius:4px;background:var(--init-primary-orange)}.brand-title{font-weight:700;color:var(--color-text)}.app-user{display:flex;align-items:center;gap:.6rem}.app-mode-button{border:1px solid #e5e7eb;border-radius:var(--radius-md, 8px);padding:.45rem .7rem;background:#fff;color:var(--color-text);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.app-mode-button:hover{border-color:var(--init-primary-orange);color:var(--init-primary-orange)}.app-avatar{width:32px;height:32px;border-radius:50%;background:var(--init-primary-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.app-user-name{font-size:.9rem;color:var(--color-text)}.app-content{flex:1;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.absence-history-card{border:1px solid #e5e7eb;border-radius:var(--radius-default, 16px);padding:1.25rem 1.5rem}.absence-history-header{display:flex;justify-content:flex-end;margin-bottom:.75rem}.absence-history-count{font-size:.85rem;color:var(--color-text-muted)}.absence-history-scroll{overflow-x:auto}.absence-history-table{width:100%;border-collapse:collapse;font-size:.88rem}.absence-history-table th{text-align:left;font-weight:600;color:var(--color-text-muted);border-bottom:1px solid #e5e7eb;padding:.5rem .75rem;white-space:nowrap}.absence-history-table td{padding:.65rem .75rem;border-bottom:1px solid #f0f0f0;white-space:nowrap}.absence-history-table tbody tr:hover{background:#fafafa}.absence-history-muted{color:var(--color-text-muted)}.status-draft{border:1px solid var(--color-text-muted);color:var(--color-text-muted);background:transparent}.status-open{border:1px solid #6b7280;color:#374151;background:transparent}.status-unknown{background:#f3f4f6;color:var(--color-text-muted)}.absence-history-btn{font-size:.8rem;font-weight:600;border-radius:var(--radius-md, 8px);padding:.35rem .8rem;cursor:pointer;border:1px solid transparent;transition:all .2s}.absence-history-btn:disabled{cursor:not-allowed;opacity:.6}.absence-history-btn-primary{background:var(--init-primary-orange);color:#fff}.absence-history-btn-primary:hover:not(:disabled){background:var(--init-secondary-orange);box-shadow:var(--shadow-btn)}.absence-history-btn-secondary{background:#fff;color:var(--color-text);border-color:#e5e7eb;margin-top:.5rem}.absence-history-table .absence-history-btn-secondary{margin-top:0}.absence-history-btn-danger{background:var(--init-primary-orange);color:#fff}.absence-history-btn-danger:hover:not(:disabled){background:var(--init-secondary-orange);box-shadow:var(--shadow-btn)}.absence-history-actions{display:flex;gap:.5rem}.absence-history-actions .absence-history-btn{margin-top:0}.absence-history-status{font-size:.9rem;color:var(--color-text-muted)}.absence-history-error{color:#b91c1c}.absence-history-dialog-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#11182773}.absence-history-dialog{width:min(100%,28rem);padding:1.5rem;border-radius:var(--radius-default, 16px);background:#fff;box-shadow:0 20px 45px #11182733}.absence-history-dialog h2{margin:0;color:var(--color-text);font-size:1.1rem}.absence-history-dialog p{margin:.75rem 0 1.25rem;color:var(--color-text-muted)}.absence-history-success{color:#15803d}.absence-delete-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000073}.absence-delete-modal{width:min(100%,420px);border-radius:var(--radius-default, 16px);padding:1.5rem;background:#fff;box-shadow:0 20px 50px #0003}.absence-delete-notification{position:fixed;bottom:1.25rem;right:1.25rem;z-index:1100;width:min(calc(100% - 2rem),420px);border:1px solid #d1d5db;border-radius:var(--radius-default, 16px);background:#f8fafc;box-shadow:0 16px 40px #00000026;padding:1rem;display:flex;gap:.85rem;align-items:flex-end}.absence-delete-notification-content{flex:1}.absence-delete-modal h2{margin:0 0 .75rem;font-size:1.25rem}.absence-delete-notification h2{margin:0 0 .75rem;font-size:1rem}.absence-delete-modal p,.absence-delete-notification p{margin:0;color:var(--color-text-muted);line-height:1.5}.absence-delete-notification .absence-history-btn-secondary{margin-top:0}@media(max-width:640px){.absence-delete-notification{bottom:1rem;right:1rem;left:1rem;width:auto;align-items:stretch;flex-direction:column}}.absence-delete-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.absence-delete-actions .absence-history-btn-secondary{margin-top:0}.absence-delete-actions .absence-history-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--init-primary-white);border-radius:var(--radius-default, 16px);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:var(--init-primary-white)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--color-text);font-weight:700}.modal-close{background:none;border:none;font-size:1.75rem;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:var(--color-text)}.absence-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text)}.form-group input[type=date],.form-group input[type=text],.form-group select,.form-group textarea{padding:.75rem;border:1px solid #9ca3af;border-radius:var(--radius-md, 8px);font-size:.9rem;font-family:inherit;color:var(--color-text);transition:border-color .2s}.form-group input[type=date]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--init-primary-orange);box-shadow:0 0 0 3px #ef7d001a}.input-readonly{background:#f9fafb;color:var(--color-text-muted);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.form-error{padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md, 8px);color:#b91c1c;font-size:.9rem;font-weight:500}.form-warning{padding:.75rem 1rem;background:#fff7ed;border:1px solid #fdba74;border-radius:var(--radius-md, 8px);color:#9a3412;font-size:.9rem;font-weight:500}.statutory-block-warning{padding:.75rem 1rem;background:#eff6ff;border:1px solid #93c5fd;border-radius:var(--radius-md, 8px);color:#1e40af;font-size:.9rem;line-height:1.4}.field-error{margin-top:.25rem;padding:.625rem .75rem;background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md, 8px);color:#b91c1c;font-size:.85rem;font-weight:500}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:var(--radius-md, 8px);font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:var(--init-primary-orange);color:#fff}.btn-primary:hover:not(:disabled){background:var(--init-secondary-orange);box-shadow:var(--shadow-btn)}.btn-primary:disabled{background:var(--init-secondary-light-grey);cursor:not-allowed}.btn-secondary{background:#fff;color:var(--color-text);border:1px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:var(--color-text-muted)}.btn-secondary:disabled{color:var(--color-text-muted);cursor:not-allowed}@media(max-width:640px){.form-row{grid-template-columns:1fr}.modal-content{max-width:100%;max-height:100vh}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.statutory-leave-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.statutory-leave-card{background:#fff;border-radius:var(--radius-default, 16px);padding:1.75rem;max-width:560px;width:100%;box-shadow:0 8px 30px #0003}.statutory-leave-header{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:.75rem}.statutory-leave-icon{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.statutory-leave-header h2{margin:0;font-size:1.05rem;line-height:1.35;color:var(--color-text, #111827);white-space:nowrap}.statutory-leave-body{margin:0 0 1.25rem;color:var(--color-text-muted, #4b5563);font-size:.92rem;line-height:1.5}.statutory-leave-actions{display:flex;gap:.75rem}.statutory-leave-primary{background:#6bbd15;color:#fff;border:none;padding:.7rem 1.25rem;border-radius:var(--radius-md, 8px);cursor:pointer;font-size:.95rem;font-weight:600}.statutory-leave-primary:hover{background:#5da60f}.statutory-leave-secondary{background:transparent;border:1px solid #d1d5db;color:var(--color-text, #111827);padding:.7rem 1.25rem;border-radius:var(--radius-md, 8px);cursor:pointer;font-size:.95rem}.statutory-leave-secondary:hover{background:#f9fafb}.user-card{display:flex;gap:2rem;align-items:center;border:1px solid #e5e7eb;border-radius:var(--radius-default, 16px);padding:1.25rem 1.5rem;margin-bottom:1.5rem}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--init-primary-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.user-field{display:flex;flex-direction:column;gap:.2rem}.field-label{font-size:.75rem;color:var(--color-text-muted)}.field-value{font-size:.95rem;color:var(--color-text);font-weight:500}.field-value.placeholder{color:#9ca3af;font-style:italic;font-weight:400}.dashboard-overview{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dashboard-overview h2{font-size:1.1rem;margin:0}.create-request-button{background:var(--init-primary-orange);color:#fff;padding:.6rem 1.1rem;border-radius:var(--radius-md, 8px);text-decoration:none;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .2s}.create-request-button:hover{background:var(--init-secondary-orange);box-shadow:var(--shadow-btn)}.dashboard-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.stat-card{border:1px solid #e5e7eb;border-radius:var(--radius-default, 16px);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.3rem}.stat-label{font-size:.8rem;color:var(--color-text-muted)}.stat-value{font-size:1.6rem;font-weight:700;color:var(--init-primary-orange)}.dashboard-requests h3{font-size:.95rem;color:var(--color-text-muted);font-weight:500;margin-bottom:.5rem}.requests-table{width:100%;border-collapse:collapse}.requests-table td{padding:.75rem 0;border-bottom:1px solid #f0f0f0;font-size:.9rem}.status-cell{text-align:right}.status-pill{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.status-submitted,.status-reopened{border:1px solid var(--init-primary-orange);color:var(--init-primary-orange);background:transparent}.status-approved{background:var(--init-primary-black);color:#fff}.status-rejected{background:#fee2e2;color:#b91c1c}.requests-empty{color:var(--color-text-muted);font-size:.9rem}.dev-test-button{margin-top:2rem;background:#6b7280;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer}.dashboard-notification{position:fixed;bottom:1.25rem;right:1.25rem;z-index:1100;width:min(calc(100% - 2rem),420px);border:1px solid #d1d5db;border-radius:var(--radius-default, 16px);background:#f8fafc;box-shadow:0 16px 40px #00000026;padding:1rem;display:flex;gap:.85rem;align-items:flex-end}.dashboard-notification-content{flex:1}.dashboard-notification h2{margin:0 0 .75rem;font-size:1rem}.dashboard-notification p{margin:0;color:var(--color-text-muted);line-height:1.5}.dashboard-notification-dismiss{margin-top:0;font-size:.8rem;font-weight:600;border-radius:var(--radius-md, 8px);padding:.35rem .8rem;cursor:pointer;border:1px solid #e5e7eb;background:#fff;color:var(--color-text);transition:all .2s}.dashboard-notification-dismiss:hover{background:#f9fafb;border-color:var(--color-text-muted)}@media(max-width:640px){.dashboard-notification{bottom:1rem;right:1rem;left:1rem;width:auto;align-items:stretch;flex-direction:column}}.hr-admin-hero{padding:2rem;border-radius:var(--radius-default, 16px);background:var(--init-primary-black);color:var(--init-primary-white);margin-bottom:1.5rem}.hr-admin-eyebrow{color:var(--init-primary-orange);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hr-admin-hero h1{margin:.5rem 0;font-size:clamp(1.75rem,4vw,2.5rem)}.hr-admin-hero p{max-width:38rem;margin:0;color:#d1d5db;line-height:1.6}.hr-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hr-admin-card{min-height:10rem;padding:1.25rem;border:1px solid #e5e7eb;border-radius:var(--radius-default, 16px)}.hr-admin-card-label{display:block;color:var(--color-text-muted);font-size:.8rem;font-weight:600}.hr-admin-card strong{display:block;margin:.75rem 0 .35rem;color:var(--init-primary-orange);font-size:1.5rem}.hr-admin-card p{margin:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}@media(max-width:720px){.hr-admin-grid{grid-template-columns:1fr}}.hr-admin-requests{margin-top:1.5rem}.hr-admin-section-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.hr-admin-section-header h2{margin:.35rem 0 0;font-size:1.2rem}.hr-admin-refresh{border:1px solid #e5e7eb;border-radius:var(--radius-md, 8px);padding:.5rem .8rem;background:#fff;color:var(--color-text);cursor:pointer;font-weight:600}.hr-admin-refresh:disabled{cursor:wait;opacity:.6}.hr-admin-tabs{display:flex;gap:0;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.hr-admin-tab{padding:.75rem 1.25rem;border:none;background:transparent;color:var(--color-text-muted);font-weight:600;font-size:.9rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;margin-bottom:-1px}.hr-admin-tab:hover{color:var(--color-text);background:#f9f9f9}.hr-admin-tab.active{color:var(--init-primary-orange);border-bottom-color:var(--init-primary-orange)}.hr-admin-empty{color:var(--color-text-muted)}.hr-admin-error{color:#b91c1c}.hr-admin-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.hr-admin-filter-input,.hr-admin-filter-select{padding:.6rem .8rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;font-family:inherit;transition:border-color .2s;width:200px}.hr-admin-filter-input:focus,.hr-admin-filter-select:focus{outline:none;border-color:var(--init-primary-orange);box-shadow:0 0 0 3px #fb923c26}.hr-admin-filter-input::placeholder{color:#d1d5db}.hr-admin-clear-filters{padding:.6rem 1.2rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;font-weight:600;background:#fff;color:var(--color-text);cursor:pointer;transition:all .2s;white-space:nowrap}.hr-admin-clear-filters:hover{background:#f3f4f6;border-color:#9ca3af}.hr-admin-clear-filters:active{background:#e5e7eb}.hr-admin-table-wrap{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:var(--radius-default, 16px);overflow:hidden}.hr-admin-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.9rem}.hr-admin-table th,.hr-admin-table td{padding:.8rem .6rem;border-bottom:1px solid #e5e7eb;text-align:center;vertical-align:middle}.hr-admin-table th{color:var(--color-text-muted);font-size:.78rem;text-transform:uppercase;font-weight:600}.hr-admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.hr-admin-table th.sortable:hover{background-color:#f9f9f9}.hr-admin-table th.sortable.active{color:var(--init-primary-orange);background-color:#fff9f3}.hr-admin-table th:nth-child(1),.hr-admin-table td:nth-child(1){width:7%}.hr-admin-table th:nth-child(2),.hr-admin-table td:nth-child(2){width:14%}.hr-admin-table th:nth-child(3),.hr-admin-table td:nth-child(3){width:10%}.hr-admin-table th:nth-child(4),.hr-admin-table td:nth-child(4){width:10%}.hr-admin-table th:nth-child(5),.hr-admin-table td:nth-child(5){width:10%}.hr-admin-table th:nth-child(6),.hr-admin-table td:nth-child(6){width:4%;text-align:center}.hr-admin-table th:nth-child(7),.hr-admin-table td:nth-child(7){width:4%;text-align:center}.hr-admin-table th:nth-child(8),.hr-admin-table td:nth-child(8){width:10%;text-align:center}.hr-admin-table th:nth-child(9),.hr-admin-table td:nth-child(9){width:90px;text-align:center}.hr-admin-table th:nth-child(10),.hr-admin-table td:nth-child(10){width:180px;text-align:center;vertical-align:middle}.hr-ledger-input{width:90px;padding:.35rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.85rem;font-family:inherit;text-align:center;transition:border-color .2s}.hr-ledger-input:focus{outline:none;border-color:var(--init-primary-orange);box-shadow:0 0 0 3px #fb923c26}.hr-ledger-input:disabled{background:#f3f4f6;cursor:not-allowed}.hr-ledger-input::placeholder{color:#d1d5db}.hr-ledger-display{display:inline-block;width:90px;text-align:center;font-family:monospace;font-weight:600}.hr-date-input{width:130px;padding:.35rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.85rem}.hr-date-input:focus{outline:none;border-color:var(--init-primary-orange);box-shadow:0 0 0 3px #fb923c26}.hr-date-input:disabled{background:#f3f4f6}.hr-actions-cell{display:flex;justify-content:center;align-items:center;gap:.5rem}.hr-actions-generated{color:#10b981;font-weight:600;font-size:.9rem}.hr-btn-save,.hr-btn-generate{min-width:72px;padding:.45rem .8rem;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.hr-btn-save{background:#10b981;color:#fff}.hr-btn-save:hover:not(:disabled){background:#059669}.hr-btn-generate{background:var(--init-primary-orange);color:#fff}.hr-btn-generate:hover:not(:disabled){background:#d97706}.hr-btn-save:disabled,.hr-btn-generate:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.hr-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.hr-popup{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 10px 40px #00000026;max-width:500px;width:90%;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hr-popup-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1f2937;text-align:center}.hr-popup-message{margin:0 0 1.5rem;font-size:.95rem;color:#4b5563;line-height:1.6}.hr-popup-message p{margin:0 0 1rem}.hr-popup-details{background:#f9fafb;padding:1rem;border-radius:6px;border-left:3px solid var(--init-primary-orange)}.hr-popup-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem}.hr-popup-label{color:#6b7280;font-weight:500}.hr-popup-actions{display:flex;gap:.75rem;justify-content:flex-end}.hr-popup-btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.hr-popup-btn-cancel{background:#e5e7eb;color:#1f2937}.hr-popup-btn-cancel:hover{background:#d1d5db}.hr-popup-btn-confirm{background:var(--init-primary-orange);color:#fff}.hr-popup-btn-confirm:hover{background:#d97706}.hr-popup-btn-close{background:var(--init-primary-orange);color:#fff}.hr-popup-btn-close:hover{background:#d97706}.hr-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding:1.5rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.hr-pagination-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;color:#374151}.hr-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:var(--init-primary-orange);color:var(--init-primary-orange)}.hr-pagination-btn:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.hr-pagination-numbers{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center}.hr-pagination-number{padding:.4rem .7rem;border:1px solid #d1d5db;background:#fff;border-radius:4px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s;color:#374151;min-width:2.5rem;text-align:center}.hr-pagination-number:hover{background:#f3f4f6;border-color:var(--init-primary-orange);color:var(--init-primary-orange)}.hr-pagination-number.active{background:var(--init-primary-orange);color:#fff;border-color:var(--init-primary-orange)}.hr-pagination-info{font-size:.85rem;color:#6b7280;white-space:nowrap}.idle-warning-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.idle-warning-card{background:#fff;border-radius:var(--radius-default, 16px);padding:2rem;max-width:360px;text-align:center;box-shadow:0 8px 30px #0003}.idle-warning-card h2{margin:0 0 .5rem;font-size:1.2rem;color:var(--color-text)}.idle-warning-card p{margin:0 0 1.5rem;color:var(--color-text-muted);font-size:.9rem}.idle-warning-actions{display:flex;flex-direction:column;gap:.6rem}.idle-logout-now{background:transparent;border:1px solid #e5e7eb;color:var(--color-text-muted);padding:.6rem 1rem;border-radius:var(--radius-md, 8px);cursor:pointer;font-size:.9rem}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--hover-bg: #f3f4f6}:root[data-theme=dark]{--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #0f1419;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--input-bg: #111827;--input-border: #4b5563;--hover-bg: #374151}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media(max-width:1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media(max-width:1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media(max-width:1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media(max-width:1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media(max-width:1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media(max-width:1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}:root{--init-primary-orange: #ef7d00;--init-primary-black: #000000;--init-primary-grey: #43454a;--init-primary-warm-grey: #edede5;--init-primary-white: #ffffff;--init-primary-green: #52ae32;--init-secondary-dark-grey: #2b2e34;--init-secondary-light-grey: #b3b3b3;--init-secondary-orange: #d16624;--init-orange-80: #f29733;--init-orange-60: #f5b166;--init-orange-40: #f9cb99;--color-primary: var(--init-primary-orange);--color-primary-hover: var(--init-orange-80);--color-text: var(--init-secondary-dark-grey);--color-text-muted: var(--init-primary-grey);--color-error: #c53030;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--radius-default: 16px;--radius-md: 8px;--shadow-btn: 0 4px 12px rgba(239, 125, 0, .3)}body{margin:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif}