:root{--action-primary:#E8480A;--action-hover:#d13e06;--action-active:#B83505;--action-glow:rgba(232,72,10,0.25);--shell-bg:#0D1B3E;--shell-bg-light:#142754;--shell-bg-hover:#1A3068;--shell-border:#1E3570;--bg-workspace:#F5F2EC;--grid-line:#DDD9D0;--surface-primary:#FFFFFF;--surface-secondary:#F8F7F4;--surface-elevated:#FFFFFF;--surface-border:#E2DFD8;--text-primary:#0D1B3E;--text-secondary:#5A6478;--text-tertiary:#8B95A8;--text-on-dark:#FFFFFF;--text-on-dark-secondary:#A8B4CC;--success:#22C55E;--success-bg:#F0FDF4;--error:#EF4444;--error-bg:#FEF2F2;--warning:#F59E0B;--warning-bg:#FFFBEB;--info:#3B82F6;--code-bg:#1E1E2E;--code-text:#CDD6F4;--code-keyword:#CBA6F7;--code-string:#A6E3A1;--code-comment:#6C7086;--code-function:#89B4FA;--terminal-bg:#0C0E14;--terminal-text:#CDD6F4;--terminal-cursor:#F5E0DC;--sidebar-width:220px;--topbar-height:52px;--terminal-height:200px;--panel-gap:1px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 30px rgba(0,0,0,0.12);--shadow-glow:0 0 20px var(--action-glow);--transition-fast:120ms ease;--transition-normal:200ms ease;--transition-slow:350ms ease;--z-sidebar:100;--z-topbar:200;--z-modal:500;--z-toast:600;color-scheme:light}[data-theme=dark]{--bg-workspace:#0F1729;--grid-line:#1C2A4A;--surface-primary:#142754;--surface-secondary:#111D3A;--surface-elevated:#1A3068;--surface-border:#1E3570;--text-primary:#E8EAF0;--text-secondary:#8B95A8;--text-tertiary:#5A6478;--success-bg:rgba(34,197,94,0.1);--error-bg:rgba(239,68,68,0.1);--warning-bg:rgba(245,158,11,0.1);--code-bg:#0C0E14;--terminal-bg:#080A10;color-scheme:dark}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:Inter,sans-serif;font-size:1rem;line-height:1.5;color:var(--text-primary);background:var(--bg-workspace)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.mono,code,pre{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.auth-shell,.dashboard-shell{min-height:100vh}.auth-shell{display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse at top,rgba(232,72,10,.06),transparent 50%),var(--bg-workspace)}.dashboard-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;background:var(--bg-workspace)}.dashboard-main{min-width:0;min-height:100vh;display:flex;flex-direction:column}.auth-card,.page-card{width:min(100%,26rem);border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-lg);padding:2.5rem}.page-card{width:min(100%,48rem)}.auth-card h1,.page-card h1{margin:0 0 .5rem;font-weight:700;font-size:clamp(1.6rem,3vw,2rem);letter-spacing:-.02em;color:var(--text-primary)}.eyebrow{margin:0 0 .5rem;color:var(--action-primary);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.muted{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.auth-form{display:grid;grid-gap:1.15rem;gap:1.15rem;margin-top:1.75rem}.auth-form label{display:grid;grid-gap:.35rem;gap:.35rem;font-weight:600}.auth-form input,.auth-form label{color:var(--text-primary);font-size:.85rem}.auth-form input{width:100%;border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:.75rem 1rem;background:var(--surface-secondary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-form input:focus{outline:none;border-color:var(--action-primary);box-shadow:0 0 0 3px var(--action-glow)}.auth-form input::placeholder{color:var(--text-tertiary)}.auth-error{padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--error-bg);color:var(--error);border:1px solid rgba(239,68,68,.2)}.auth-error,.button{font-size:.85rem;font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:var(--radius-sm);padding:.7rem 1.25rem;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);background:var(--action-primary);color:var(--text-on-dark)}.button:hover{background:var(--action-hover);box-shadow:var(--shadow-glow)}.button:active{background:var(--action-active);transform:scale(.98)}.button.secondary{background:var(--shell-bg-light);color:var(--text-on-dark-secondary)}.button.secondary:hover{background:var(--shell-bg-hover);color:var(--text-on-dark)}.button.secondary.active{background:var(--action-primary);color:var(--text-on-dark)}.button.logout{background:transparent;color:var(--text-on-dark-secondary);border:1px solid var(--shell-border);margin-top:auto}.button.logout:hover{background:rgba(239,68,68,.1);color:var(--error);border-color:rgba(239,68,68,.3)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:1.25rem .85rem;background:linear-gradient(180deg,var(--shell-bg) 0,#0b1735 100%);border-right:1px solid var(--shell-border);z-index:var(--z-sidebar)}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.35rem .55rem .95rem;border-bottom:1px solid var(--shell-border)}.brand-logo{width:38px;height:38px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-sm)}.sidebar-role{margin:0;color:var(--text-on-dark-secondary);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.brand-title{margin:.12rem 0 0;font-size:1.2rem;font-weight:800;line-height:1;letter-spacing:-.02em}.brand-omni{color:var(--text-on-dark)}.brand-flow{color:var(--action-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem;flex:1 1;margin-top:.45rem}.sidebar-link{display:flex;align-items:center;gap:.7rem;width:100%;padding:.58rem .75rem;border-radius:8px;color:var(--text-on-dark-secondary);font-size:.89rem;font-weight:500;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-link i{width:1rem;font-size:.92rem;text-align:center}.sidebar-link:hover{background:var(--shell-bg-hover)}.sidebar-link.active,.sidebar-link:hover{color:var(--text-on-dark)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--shell-border);padding-top:.8rem}.sidebar-logout{width:100%;border:0;border-radius:8px;background:transparent;color:var(--text-on-dark-secondary);padding:.58rem .75rem;display:flex;align-items:center;gap:.7rem;font-size:.89rem;font-weight:500;text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-logout i{width:1rem;text-align:center}.sidebar-logout:hover{background:rgba(239,68,68,.12);color:var(--error)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-topbar);height:var(--topbar-height);border-bottom:1px solid var(--surface-border);background:var(--surface-primary);justify-content:flex-end;gap:1rem;padding:0 1.5rem}.topbar,.topbar-actions{display:flex;align-items:center}.topbar-actions{gap:.65rem}.topbar-actions,.topbar-icon-btn,.topbar-menu-wrap{position:relative}.topbar-icon-btn{width:36px;height:36px;border:1px solid var(--surface-border);border-radius:999px;background:var(--surface-secondary);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast)}.topbar-icon-btn:hover{color:var(--action-primary);border-color:var(--action-primary)}.topbar-menu{position:absolute;top:calc(100% + .5rem);right:0;width:300px;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-primary);box-shadow:var(--shadow-lg);padding:.55rem;display:grid;grid-gap:.35rem;gap:.35rem}.topbar-menu-title{margin:.2rem .3rem .35rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.topbar-alert-item{width:100%;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;padding:.55rem;display:grid;grid-gap:.12rem;gap:.12rem;cursor:pointer}.topbar-alert-item:hover{background:var(--surface-secondary)}.topbar-menu-item-title{font-size:.82rem;font-weight:600;color:var(--text-primary)}.topbar-menu-item-desc{font-size:.74rem;color:var(--text-secondary)}.topbar-menu-item-time{font-size:.68rem;color:var(--text-tertiary)}.topbar-alert-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:999px;border:1.5px solid var(--surface-secondary);background:var(--action-primary)}.topbar-profile{border:1px solid var(--surface-border);border-radius:999px;background:var(--surface-secondary);color:var(--text-primary);padding:.34rem .55rem .34rem .34rem;min-width:210px;display:inline-flex;align-items:center;gap:.58rem;cursor:pointer;transition:border-color var(--transition-fast)}.topbar-profile:hover{border-color:var(--action-primary)}.topbar-avatar{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--shell-bg-light);color:var(--text-on-dark);font-size:.72rem;font-weight:700}.topbar-profile-meta{display:grid;text-align:left;line-height:1.15}.topbar-name{font-size:.78rem;font-weight:600;color:var(--text-primary)}.topbar-role{font-size:.68rem;color:var(--text-secondary)}.topbar-profile .fa-chevron-down{margin-left:auto;font-size:.66rem;color:var(--text-tertiary)}.topbar-profile-menu{width:220px}.topbar-menu-profile{margin-bottom:.35rem;padding:.5rem;border-bottom:1px solid var(--surface-border);display:grid;grid-gap:.08rem;gap:.08rem}.topbar-menu-profile-name{font-size:.82rem;font-weight:600;color:var(--text-primary)}.topbar-menu-profile-role{font-size:.72rem;color:var(--text-secondary)}.topbar-menu-link{width:100%;border:0;border-radius:8px;background:transparent;color:var(--text-primary);text-align:left;padding:.52rem .55rem;display:flex;align-items:center;gap:.55rem;cursor:pointer;font-size:.8rem;font-weight:500}.topbar-menu-link:hover{background:var(--surface-secondary)}.topbar-menu-link--danger{color:var(--error)}.content{padding:1.5rem 2.5rem 2rem;background:var(--bg-workspace);min-height:calc(100vh - var(--topbar-height))}.page-stack{display:grid;grid-gap:1.25rem;gap:1.25rem}ul.inline-list{margin:1rem 0 0;padding-left:1.2rem;color:var(--text-secondary)}ul.inline-list li{margin-bottom:.35rem}@media (max-width:900px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;gap:.65rem;border-right:0;border-bottom:1px solid var(--shell-border);padding:.9rem}.sidebar-brand{border-bottom:0;padding:0 .25rem}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:.3rem;margin-top:.1rem}.sidebar-footer{border-top:0;padding-top:0}.sidebar-link,.sidebar-logout{width:auto;padding:.5rem .68rem}.dashboard-main{min-height:auto}.topbar{padding:0 .95rem}.topbar-profile{min-width:0}.topbar-profile-meta{display:none}.content{padding:1.2rem}.topbar-menu{width:min(90vw,300px)}.page-header--row,.panel-toolbar{flex-direction:column}.panel-toolbar{align-items:stretch}.modal-grid{grid-template-columns:1fr}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-workspace);color:var(--text-secondary);font-family:Inter,sans-serif;gap:16px}.loading-logo-container{position:relative;width:96px;height:96px}.loading-logo-bg{filter:grayscale(100%) opacity(.3)}.loading-logo-bg,.loading-logo-fg{position:absolute;top:0;left:0;width:100%;height:100%}.loading-logo-fg{animation:logoFillTopToBottom 2s ease-in-out infinite alternate}.loading-text{font-size:.95rem;font-weight:500;opacity:.8;letter-spacing:.5px}@keyframes logoFillTopToBottom{0%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.page-header{margin-bottom:1.5rem}.page-header--row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-header h1{margin:0 0 .25rem;font-weight:700;font-size:1.5rem;letter-spacing:-.02em;color:var(--text-primary)}.page-header .muted{margin:0}.page-action-button{align-self:flex-start;white-space:nowrap}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.tab-switcher{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-secondary);padding:.2rem}.tab-switcher-btn{border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:.45rem .72rem;cursor:pointer}.tab-switcher-btn:hover{color:var(--text-primary)}.tab-switcher-btn.active{background:var(--surface-primary);color:var(--action-primary);box-shadow:var(--shadow-sm)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.kpi-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-primary);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--action-primary)}.kpi-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:rgba(232,72,10,.1);color:var(--action-primary);flex-shrink:0}.kpi-icon i{font-size:1.08rem}.kpi-content{display:flex;flex-direction:column;gap:.15rem}.kpi-label{font-size:.78rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.kpi-value{font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1.2}.kpi-change{font-size:.78rem;font-weight:500}.kpi-change--up{color:var(--success)}.kpi-change--down{color:var(--error)}.kpi-change--neutral{color:var(--text-tertiary)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.chart-card{padding:1.25rem;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-primary)}.chart-card h3{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.data-table-wrapper{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-primary);overflow:hidden}.data-table-search{width:100%;border:none;border-bottom:1px solid var(--surface-border);padding:.85rem 1.25rem;font-size:.85rem;background:var(--surface-secondary);color:var(--text-primary);outline:none}.data-table-search:focus{background:var(--surface-primary);box-shadow:inset 0 -2px 0 var(--action-primary)}.data-table-search::placeholder{color:var(--text-tertiary)}.data-table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table thead{background:var(--surface-secondary)}.data-table th{padding:.75rem 1.25rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{color:var(--action-primary)}.sort-indicator{font-size:.65rem}.data-table td{padding:.75rem 1.25rem;border-top:1px solid var(--surface-border);color:var(--text-primary)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--surface-secondary)}.data-table-empty{text-align:center;padding:2rem!important;color:var(--text-tertiary)}.data-table-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.25rem;border-top:1px solid var(--surface-border)}.pagination-info{font-size:.78rem;color:var(--text-secondary)}.data-table-pagination .button{padding:.4rem .85rem;font-size:.78rem}.data-table-pagination .button:disabled{opacity:.4;cursor:not-allowed}.table-inline-button{border:0;border-radius:var(--radius-sm);background:rgba(232,72,10,.1);color:var(--action-primary);font-size:.74rem;font-weight:600;padding:.36rem .56rem;cursor:pointer}.table-inline-button:hover{background:rgba(232,72,10,.18)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge--active,.badge--present{background:var(--success-bg);color:var(--success)}.badge--absent,.badge--inactive{background:var(--error-bg);color:var(--error)}.badge--leave,.badge--suspended{background:var(--warning-bg);color:var(--warning)}.badge--pending{background:rgba(59,130,246,.1);color:var(--info)}.badge--approved{background:var(--success-bg);color:var(--success)}.badge--rejected{background:var(--error-bg);color:var(--error)}.badge--draft{background:rgba(59,130,246,.1);color:var(--info)}.badge--closed{background:rgba(139,149,168,.18);color:var(--text-secondary)}.gauge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.gauge-card{padding:1.25rem;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-primary);text-align:center}.gauge-card .gauge-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.gauge-bar{height:8px;border-radius:4px;background:var(--surface-secondary);overflow:hidden;margin-bottom:.5rem}.gauge-fill{height:100%;border-radius:4px;transition:width var(--transition-slow)}.gauge-fill--green{background:var(--success)}.gauge-fill--orange{background:var(--warning)}.gauge-fill--red{background:var(--error)}.gauge-fill--blue{background:var(--info)}.gauge-value{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.section-card{padding:1.25rem;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-primary);margin-bottom:1.5rem}.section-card h2{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.modal-backdrop{position:fixed;inset:0;background:rgba(4,10,24,.68);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:grid;place-items:center;padding:1rem;z-index:var(--z-modal)}.modal-card{width:min(100%,680px);border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-lg);padding:1rem;display:grid;grid-gap:1rem;gap:1rem}.modal-card--wide{width:min(100%,960px)}.modal-header{display:flex;justify-content:space-between;gap:1rem}.modal-header h3{margin:0 0 .2rem;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.modal-close{width:34px;height:34px;border:1px solid var(--surface-border);border-radius:999px;background:var(--surface-secondary);color:var(--text-secondary);cursor:pointer}.modal-close:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.modal-panel{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-secondary);padding:.85rem}.modal-panel h4{margin:0 0 .55rem;font-size:.84rem;color:var(--text-primary)}.modal-preview-image{width:100%;border-radius:var(--radius-sm);border:1px solid var(--surface-border)}.modal-question{margin:0 0 .45rem;color:var(--text-secondary);font-size:.8rem}.modal-code-block{margin:0;background:var(--code-bg);color:var(--code-text);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.5;padding:.75rem;overflow-x:auto;white-space:pre}.material-summary{margin:0;color:var(--text-secondary);font-size:.88rem}.material-code-title{margin:0;font-size:.84rem;font-weight:600;color:var(--text-primary)}.review-section{display:grid;grid-gap:.55rem;gap:.55rem}.review-label{margin:0;font-size:.78rem;font-weight:600;color:var(--text-primary)}.review-actions{display:flex;flex-wrap:wrap;gap:.5rem}.review-remarks-label{font-size:.78rem;font-weight:600;color:var(--text-primary)}.review-remarks{width:100%;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--text-primary);padding:.6rem .75rem;resize:vertical}.review-remarks:focus{outline:none;border-color:var(--action-primary);box-shadow:0 0 0 3px var(--action-glow)}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem}.stat-list{list-style:none;margin:0;padding:0}.stat-list li{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--surface-border);font-size:.85rem}.stat-list li:last-child{border-bottom:none}.stat-list .stat-label{color:var(--text-secondary)}.stat-list .stat-value{font-weight:600;color:var(--text-primary);font-family:JetBrains Mono,monospace}@media (max-width:900px){.modal-grid{grid-template-columns:1fr}}