@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:200;height:100vh;transition:width var(--mid) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar--collapsed{width:var(--sidebar-w-sm)}.sidebar::-webkit-scrollbar{display:none}.sidebar{scrollbar-width:none}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:64px;padding:18px 16px 14px;display:flex;position:relative}.sidebar-logo-icon{flex-shrink:0;font-size:1.5rem}.sidebar-logo-text{flex:1;min-width:0;overflow:hidden}.logo-main{color:var(--primary);letter-spacing:-.03em;white-space:nowrap;font-size:1rem;font-weight:800;display:block}.logo-sub{color:var(--text-4);white-space:nowrap;margin-top:1px;font-size:.68rem;display:block}.sidebar-toggle{border-radius:var(--r-sm);background:var(--surface-3);border:1px solid var(--border);cursor:pointer;width:24px;height:24px;color:var(--text-3);transition:all var(--fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--primary-light);color:var(--primary)}.sidebar-user{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.sidebar-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 2px 8px #2563eb4d}.sidebar-user-info{flex:1;min-width:0;overflow:hidden}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.sidebar-user-role{margin-top:3px}.sidebar-nav{flex:1;padding:10px;overflow:hidden visible}.nav-section-label{color:var(--text-4);letter-spacing:.1em;text-transform:uppercase;padding:8px 8px 4px;font-size:.68rem;font-weight:700}.nav-item{border-radius:var(--r);color:var(--text-2);cursor:pointer;transition:all var(--fast) var(--ease);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:9px 10px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.nav-item.active .nav-icon{color:var(--primary)}.nav-icon{color:var(--text-3);transition:color var(--fast);flex-shrink:0}.nav-label{flex:1}.nav-badge{background:var(--danger);color:#fff;border-radius:99px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:.68rem;font-weight:700}.nav-badge-dot{background:var(--danger);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.sidebar-footer{border-top:1px solid var(--border);padding:10px}.nav-logout:hover{background:var(--red-50);color:var(--danger)}.sidebar--collapsed .nav-label,.sidebar--collapsed .nav-badge,.sidebar--collapsed .sidebar-logo-text,.sidebar--collapsed .sidebar-user-info,.sidebar--collapsed .nav-section-label{display:none}.sidebar--collapsed .nav-item{justify-content:center;padding:9px}.sidebar--collapsed .sidebar-user{justify-content:center;padding:14px 0}.sidebar--collapsed .sidebar-logo{justify-content:center;padding:18px 0 14px}.sidebar--collapsed .sidebar-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.topbar{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-breadcrumb{flex:1;align-items:center;gap:6px;min-width:0;font-size:.825rem;display:flex}.topbar-crumb{color:var(--text-3);white-space:nowrap}.topbar-crumb.active{color:var(--text);font-weight:600}.topbar-sep{color:var(--ink-200);font-size:.7rem}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-notif-wrap{position:relative}.topbar-icon-btn{border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-2);transition:all var(--fast);justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.topbar-badge{background:var(--danger);color:#fff;border:2px solid var(--surface);border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.notif-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:360px;box-shadow:var(--shadow-xl);z-index:300;animation:modalIn .18s var(--ease);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-panel-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:14px 16px;display:flex}.notif-panel-title{flex:1;font-size:.9rem;font-weight:700}.notif-panel-body{max-height:420px;padding:0 12px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--fast);border-radius:var(--r-sm);gap:10px;padding:12px 4px;display:flex}.notif-item:hover{background:var(--surface-2)}.notif-item.read{opacity:.6}.topbar-user-chip{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:all var(--fast);border-radius:99px;align-items:center;gap:8px;padding:5px 12px 5px 5px;display:flex}.topbar-user-chip:hover{background:var(--primary-light);border-color:var(--primary-border)}.topbar-avatar{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.topbar-username{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.82rem;font-weight:600;overflow:hidden}:root{--ink-900:#0a0f1e;--ink-800:#131929;--ink-700:#1b2339;--ink-600:#242e4a;--ink-500:#374160;--ink-400:#536080;--ink-300:#7a8aa5;--ink-200:#b0bcce;--ink-100:#dde4ee;--ink-50:#f4f6fa;--blue-600:#1d4ed8;--blue-500:#2563eb;--blue-400:#3b82f6;--blue-300:#60a5fa;--blue-100:#dbeafe;--blue-50:#eff6ff;--green-600:#047857;--green-500:#059669;--green-400:#10b981;--green-100:#d1fae5;--green-50:#ecfdf5;--amber-600:#b45309;--amber-500:#d97706;--amber-400:#f59e0b;--amber-100:#fef3c7;--amber-50:#fffbeb;--red-600:#b91c1c;--red-500:#dc2626;--red-400:#ef4444;--red-100:#fee2e2;--red-50:#fef2f2;--violet-600:#6d28d9;--violet-500:#7c3aed;--violet-400:#8b5cf6;--violet-100:#ede9fe;--violet-50:#f5f3ff;--bg:#f0f4ff;--surface:#fff;--surface-2:#f7f9ff;--surface-3:#eef2fb;--border:#dde4ee;--border-dark:#c4cfdf;--text:#0a0f1e;--text-2:#374160;--text-3:#7a8aa5;--text-4:#b0bcce;--primary:var(--blue-500);--primary-hover:var(--blue-600);--primary-light:var(--blue-50);--primary-border:var(--blue-100);--success:var(--green-500);--success-light:var(--green-50);--warning:var(--amber-500);--warning-light:var(--amber-50);--danger:var(--red-500);--danger-light:var(--red-50);--accent:var(--violet-500);--accent-light:var(--violet-50);--sidebar-w:256px;--sidebar-w-sm:68px;--header-h:60px;--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:20px;--shadow-xs:0 1px 2px #0a0f1e0f;--shadow-sm:0 1px 4px #0a0f1e14, 0 2px 8px #2563eb0f;--shadow:0 2px 8px #0a0f1e14, 0 4px 20px #2563eb14;--shadow-lg:0 8px 24px #0a0f1e1f, 0 12px 40px #2563eb1f;--shadow-xl:0 20px 60px #0a0f1e2e;--ease:cubic-bezier(.16, 1, .3, 1);--fast:.12s;--mid:.22s;--slow:.38s;--font:"Outfit", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:15px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}h1{letter-spacing:-.03em;font-size:1.75rem;font-weight:700;line-height:1.2}h2{letter-spacing:-.02em;font-size:1.35rem;font-weight:700}h3{letter-spacing:-.01em;font-size:1.1rem;font-weight:600}h4{font-size:.95rem;font-weight:600}p{line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}.app-layout{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left var(--mid) var(--ease);flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}.app-main.sidebar-collapsed{margin-left:var(--sidebar-w-sm)}.page-content{width:100%;min-width:0;animation:fadeUp .25s var(--ease);flex:1;padding:28px 32px;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.min-w-0{min-width:0}.w-full{width:100%}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.text-sm{font-size:.8rem}.text-base{font-size:.93rem}.text-lg{font-size:1.05rem}.text-muted{color:var(--text-3)}.text-2{color:var(--text-2)}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.font-mono{font-family:var(--font-mono)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-6{padding:24px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}button,[role=button]{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1024px){.page-content{padding:20px}.grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.app-main{margin-left:0}.page-content{padding:16px}.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}h1{font-size:1.4rem}}@media (max-width:480px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}.btn{border-radius:var(--r);height:36px;font-family:var(--font);transition:all var(--fast) var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--fast);background:#fff0;position:absolute;top:0;bottom:0;left:0;right:0}.btn:hover:after{background:#ffffff14}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #2563eb4d}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #2563eb59}.btn-secondary{background:var(--surface);color:var(--text-2);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2);color:var(--text)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--green-600)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--red-600)}.btn-warning{background:var(--warning);color:#fff}.btn-xs{border-radius:var(--r-sm);height:26px;padding:0 10px;font-size:.75rem}.btn-sm{height:30px;padding:0 12px;font-size:.8rem}.btn-lg{border-radius:var(--r-lg);height:44px;padding:0 24px;font-size:.95rem}.btn-xl{border-radius:var(--r-lg);height:52px;padding:0 32px;font-size:1rem}.btn-icon{border-radius:var(--r-sm);background:var(--surface-2);width:32px;height:32px;color:var(--text-3);border-color:var(--border);padding:0}.btn-icon:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.btn-icon.sm{width:26px;height:26px}.btn-icon.danger:hover{background:var(--red-50);color:var(--danger);border-color:var(--red-100)}.btn-wide{width:100%}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text-2);letter-spacing:.01em;font-size:.8rem;font-weight:600}.form-label .required{color:var(--danger);margin-left:2px}.form-hint{color:var(--text-3);margin-top:3px;font-size:.75rem}.form-error{color:var(--danger);margin-top:3px;font-size:.75rem}.input,.select,.textarea{border:1.5px solid var(--border);border-radius:var(--r);background:var(--surface);width:100%;height:38px;color:var(--text);font-family:var(--font);transition:border-color var(--fast), box-shadow var(--fast);box-sizing:border-box;outline:none;padding:0 12px;font-size:.875rem}.select-auto{min-width:160px;width:auto!important}.input::placeholder{color:var(--text-4)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.input.error{border-color:var(--danger)}.textarea{resize:vertical;height:auto;min-height:88px;padding:10px 12px;line-height:1.6}.select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%237A8AA5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.input-sm{border-radius:var(--r-sm);height:30px;padding:0 10px;font-size:.8rem}.select-sm{border-radius:var(--r-sm);height:30px;padding:0 28px 0 10px;font-size:.8rem}.checkbox-group{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.checkbox-group label{color:var(--text-2);cursor:pointer;font-size:.875rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-body{padding:20px 24px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.card-footer{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg);padding:14px 24px}.card-title{color:var(--text);font-size:.95rem;font-weight:700}.card-subtitle{color:var(--text-3);margin-top:2px;font-size:.8rem}.card-hover{transition:transform var(--mid) var(--ease), box-shadow var(--mid) var(--ease), border-color var(--mid);cursor:pointer}.card-hover:hover{box-shadow:var(--shadow);border-color:var(--primary-border);transform:translateY(-2px)}.stat-card{cursor:pointer;transition:all var(--mid) var(--ease)}.stat-card:hover{box-shadow:var(--shadow);border-color:var(--primary-border);transform:translateY(-3px)}.stat-card.active{border-color:var(--primary);background:var(--primary-light)}.stat-icon{margin-bottom:10px;font-size:1.6rem;display:block}.stat-value{letter-spacing:-.04em;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-top:5px;font-size:.775rem;font-weight:600}.stat-card.v-success .stat-value{color:var(--success)}.stat-card.v-warning .stat-value{color:var(--warning)}.stat-card.v-danger .stat-value{color:var(--danger)}.stat-card.v-accent .stat-value{color:var(--accent)}.stat-card.v-primary .stat-value{color:var(--primary)}.badge{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 9px;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.badge-blue{background:var(--blue-100);color:var(--blue-600)}.badge-green{background:var(--green-100);color:var(--green-600)}.badge-amber{background:var(--amber-100);color:var(--amber-600)}.badge-red{background:var(--red-100);color:var(--red-600)}.badge-violet{background:var(--violet-100);color:var(--violet-600)}.badge-gray{background:var(--ink-100);color:var(--ink-500)}.badge-Active{background:var(--blue-100);color:var(--blue-600)}.badge-Completed{background:var(--green-100);color:var(--green-600)}.badge-OnHold{background:var(--amber-100);color:var(--amber-600)}.badge-Cancelled{background:var(--red-100);color:var(--red-600)}.badge-pending{background:var(--amber-100);color:var(--amber-600)}.badge-approved{background:var(--green-100);color:var(--green-600)}.badge-rejected{background:var(--red-100);color:var(--red-600)}.role-CMD{color:#991b1b;background:#fee2e2}.role-VP{background:var(--violet-100);color:var(--violet-600)}.role-HR{background:var(--blue-100);color:var(--blue-600)}.role-Manager{background:var(--amber-100);color:var(--amber-600)}.role-Employee{background:var(--green-100);color:var(--green-600)}.table-wrap{border-radius:var(--r-lg);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.85rem}thead{background:var(--surface-2);border-bottom:1.5px solid var(--border);z-index:1;position:sticky;top:0}th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 14px;font-size:.775rem;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:11px 14px}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--fast)}tbody tr:hover td{background:var(--surface-2)}.td-action{align-items:center;gap:5px;display:flex}.progress-bar-wrap{background:var(--ink-100);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .6s var(--ease);border-radius:99px}.progress-bar-fill.success{background:linear-gradient(90deg, var(--green-400), var(--green-500))}.progress-bar-fill.warning{background:linear-gradient(90deg, var(--amber-400), var(--amber-500))}.progress-bar-fill.danger{background:linear-gradient(90deg, var(--red-400), var(--red-500))}.progress-bar-fill.default{background:linear-gradient(90deg, var(--blue-400), var(--blue-500))}.progress-bar-wrap.h4{height:4px}.progress-bar-wrap.h6{height:6px}.progress-bar-wrap.h8{height:8px}.progress-bar-wrap.h10{height:10px}.tabs-wrap{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-lg);scrollbar-width:none;gap:2px;padding:4px;display:flex;overflow-x:auto}.tabs-wrap::-webkit-scrollbar{display:none}.tab-btn{border-radius:var(--r);font-family:var(--font);color:var(--text-3);cursor:pointer;transition:all var(--fast) var(--ease);white-space:nowrap;background:0 0;border:none;padding:7px 16px;font-size:.85rem;font-weight:500}.tab-btn:hover{background:var(--surface);color:var(--text-2)}.tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs);font-weight:600}.alert{border-radius:var(--r);align-items:flex-start;gap:10px;padding:12px 16px;font-size:.875rem;font-weight:500;display:flex}.alert-info{background:var(--blue-50);border:1px solid var(--blue-100);color:var(--blue-600)}.alert-success{background:var(--green-50);border:1px solid var(--green-100);color:var(--green-600)}.alert-warning{background:var(--amber-50);border:1px solid var(--amber-100);color:var(--amber-600)}.alert-error{background:var(--red-50);border:1px solid var(--red-100);color:var(--red-600)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0a0f1e73;justify-content:center;align-items:center;padding:20px;animation:.18s overlayIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);width:100%;max-height:92vh;animation:modalIn .22s var(--ease);flex-direction:column;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:none}}.modal-sm{max-width:420px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1100px}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{font-size:1.1rem;font-weight:700}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r-xl) var(--r-xl);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.modal-close-btn{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;transition:all var(--fast);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.modal-close-btn:hover{background:var(--red-50);color:var(--danger);border-color:var(--red-100)}.empty-state{text-align:center;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;padding:56px 24px;display:flex}.empty-state .icon{opacity:.7;margin-bottom:14px;font-size:3rem}.empty-state h3{color:var(--text-2);margin-bottom:6px;font-size:1rem;font-weight:600}.empty-state p{max-width:320px;font-size:.875rem}.toast-container{z-index:9999;flex-direction:column-reverse;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--r-lg);min-width:300px;max-width:480px;box-shadow:var(--shadow-lg);background:var(--ink-800);color:#fff;animation:toastIn .28s var(--ease);align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;font-weight:500;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.toast.success{background:var(--green-600)}.toast.error{background:var(--red-600)}.toast.warning{background:var(--amber-600)}.toast-close{opacity:.7;cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;font-size:16px}.goal-sheet-table{border-collapse:collapse;width:100%}.goal-sheet-table thead th{background:var(--blue-600);color:#fff;border-color:#ffffff26}.goal-sheet-table thead tr:first-child th{background:var(--blue-600)}.goal-sheet-table thead tr:last-child th.wt{background:#1e40af}.goal-sheet-table thead tr:last-child th.wa{color:#fff;background:#065f46}.goal-sheet-table thead tr:last-child th.rat{color:#fff;background:#581c87}.goal-sheet-table td.wt{background:#eff6ff}.goal-sheet-table td.wa{background:#f0fdf4}.goal-sheet-table td.ma{background:#fffbeb;font-weight:700}.goal-sheet-table td.rat1{background:var(--red-100)}.goal-sheet-table td.rat2{background:var(--amber-100)}.goal-sheet-table td.rat3{background:#fef9c3}.goal-sheet-table td.rat4{background:var(--green-100)}.val-success{color:var(--success);font-weight:600}.val-warning{color:var(--warning);font-weight:600}.val-danger{color:var(--danger);font-weight:600}.val-muted{color:var(--text-4);font-style:italic}.breadcrumb{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:.8rem;display:flex}.breadcrumb-link{color:var(--primary);cursor:pointer;font-weight:500}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:var(--ink-200);font-size:.7rem}.breadcrumb-current{color:var(--text-2);font-weight:600}.page-header{margin-bottom:24px}.page-header h1{color:var(--text)}.page-header .sub{color:var(--text-3);margin-top:4px;font-size:.875rem}.welcome-banner{border-radius:var(--r-xl);color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#1e1b4b 100%);margin-bottom:28px;padding:28px 32px;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:#ffffff0a;border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.welcome-banner:after{content:"";background:#ffffff08;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-80px;right:60px}.welcome-banner h1{color:#fff;font-size:1.6rem}.welcome-banner p{color:#ffffffb8;margin-top:5px;font-size:.9rem}.emp-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);text-align:center;transition:all var(--mid) var(--ease);padding:24px 20px;position:relative}.emp-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-border);transform:translateY(-3px)}.emp-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;font-size:1.4rem;font-weight:700;display:flex;box-shadow:0 4px 12px #2563eb4d}.emp-name{margin-bottom:3px;font-size:.95rem;font-weight:700}.emp-designation{color:var(--text-3);margin-bottom:4px;font-size:.775rem}.emp-dept{color:var(--text-4);font-size:.75rem}.emp-stats{color:var(--text-2);justify-content:center;gap:16px;margin-top:12px;font-size:.8rem;display:flex}.emp-actions{justify-content:center;gap:8px;margin-top:14px;display:flex}.period-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);text-align:center;cursor:pointer;transition:all var(--mid) var(--ease);box-shadow:var(--shadow-sm);padding:28px 24px}.period-card:hover{border-color:var(--primary);background:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.period-card .period-icon{margin-bottom:10px;font-size:2rem;display:block}.period-card h2{color:var(--primary);margin-bottom:5px;font-size:1.6rem}.period-card p{color:var(--text-3);font-size:.85rem}.period-card .count{margin-top:8px;font-size:.8rem}.notif-item{border-bottom:1px solid var(--border);gap:12px;padding:14px 0;display:flex}.notif-item:last-child{border-bottom:none}.notif-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-content .title{font-size:.85rem;font-weight:600}.notif-content .msg{color:var(--text-2);margin-top:2px;font-size:.8rem}.notif-content .time{color:var(--text-4);margin-top:4px;font-size:.75rem}.skeleton{background:linear-gradient(90deg, var(--ink-100) 25%, var(--ink-50) 50%, var(--ink-100) 75%);border-radius:var(--r);background-size:200%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-text{width:100%;height:14px}.sk-title{width:60%;height:20px}.sk-stat{height:80px}.sk-row{height:48px}.divider{background:var(--border);height:1px;margin:16px 0}.section-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.775rem;font-weight:600}.search-wrap{position:relative}.search-wrap .search-icon{color:var(--text-4);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-wrap input{padding-left:36px}