@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap);.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width var(--transition-base);width:var(--sidebar-width);z-index:var(--z-sidebar)}.sidebar.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);height:var(--topbar-height);padding:var(--space-4) var(--space-4)}.sidebar-logo{border-radius:var(--radius-md);flex-shrink:0;height:36px;object-fit:contain;width:36px}.sidebar-brand-text{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);white-space:nowrap}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:var(--space-3)}.sidebar-link{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-3);padding:var(--space-2) var(--space-3);text-align:left;transition:all var(--transition-fast);white-space:nowrap;width:100%}.sidebar-link:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-link.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--weight-semibold)}.sidebar-icon{flex-shrink:0;font-size:1.15rem;text-align:center;width:24px}.sidebar-label{overflow:hidden;text-overflow:ellipsis}.sidebar-collapse-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0;font-size:var(--text-sm);margin:var(--space-3);padding:var(--space-2);transition:all var(--transition-fast)}.sidebar-collapse-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-collapsed .sidebar-collapse-btn{padding:var(--space-2)}.sidebar-mobile{display:none}@media (max-width:768px){.sidebar{display:none}.sidebar-mobile{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-base);width:var(--sidebar-width);z-index:var(--z-sidebar)}.sidebar-mobile.open{transform:translateX(0)}.mobile-sidebar-wrapper{display:none}.mobile-sidebar-wrapper.open{display:block;height:100vh;left:0;position:fixed;top:0;width:var(--sidebar-width);z-index:var(--z-sidebar)}.sidebar-overlay{background:#0006;inset:0;position:fixed;z-index:var(--z-overlay)}}.topbar{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;height:var(--topbar-height);justify-content:space-between;left:var(--sidebar-width);padding:0 var(--space-6);position:fixed;right:0;top:0;transition:left var(--transition-base);z-index:var(--z-topbar)}.sidebar-collapsed+.app-main .topbar,.topbar.sidebar-collapsed{left:var(--sidebar-collapsed-width)}.topbar-left{align-items:center;display:flex;flex:1 1;gap:var(--space-3);max-width:480px}.topbar-search{position:relative;width:100%}.search-icon{align-items:center;bottom:0;color:var(--color-text-secondary);display:flex;justify-content:center;left:12px;opacity:.45;pointer-events:none;position:absolute;top:0;width:20px}.search-icon svg{display:block;font-size:18px}.search-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);height:40px;outline:none;padding:var(--space-2) var(--space-3) var(--space-2) 40px;transition:all var(--transition-fast);width:100%}.search-input::placeholder{color:var(--color-text-tertiary)}.search-input:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-shortcut{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--text-xs);padding:1px var(--space-2);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}.topbar-right{gap:var(--space-2)}.topbar-icon-btn,.topbar-right{align-items:center;display:flex}.topbar-icon-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.topbar-icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.topbar-lang-btn{gap:var(--space-1);padding:0 var(--space-2);width:auto}.topbar-lang-label{font-size:var(--text-xs);font-weight:var(--weight-semibold)}.topbar-notif-wrapper{position:relative}.notification-dot{background:var(--color-danger);border:2px solid var(--color-surface);border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.topbar-profile-wrapper{position:relative}.topbar-profile{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-2);transition:background var(--transition-fast)}.topbar-profile:hover{background:var(--color-surface-hover)}.profile-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);height:34px;justify-content:center;width:34px}.profile-info{display:flex;flex-direction:column;line-height:1.2}.profile-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.profile-role{font-size:var(--text-xs)}.profile-arrow,.profile-role{color:var(--color-text-tertiary)}.profile-arrow{transition:transform var(--transition-fast)}.topbar-dropdown{animation:dropdownIn .15s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:280px;position:absolute;right:0;top:calc(100% + 6px);z-index:var(--z-dropdown)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown{min-width:220px}.profile-dropdown-header{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-4)}.profile-dropdown-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:var(--text-base);font-weight:var(--weight-semibold);height:40px;justify-content:center;width:40px}.profile-dropdown-info{display:flex;flex-direction:column}.profile-dropdown-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.profile-dropdown-email{color:var(--color-text-tertiary);font-size:var(--text-xs)}.dropdown-item{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.dropdown-item.logout-item{color:var(--color-danger)}.dropdown-item.logout-item:hover{background:var(--color-danger-light)}.dropdown-divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.notif-dropdown{min-width:320px}.dropdown-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.dropdown-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.dropdown-badge{color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.dropdown-body{max-height:280px;overflow-y:auto}.notif-item{align-items:flex-start;cursor:pointer;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.notif-item.unread,.notif-item.unread:hover{background:var(--color-primary-light)}.notif-item.unread:hover{opacity:.85}.notif-content{display:flex;flex-direction:column;gap:2px}.notif-title{font-weight:var(--weight-medium)}.notif-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-tertiary);display:-webkit-box;font-size:var(--text-xs);line-height:1.3;overflow:hidden}.notif-time{flex-shrink:0;padding-top:2px;white-space:nowrap}.dropdown-footer{border-top:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);text-align:center;transition:background var(--transition-fast)}.dropdown-footer:hover{background:var(--color-surface-hover)}.topbar-logout-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:var(--space-2);transition:all var(--transition-fast);width:40px}.topbar-logout-btn:hover{background:var(--color-danger-light);color:var(--color-danger)}.search-dropdown{animation:dropdownIn .15s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:var(--z-dropdown)}.search-dropdown-empty,.search-dropdown-loading{color:var(--color-text-tertiary);font-size:var(--text-sm);padding:var(--space-6) var(--space-4);text-align:center}.search-dropdown-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-2) var(--space-4)}.search-dropdown-title{font-weight:var(--weight-semibold);letter-spacing:.5px;text-transform:uppercase}.search-dropdown-count,.search-dropdown-title{color:var(--color-text-tertiary);font-size:var(--text-xs)}.search-dropdown-body{max-height:360px;overflow-y:auto}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--transition-fast)}.search-result-item.selected,.search-result-item:hover{background:var(--color-primary-light)}.search-result-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);height:36px;justify-content:center;width:36px}.search-result-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.search-result-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.search-result-meta,.search-result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-hint,.search-result-meta{color:var(--color-text-tertiary);font-size:var(--text-xs)}.search-result-hint{flex-shrink:0}@media (max-width:768px){.topbar{gap:var(--space-3);left:0!important;padding:0 var(--space-3)}.topbar-left{flex:1 1;gap:var(--space-2);min-width:0}.profile-info,.search-shortcut{display:none}.topbar-right{flex-shrink:0;gap:var(--space-2)}.topbar-lang-label{display:none}.topbar-icon-btn{height:34px;width:34px}.notification-dot{height:6px;right:5px;top:5px;width:6px}.profile-avatar{font-size:var(--text-xs);height:30px;width:30px}.topbar-dropdown{left:8px;min-width:0;position:fixed;right:8px;top:58px;width:auto}.notif-dropdown{display:flex;flex-direction:column;max-height:calc(100vh - 80px)}.notif-dropdown .dropdown-body{flex:1 1;overflow-y:auto}}.bottom-nav{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);bottom:0;display:none;height:64px;justify-content:space-around;left:0;padding:0 var(--space-2);position:fixed;right:0;z-index:var(--z-topbar)}.bottom-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:56px;padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.bottom-nav-item:hover{color:var(--color-text-secondary)}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-icon{font-size:1.3rem!important}.bottom-nav-label{font-size:10px;font-weight:var(--weight-medium);white-space:nowrap}@media (max-width:768px){.bottom-nav{display:flex}}:root{--color-primary:#2f4b7c;--color-primary-hover:#3a5a96;--color-primary-light:#e8edf5;--color-primary-dark:#1f3357;--color-accent:#c08552;--color-accent-hover:#d09a69;--color-accent-light:#f5ede4;--color-success:#4e8b6f;--color-success-hover:#5da07f;--color-success-light:#e8f3ee;--color-warning:#c98b3b;--color-warning-hover:#dba04f;--color-warning-light:#f5ede0;--color-danger:#b54b4b;--color-danger-hover:#cc5e5e;--color-danger-light:#f3e4e4;--color-info:#4a7bb5;--color-info-hover:#5d90cc;--color-info-light:#e4edf5;--color-bg:#f7f8fa;--color-surface:#fff;--color-surface-hover:#f3f4f6;--color-border:#e4e7ec;--color-border-light:#f0f1f4;--color-text-primary:#1b1f27;--color-text-secondary:#5d6675;--color-text-tertiary:#9aa3b2;--color-text-disabled:#c5c9d2;--color-text-inverse:#fff;--shadow-sm:0 1px 2px #1b1f270a;--shadow-md:0 2px 8px #1b1f270f;--shadow-lg:0 4px 16px #1b1f2714;--shadow-xl:0 8px 32px #1b1f271f;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Sora","Inter",-apple-system,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--sidebar-width:260px;--sidebar-collapsed-width:64px;--topbar-height:64px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--z-sidebar:100;--z-topbar:200;--z-dropdown:250;--z-modal:300;--z-overlay:90;--z-toast:400}[data-theme=dark]{--color-primary:#7c8ba8;--color-primary-hover:#8fa0bf;--color-primary-light:#252a33;--color-primary-dark:#9aabcc;--color-accent:#d4a26e;--color-accent-hover:#e2b586;--color-accent-light:#2d251a;--color-success:#72a88a;--color-success-hover:#86bb9d;--color-success-light:#1a2b22;--color-warning:#dba45a;--color-warning-hover:#ecb76e;--color-warning-light:#2e2418;--color-danger:#cf6b6b;--color-danger-hover:#e07e7e;--color-danger-light:#2e1a1a;--color-info:#6e96c4;--color-info-hover:#82aad8;--color-info-light:#1a2430;--color-bg:#111318;--color-surface:#1c1e24;--color-surface-hover:#24262d;--color-border:#2e3038;--color-border-light:#26282f;--color-text-primary:#e6e8ed;--color-text-secondary:#969ba8;--color-text-tertiary:#646875;--color-text-disabled:#383c46;--color-text-inverse:#1b1e24;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 4px 16px #00000059;--shadow-xl:0 8px 32px #0006}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-ui);font-weight:var(--weight-semibold);line-height:1.3}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}.display-number{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.02em}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}img{height:auto;max-width:100%}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-light);color:var(--color-text-primary)}.app-layout{display:flex;min-height:100vh}.app-main{flex:1 1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base)}.app-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.app-content{margin-top:var(--topbar-height);padding:var(--space-6)}.page-header{margin-bottom:var(--space-6)}.page-header h1{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0}.page-header p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:var(--space-1) 0 0}.stats-grid{grid-gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.content-grid,.stats-grid{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}.content-grid{grid-gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.table-toolbar{gap:var(--space-4)}.search-field{align-items:center;display:flex;gap:var(--space-2)}.search-field .search-icon{align-items:center;bottom:0;color:var(--color-text-tertiary);display:flex;justify-content:center;left:12px;pointer-events:none;position:absolute;top:0;width:20px}.search-field .search-icon svg{display:block;font-size:18px}.table-search-input{padding:var(--space-2) var(--space-3) var(--space-2) 40px;transition:border-color var(--transition-fast);width:240px}.table-search-input:focus{outline:none}.alert-success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.alert-danger{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.data-table{border-collapse:collapse;table-layout:fixed;width:100%}.data-table-wrapper{-webkit-overflow-scrolling:touch}.data-table th{border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:var(--weight-semibold);letter-spacing:.04em;text-align:left;text-transform:uppercase}.data-table td,.data-table th{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.data-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.data-table tr:hover td{background-color:var(--color-surface-hover)}.form-hint{color:var(--color-text-tertiary);font-size:var(--text-xs);margin-top:var(--space-1)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.loading-screen{font-size:var(--text-lg);height:100vh}.coming-soon,.loading-screen{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center}.coming-soon{flex-direction:column;min-height:400px}.coming-soon h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.coming-soon p{color:var(--color-text-tertiary);font-size:var(--text-base)}@media (max-width:768px){.app-layout{flex-direction:column}.app-main{margin-left:0!important;padding-bottom:80px}.app-content{padding:var(--space-3)}.page-header{margin-bottom:var(--space-4)}.page-header h1{font-size:var(--text-lg)}.page-header p{font-size:var(--text-xs)}.stats-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.table-toolbar{flex-direction:column;gap:var(--space-2)}.table-search-input{width:100%}.flex.gap-2,.page-header .flex{flex-wrap:wrap}.page-header .flex.gap-2>*,.page-header>.flex>*{flex:1 1 auto;min-width:0}.page-header .flex.gap-2 .btn,.page-header>.flex .btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.form-row,.reports-grid{grid-template-columns:1fr}.toast-container{left:8px;right:8px;transform:none}.attendance-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:var(--space-1);white-space:nowrap}.att-tab{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.toast-container{display:flex;flex-direction:column;gap:8px;max-width:400px;pointer-events:none;position:fixed;right:16px;top:16px;width:100%;z-index:10000}.toast{align-items:center;animation:toast-slide-in .3s ease-out;background:#1a1a2e;border-left:4px solid;border-radius:8px;box-shadow:0 4px 20px #00000040;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;pointer-events:auto}.toast-success{border-color:#22c55e}.toast-error{border-color:#ef4444}.toast-warning{border-color:#f59e0b}.toast-info{border-color:#3b82f6}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.toast-success .toast-icon{background:#22c55e33;color:#22c55e}.toast-error .toast-icon{background:#ef444433;color:#ef4444}.toast-warning .toast-icon{background:#f59e0b33;color:#f59e0b}.toast-info .toast-icon{background:#3b82f633;color:#3b82f6}.toast-message{flex:1 1;line-height:1.4}.toast-close{background:none;border:none;color:#ffffff80;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:0 2px}.toast-close:hover{color:#fff}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.search-field{width:100%}}.login-page{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-bg-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.login-bg-shapes:after,.login-bg-shapes:before{border-radius:50%;content:"";opacity:.03;position:absolute}.login-bg-shapes:before{background:var(--color-primary);height:600px;right:-200px;top:-200px;width:600px}.login-bg-shapes:after{background:var(--color-accent);bottom:-100px;height:400px;left:-100px;width:400px}.login-container{display:flex;gap:var(--space-8);max-width:960px;min-height:600px;padding:var(--space-6);position:relative;width:100%;z-index:1}.login-lang-toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-fast);z-index:2}.login-lang-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.login-brand{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-8)}.login-logo{height:64px;margin-bottom:var(--space-4);object-fit:contain;width:64px}.login-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--weight-bold);margin:0 0 var(--space-1)}.login-subtitle{color:var(--color-accent);font-size:var(--text-lg);font-weight:var(--weight-medium);margin:0 0 var(--space-6)}.login-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;max-width:320px}.login-form-wrapper{display:flex;flex-direction:column;justify-content:center;width:400px}.login-mobile-logo{display:none}.login-form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8)}.login-form-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0 0 var(--space-1)}.login-form-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-6)}.login-error{background:var(--color-danger-light);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.login-error,.login-error-icon{align-items:center;display:flex}.login-error-icon{background:var(--color-danger);border-radius:50%;color:#fff;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-bold);height:20px;justify-content:center;width:20px}.login-input-wrapper{position:relative}.login-input-icon{align-items:center;bottom:0;display:flex;justify-content:center;left:12px;opacity:.45;pointer-events:none;position:absolute;top:0;width:20px}.login-input-icon svg{display:block;font-size:18px}.login-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);height:44px;outline:none;padding:var(--space-2) var(--space-3) var(--space-2) 40px;transition:all var(--transition-fast);width:100%}.login-input::placeholder{color:var(--color-text-tertiary)}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.login-submit{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);height:44px;justify-content:center;margin-top:var(--space-6);transition:background var(--transition-fast);width:100%}.login-submit:hover:not(:disabled){background:var(--color-primary-hover)}.login-submit:disabled{cursor:not-allowed;opacity:.6}.login-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.login-demo-toggle{margin-top:var(--space-4)}.login-demo-btn{background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-xs);padding:var(--space-2);transition:all var(--transition-fast);width:100%}.login-demo-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.login-demo-list{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-2);max-height:200px;overflow-y:auto}.login-demo-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-xs);justify-content:space-between;padding:var(--space-2) var(--space-3);transition:background var(--transition-fast)}.login-demo-item:hover{background:var(--color-surface-hover)}.demo-role{color:var(--color-text-primary);font-weight:var(--weight-medium)}.demo-cred{font-family:monospace}.demo-cred,.login-footer-text{color:var(--color-text-tertiary)}.login-footer-text{font-size:var(--text-xs);margin-top:var(--space-4);text-align:center}@media (max-width:768px){.login-container{flex-direction:column;max-width:440px;padding:var(--space-4)}.login-brand{display:none}.login-form-wrapper{justify-content:flex-start;padding-top:var(--space-10);width:100%}.login-mobile-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-6);text-align:center}.login-mobile-logo .login-logo{height:72px;margin-bottom:var(--space-3);width:72px}.login-mobile-logo .login-title{font-size:var(--text-2xl);margin:0}.login-form-card{background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.login-form-subtitle,.login-form-title{text-align:center}.login-page{align-items:flex-start}}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-weight:var(--weight-medium);gap:var(--space-2);justify-content:center;line-height:1;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-sm{height:32px;padding:var(--space-1) var(--space-3)}.btn-md,.btn-sm{font-size:var(--text-sm)}.btn-md{height:40px;padding:var(--space-2) var(--space-4)}.btn-lg{font-size:var(--text-base);height:48px;padding:var(--space-3) var(--space-6)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-tertiary)}.btn-accent{background:var(--color-accent);color:var(--color-text-inverse)}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background:var(--color-success-hover)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-ghost{background:#0000;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-outline{background:#0000;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary-light)}.btn-full{width:100%}.btn-loading .btn-text{opacity:.7}.btn-spinner{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.btn-icon{align-items:center;display:flex;font-size:1.1em}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-hover:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.card-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-5) 0}.card-title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0}.card-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:var(--space-1) 0 0}.card-action{flex-shrink:0}.card-body{padding:var(--space-5)}.input-label{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-1)}.input-wrapper{align-items:center;display:flex;position:relative}.input-field{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);height:40px;outline:none;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);width:100%}.input-field::placeholder{color:var(--color-text-tertiary)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-has-icon .input-field{padding-left:var(--space-8)}.input-icon{align-items:center;color:var(--color-text-tertiary);display:flex;left:var(--space-3);pointer-events:none;position:absolute}.input-error .input-field{border-color:var(--color-danger)}.input-error .input-field:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.input-error-text{color:var(--color-danger)}.input-error-text,.input-hint{font-size:var(--text-xs);margin-top:var(--space-1)}.input-hint{color:var(--color-text-tertiary)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-ui);font-weight:var(--weight-medium);gap:var(--space-1);white-space:nowrap}.badge-sm{font-size:var(--text-xs);line-height:1.4;padding:2px var(--space-2)}.badge-md{font-size:var(--text-sm);padding:var(--space-1) var(--space-3)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-neutral{background:var(--color-surface-hover);color:var(--color-text-secondary)}.badge-dot-indicator{background:currentColor;border-radius:50%;height:6px;width:6px}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}.table-wrapper.table-sticky{overflow-y:auto}.table-wrapper.table-sticky thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.table thead{background:var(--color-bg)}.table th{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.table td,.table th{padding:var(--space-3) var(--space-4)}.table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--color-surface-hover)}.table-row-clickable{cursor:pointer}.table-empty{color:var(--color-text-tertiary);font-size:var(--text-sm);padding:var(--space-8)!important;text-align:center}.table-cards{display:none}@media (max-width:768px){.table-wrapper table{display:none}.table-cards{gap:var(--space-3);padding:var(--space-3)}.table-card,.table-cards{display:flex;flex-direction:column}.table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.table-card:hover{background:var(--color-surface-hover)}.table-card-clickable{cursor:pointer}.table-card-field{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.table-card-label{color:var(--color-text-secondary);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase}.table-card-value{color:var(--color-text-primary);font-size:var(--text-sm);text-align:right;word-break:break-word}.table-cards-empty{color:var(--color-text-tertiary);font-size:var(--text-sm);padding:var(--space-8);text-align:center}}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.modal-content{animation:modalEnter .2s ease;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;width:100%}@keyframes modalEnter{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.modal-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;font-size:1.25rem;line-height:1;padding:var(--space-1)}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.modal-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.chart-container{width:100%}.chart-tooltip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4)}.chart-tooltip-label{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0 0 var(--space-1)}.chart-tooltip-value{font-size:var(--text-sm);line-height:1.6;margin:0}.stat-card .card-body{padding:var(--space-4)}.stat-card-inner{align-items:flex-start;display:flex;justify-content:space-between}.stat-card-label{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-1)}.stat-card-value{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--weight-bold)}.stat-card-trend{font-size:var(--text-xs);margin:var(--space-1) 0 0}.trend-up{color:var(--color-success)}.trend-neutral{color:var(--color-text-tertiary)}.stat-card-icon{font-size:2.5rem;line-height:1;opacity:.15}.chart-empty,.chart-placeholder{align-items:center;background:var(--color-bg);border-radius:var(--radius-md);color:var(--color-text-tertiary);display:flex;font-size:var(--text-sm);height:220px;justify-content:center}.chart-placeholder{flex-direction:column;gap:var(--space-2)}.chart-placeholder-icon{font-size:2rem}.attendance-summary{display:flex;flex-direction:column;gap:var(--space-4)}.attendance-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(4,1fr);text-align:center}.attendance-item{display:flex;flex-direction:column;gap:2px}.attendance-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold)}.attendance-label{color:var(--color-text-secondary);font-size:var(--text-xs)}.attendance-bar{background:var(--color-border-light);border-radius:var(--radius-full);display:flex;height:8px;overflow:hidden}.attendance-bar-segment{height:100%;transition:width var(--transition-base)}.activity-list{display:flex;flex-direction:column}.activity-item{align-items:flex-start;display:flex;gap:var(--space-3);padding:var(--space-3) 0}.activity-item+.activity-item{border-top:1px solid var(--color-border-light)}.activity-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:var(--space-1);width:8px}.activity-content{flex:1 1}.activity-message{color:var(--color-text-primary);font-size:var(--text-sm);margin:0}.activity-time{color:var(--color-text-tertiary);font-size:var(--text-xs);margin:var(--space-1) 0 0}.leave-balance-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.leave-balance-item{align-items:center;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;padding:var(--space-4) var(--space-2);text-align:center}.leave-balance-name{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase}.leave-balance-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1.2}.leave-balance-label{color:var(--color-text-tertiary);font-size:var(--text-xs)}.table-toolbar{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.search-field{position:relative;width:300px}.search-icon-small{font-size:.85rem;left:var(--space-3);opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.table-search-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);height:36px;outline:none;padding:var(--space-1) var(--space-3) var(--space-1) 40px;transition:all var(--transition-fast);width:100%}.table-search-input:focus{background:var(--color-surface);border-color:var(--color-primary)}.table-footer{border-top:1px solid var(--color-border-light);color:var(--color-text-tertiary);font-size:var(--text-xs);padding:var(--space-3) var(--space-4)}.data-table-wrapper{overflow-x:auto}code{background:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary);font-family:SF Mono,Fira Code,monospace;font-size:var(--text-xs);padding:1px var(--space-1)}.form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-grid .form-field,.form-grid .form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-grid .form-label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.form-grid .form-input,.form-grid .form-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);height:38px;outline:none;padding:0 var(--space-3);transition:all var(--transition-fast)}.form-grid .form-input:focus,.form-grid .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-grid .form-input::placeholder{color:var(--color-text-tertiary)}.form-grid .form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.form-grid .form-field.full-width{grid-column:1/-1}.form-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-3)}.detail-label{font-weight:600;letter-spacing:.04em}.modal-actions{margin-top:var(--space-3)}.action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.action-btn.danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.face-capture{display:flex;flex-direction:column;gap:var(--space-3)}.face-video-wrap{aspect-ratio:4/3;background:var(--color-bg-hover);border-radius:var(--radius-md);overflow:hidden;position:relative}.face-video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.face-status{border-radius:999px;bottom:10px;font-size:var(--text-xs);font-weight:600;left:50%;padding:6px 14px;position:absolute;transform:translateX(-50%);white-space:nowrap}.face-status.ok{background:var(--color-success-light);color:var(--color-success)}.face-status.waiting{background:var(--color-warning-light);color:var(--color-warning)}.face-preview{align-items:center;display:flex;flex-direction:column;gap:var(--space-2)}.face-preview img{border-radius:var(--radius-md);max-height:320px;object-fit:cover;width:100%}.face-verified{align-items:center;color:var(--color-success);display:flex;font-size:var(--text-sm);font-weight:600;gap:8px}.face-verified-dot{animation:face-pulse 1.2s ease-in-out infinite;background:var(--color-success);border-radius:50%;height:8px;width:8px}@keyframes face-pulse{0%,to{opacity:1}50%{opacity:.3}}.face-error{color:var(--color-danger)}.face-error,.face-geo{font-size:var(--text-xs);margin:0}.face-geo{color:var(--color-warning)}.face-geo.ok{color:var(--color-text-tertiary)}.face-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.att-stat .card-body{padding:var(--space-4);text-align:center}.att-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1}.att-stat-label{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.attendance-tabs{border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-4) 0}.att-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);margin-bottom:-1px;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.att-tab:hover{color:var(--color-text-primary)}.att-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:var(--weight-medium)}.att-location{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-xs);gap:4px}.att-locations{display:flex;flex-direction:column;font-size:var(--text-xs);gap:2px}.att-loc-out{opacity:.75}.att-location-link{align-items:center;color:var(--color-info);display:inline-flex;gap:4px;text-decoration:none}.att-location-link:hover{text-decoration:underline}.att-photos{display:flex;gap:6px}.att-photo-thumb{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;height:42px;overflow:hidden;padding:0;width:42px}.att-photo-thumb img{display:block;height:100%;object-fit:cover;width:100%}.att-photo-viewer img{background:#000;border-radius:var(--radius-md);max-height:420px;object-fit:contain;width:100%}.att-photo-meta{margin-top:var(--space-4)}.att-photo-meta .ps-row{border-bottom:1px solid var(--color-border-light);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-2) 0}.att-photo-meta .ps-row span:first-child{color:var(--color-text-secondary)}.attendance-tabs .att-tab:first-child{margin-left:0}.form-input{background:var(--color-surface);border-radius:var(--radius-sm)}.form-input:focus{outline:none}.modal-actions{border-top:1px solid var(--color-border-light);padding-top:var(--space-3)}.leave-balance .card-body{padding:var(--space-4);text-align:center}.lb-type{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.lb-days{align-items:baseline;display:flex;gap:2px;justify-content:center}.lb-remaining{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold)}.lb-total{font-size:var(--text-base);font-weight:var(--weight-medium)}.lb-label,.lb-total{color:var(--color-text-tertiary)}.lb-label{font-size:var(--text-xs);margin-top:var(--space-1)}.leave-tabs{border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-4) 0}.leave-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);margin-bottom:-1px;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.leave-tab:hover{color:var(--color-text-primary)}.leave-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:var(--weight-medium)}.pr-summary .card-body{padding:var(--space-4)}.pr-summary{min-width:0}.pr-summary-label{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.pr-summary-value{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);overflow-wrap:anywhere}.pr-summary-trend{color:var(--color-text-tertiary);font-size:var(--text-xs);margin-top:var(--space-1)}.trend-warning{color:var(--color-warning)}.payroll-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-1);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none;white-space:nowrap}.payroll-tabs::-webkit-scrollbar{display:none}.payroll-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-family:var(--font-ui);font-size:var(--text-sm);margin-bottom:-1px;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.payroll-tab:hover{color:var(--color-text-primary)}.payroll-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:var(--weight-medium)}@media (max-width:768px){.payroll-tab{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}}.sim-grid{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;padding:var(--space-4)}@media (max-width:900px){.sim-grid{grid-template-columns:1fr}}.sim-card-title{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);margin:var(--space-3) 0 var(--space-2);padding-bottom:var(--space-1)}.sim-card-title:first-child{margin-top:0}.sim-block{margin-bottom:var(--space-3)}.sim-block-title{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;margin-bottom:var(--space-1);text-transform:uppercase}.sim-line{color:var(--color-text-primary);display:flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:space-between;padding:4px 0}.sim-line span:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.sim-total{border-top:1px solid var(--color-border);font-size:var(--text-base);font-weight:var(--weight-bold);margin-top:var(--space-1);padding-top:var(--space-2)}.sim-thp{background:var(--color-success-light);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.sim-thp .sim-total{border-top:none;color:var(--color-success);margin:0;padding:0}.sim-hint{color:var(--color-text-tertiary);font-size:var(--text-xs);margin:var(--space-1) 0 var(--space-2)}.sim-error{background:var(--color-danger-light);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);margin:var(--space-2) 0;padding:var(--space-2) var(--space-3)}.comp-details{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.comp-row{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-1) 0}.comp-row:last-child{border-bottom:none}.comp-row span:first-child{color:var(--color-text-secondary)}.comp-row span:last-child{color:var(--color-text-primary);font-weight:var(--weight-medium)}.comp-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-2);padding-top:var(--space-3)}.compliance-loading{color:var(--color-text-secondary);padding:var(--space-8);text-align:center}.config-form{display:flex;flex-direction:column;gap:var(--space-4)}.config-row{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.config-row:last-child{border-bottom:none}.text-muted{color:var(--color-text-secondary);font-size:var(--text-sm)}.ess-profile{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.ess-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);height:64px;justify-content:center;width:64px}.ess-info{display:flex;flex-direction:column;gap:2px}.ess-name{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold)}.ess-detail{color:var(--color-text-secondary);font-size:var(--text-sm)}.ess-actions{border-top:1px solid var(--color-border-light);padding-top:var(--space-3)}.ess-quick-actions{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.ess-quick-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-ui);gap:var(--space-2);padding:var(--space-4);transition:all var(--transition-fast)}.ess-quick-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.eq-icon{font-size:1.5rem}.eq-label{color:var(--color-text-secondary);font-size:var(--text-xs)}.ess-payslip{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.ps-row{color:var(--color-text-primary);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-1) 0}.ps-section-label{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);letter-spacing:.5px;padding:var(--space-2) 0 var(--space-1);text-transform:uppercase}.ps-section-label,.ps-total{font-weight:var(--weight-semibold);margin-top:var(--space-1)}.ps-total{border-top:1px solid var(--color-border)}.ps-net,.ps-total{padding-top:var(--space-2)}.ps-net{border-top:2px solid var(--color-border);color:var(--color-success);font-size:var(--text-base);font-weight:var(--weight-bold);margin-top:var(--space-1)}.ast-stat .card-body{padding:var(--space-4);text-align:center}.ast-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold)}.ast-stat-label{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.training-module{max-width:100%}.training-module .page-header{margin-bottom:var(--space-4)}.training-module .table-scroll-wrapper{max-height:440px;overflow-y:auto}.tab-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.tab-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tbl-action{align-items:center;background:var(--color-surface-hover);border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.tbl-action:hover{background:var(--color-primary-light);color:var(--color-primary)}.tbl-action.danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.tbl-select{font-size:12px!important;padding:4px 8px!important;width:auto!important}.training-module .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.training-module .modal-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4)}@media (max-width:768px){.training-module{padding-bottom:80px}.training-module .form-row{grid-template-columns:1fr}.tab-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}}.notif-list{display:flex;flex-direction:column}.notif-item{border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-3);padding:var(--space-4);transition:background var(--transition-fast)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--color-surface-hover)}.notif-unread{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.notif-indicator{flex-shrink:0;width:8px}.notif-unread .notif-indicator{background:var(--color-primary);border-radius:50%;height:8px;margin-top:var(--space-1);width:8px}.notif-content{flex:1 1}.notif-title-row{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.notif-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.notif-message{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-1)}.notif-time{font-size:var(--text-xs)}.notif-empty,.notif-time{color:var(--color-text-tertiary)}.notif-empty{padding:var(--space-8);text-align:center}.reports-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:var(--space-4)}.report-card .card-body{display:flex;flex-direction:column;gap:var(--space-3)}.report-card-content{align-items:flex-start;display:flex;gap:var(--space-3)}.report-icon{font-size:1.75rem;line-height:1}.report-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0 0 var(--space-1)}.report-desc{color:var(--color-text-secondary);font-size:var(--text-xs);margin:0}.report-card-actions{align-items:center;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding-top:var(--space-3)}.report-card-body{cursor:pointer}.report-card-body:hover .report-name{color:var(--color-primary)}.reports-filter-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.filter-group{align-items:center;display:flex;gap:var(--space-2)}.filter-group label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase}.filter-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--space-1) var(--space-3)}.report-result-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.report-result-header h2{font-size:var(--text-lg);margin:0}.report-result-header p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:var(--space-1) 0 0}.report-result-actions{align-items:center;display:flex;gap:var(--space-2)}.report-summary-stats{display:flex;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-4)}.report-loading{color:var(--color-text-secondary)}.report-error,.report-loading{padding:var(--space-8);text-align:center}.report-error{color:var(--color-danger)}@media (max-width:768px){.reports-filter-bar{flex-direction:column;gap:var(--space-2)}.report-result-header{flex-direction:column;gap:var(--space-3)}.report-result-actions{flex-wrap:wrap}}.system-settings{max-width:900px}.alert{animation:fadeIn .2s ease-out;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.alert-success{background:#d4edda;background:var(--color-success-light,#d4edda);border:1px solid #c3e6cb;border:1px solid var(--color-success,#c3e6cb);color:#155724;color:var(--color-success,#155724)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-layout{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:200px 1fr}.settings-sidebar{padding:var(--space-2)}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:left;transition:all var(--transition-fast);width:100%}.settings-nav-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.settings-nav-item.active{background:var(--color-primary-light);color:var(--color-primary)}.settings-content{padding:var(--space-4)}.settings-section-header{align-items:center;color:var(--color-text-primary);display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.settings-section-header h3{font-size:var(--text-lg);margin:0}.settings-section-body{margin-bottom:var(--space-6)}.settings-actions{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding-top:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-weight:var(--weight-medium);margin-bottom:var(--space-1)}.form-input,.form-label{color:var(--color-text-primary);font-size:var(--text-sm)}.form-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-ui);outline:none;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast);width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}select.form-input{-webkit-appearance:auto;appearance:auto}textarea.form-input{min-height:80px;resize:vertical}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}@media (max-width:768px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{display:flex;flex-wrap:wrap;gap:4px;overflow-x:auto;padding:var(--space-2)}.settings-nav-item{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);white-space:nowrap}.form-row{grid-template-columns:1fr}.system-settings{padding-bottom:80px}}.master-data{max-width:100%}.master-data-layout{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:180px 1fr}.master-data-nav{padding:var(--space-2)}.master-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:left;transition:all var(--transition-fast);width:100%}.master-nav-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.master-nav-item.active{background:var(--color-primary-light);color:var(--color-primary)}.master-data-content{padding:var(--space-4)}.master-data-header{align-items:center;color:var(--color-text-primary);display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.master-data-header h3{font-size:var(--text-lg);margin:0}.table-container{overflow-x:auto}.table-actions{display:flex;gap:var(--space-1)}.table-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.table-action-btn:hover{background:var(--color-surface-hover);color:var(--color-primary)}.table-action-btn.delete:hover{background:var(--color-danger-light);color:var(--color-danger)}.modal-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4)}.detail-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.detail-row{border-bottom:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:2px;padding:var(--space-2) 0}.detail-label{color:var(--color-text-tertiary);font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium)}@media (max-width:768px){.master-data-layout{grid-template-columns:1fr}.master-data-nav{display:flex;flex-wrap:wrap;gap:4px;overflow-x:auto;padding:var(--space-2)}.master-nav-item{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);white-space:nowrap}.master-data{padding-bottom:80px}}.apr-stats{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-4)}.apr-stat-card .card-body{padding:var(--space-4);text-align:center}.apr-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1}.apr-stat-label{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.apr-tabs{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:var(--space-1);margin-bottom:var(--space-4);overflow-x:auto;padding-bottom:4px}.apr-tab{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);white-space:nowrap}.apr-tab:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.apr-tab.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--weight-medium)}.apr-refresh{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;margin-left:auto;width:34px}.apr-refresh:hover{background:var(--color-surface-hover);color:var(--color-primary)}.apr-list{display:flex;flex-direction:column;gap:var(--space-3)}.apr-item .card-body{padding:var(--space-4)}.apr-item-top{align-items:flex-start;display:flex;gap:var(--space-3)}.apr-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);height:40px;justify-content:center;width:40px}.apr-info{flex:1 1;min-width:0}.apr-employee{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apr-meta{color:var(--color-text-secondary);margin-top:2px}.apr-dates,.apr-meta{font-size:var(--text-xs)}.apr-dates{color:var(--color-text-tertiary);margin-top:1px}.apr-status{flex-shrink:0}.apr-reason{background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.4;margin-top:var(--space-2);padding:var(--space-2)}.apr-reason-label{color:var(--color-text-tertiary);font-weight:var(--weight-medium)}.apr-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3)}.apr-action{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-medium);gap:4px;padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.apr-action:hover{background:var(--color-surface-hover)}.apr-action.view{color:var(--color-info)}.apr-action.approve{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.apr-action.approve:hover{background:var(--color-success);color:#fff}.apr-action.reject{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.apr-action.reject:hover{background:var(--color-danger);color:#fff}.apr-detail-grid{display:flex;flex-direction:column;gap:var(--space-3)}.apr-detail-row{align-items:flex-start;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding-bottom:var(--space-2)}.apr-detail-label{color:var(--color-text-tertiary);flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-medium);width:120px}.apr-detail-value{color:var(--color-text-primary);flex:1 1;font-size:var(--text-sm);text-align:right}@media (max-width:768px){.apr-stats{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.apr-stat-card .card-body{padding:var(--space-3)}.apr-stat-value{font-size:var(--text-xl)}.apr-tabs{gap:2px}.apr-tab{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.apr-item .card-body{padding:var(--space-3)}.apr-avatar{font-size:var(--text-xs);height:36px;width:36px}.apr-action span{display:none}.apr-action{padding:var(--space-1) var(--space-2)}.apr-detail-label{width:90px}.apr-detail-label,.apr-detail-value{font-size:var(--text-xs)}}.help-page{padding:var(--space-4)}.help-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.help-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0 0 var(--space-1)}.help-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.help-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.help-tab{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.help-tab:hover{color:var(--color-primary)}.help-tab.active,.help-tab:hover{border-color:var(--color-primary)}.help-tab.active{background:var(--color-primary);color:#fff}.help-section{display:flex;flex-direction:column;gap:var(--space-4)}.help-guide-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3)}.help-guide-num{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-bold);height:32px;justify-content:center;width:32px}.help-guide-item h3{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0 0 var(--space-1)}.help-guide-item p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;margin:0}.support-card{align-items:flex-start;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4)}.support-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);height:56px;justify-content:center;width:56px}.support-info h3{margin:0 0 var(--space-1)}.support-info h3,.support-name{color:var(--color-text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold)}.support-name{margin:0}.support-role{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-2)}.support-contacts{display:flex;flex-direction:column;gap:var(--space-1)}.support-contacts a{color:var(--color-primary);font-size:var(--text-sm);text-decoration:none}.support-contacts a:hover{text-decoration:underline}.support-notes{background:var(--color-surface-muted);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;margin:0;padding:var(--space-3)}.support-ticket h3{color:var(--color-text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0 0 var(--space-1)}.support-ticket p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3)}.support-form{flex-direction:column}.support-form,.support-form-row{display:flex;gap:var(--space-2)}.support-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);outline:none;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.support-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.support-form-row .support-input{flex:1 1}.support-form textarea.support-input{resize:vertical}.faq-list{gap:var(--space-2)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.faq-item summary{color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.faq-item p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;margin:var(--space-2) 0 0}.docs-item h3{color:var(--color-text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0 0 var(--space-1)}.docs-item p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;margin:0 0 var(--space-1)}.docs-code{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);display:block;font-family:monospace;font-size:var(--text-xs);overflow-x:auto;padding:var(--space-3)}.sk-toolbar{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.sk-toolbar h3{color:var(--color-text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0}.sk-subtitle{color:var(--color-text-secondary);margin:0}.sk-empty,.sk-subtitle{font-size:var(--text-sm)}.sk-empty{color:var(--color-text-tertiary);padding:var(--space-4);text-align:center}.sk-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.sk-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.sk-table td,.sk-table th{border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.sk-table th{background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.sk-table tr:last-child td{border-bottom:none}.sk-num{color:var(--color-primary);font-family:monospace;font-weight:var(--weight-medium);white-space:nowrap}.sk-period{color:var(--color-text-secondary);white-space:nowrap}.sk-footer{color:var(--color-text-tertiary);font-size:var(--text-xs);line-height:1.6;margin:0}@media (max-width:640px){.help-header,.support-card,.support-form-row{flex-direction:column}}
/*# sourceMappingURL=main.8d3a4261.css.map*/