@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f9fafc;--border: #e6e8f0;--border-strong: #d4d8e4;--text: #171a2c;--text-2: #4b5068;--muted: #7a8099;--primary: #4f46e5;--primary-2: #4338ca;--primary-soft: #eef0ff;--sidebar: #11142a;--sidebar-text: #b9bdd6;--sidebar-active: #262b52;--shadow: 0 1px 2px rgba(16, 20, 50, .04), 0 2px 8px rgba(16, 20, 50, .04);--shadow-lg: 0 12px 40px rgba(16, 20, 50, .16);--radius: 12px;--green: #059669;--green-soft: #e7f7f0;--red: #dc2626;--red-soft: #fdecec;--amber: #b45309;--amber-soft: #fdf4e3;--blue: #2563eb;--blue-soft: #e8f0fe;--violet: #7c3aed;--violet-soft: #f2ecfe;--teal: #0f766e;--teal-soft: #e3f5f3;--pink: #db2777;--pink-soft: #fdebf3;--gray: #5b6178;--gray-soft: #eef0f4;--indigo: #4f46e5;--indigo-soft: #eef0ff;--s1: #2a78d6;--s2: #eb6834;--s3: #1baf7a;--s4: #eda100;--s5: #e87ba4;--s6: #008300;--s7: #4a3aa7;--s8: #e34948;--grid: #eceef3;color-scheme:light}:root[data-theme=dark]{--bg: #0d0f1c;--surface: #161a2e;--surface-2: #1b2036;--border: #272c45;--border-strong: #343a58;--text: #e9ebf5;--text-2: #b7bbd2;--muted: #8a8fab;--primary: #7c78ff;--primary-2: #9591ff;--primary-soft: #252a50;--sidebar: #0a0c18;--sidebar-active: #20254a;--shadow: 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--green: #34d399;--green-soft: #133228;--red: #f87171;--red-soft: #3a1b1f;--amber: #fbbf24;--amber-soft: #3a2d12;--blue: #60a5fa;--blue-soft: #16294a;--violet: #a78bfa;--violet-soft: #2a1f4a;--teal: #2dd4bf;--teal-soft: #12302d;--pink: #f472b6;--pink-soft: #3b1a2c;--gray: #a2a7c0;--gray-soft: #242942;--indigo: #8b87ff;--indigo-soft: #252a50;--s1: #3987e5;--s2: #d95926;--s3: #199e70;--s4: #c98500;--s5: #d55181;--s6: #008300;--s7: #9085e9;--s8: #e66767;--grid: #252a42;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.25}h1{font-size:22px;font-weight:700;letter-spacing:-.01em}h3{font-size:15px;font-weight:600}a{color:var(--primary);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;width:100%;outline:none;min-height:38px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}input[type=checkbox]{width:auto;min-height:0;accent-color:var(--primary)}input[type=file]{padding:6px}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11.5px}.strong{font-weight:600}.block{display:block}.center{text-align:center}.right{text-align:right}.pad-12{padding:12px}.pad-24{padding:24px!important}.pad-x-12{padding:4px 12px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.nowrap{white-space:nowrap}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pre{white-space:pre-wrap}.green{color:var(--green)}.red{color:var(--red)}.amber{color:var(--amber)}.mobile-only{display:none!important}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin-bottom:16px}.span-2{grid-column:span 2}.shell{display:flex;min-height:100%}.sidebar{width:248px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-text);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:10px;padding:18px 16px 14px}.logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;overflow:hidden}.logo img{width:100%;height:100%;object-fit:cover}.brand-name{color:#fff;font-weight:600}.brand .muted{color:#7c81a3}.nav{flex:1;overflow-y:auto;padding:4px 10px 12px}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:#2a2f55;border-radius:3px}.nav-item,.nav-group-head{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;color:var(--sidebar-text);background:none;border:0;font-size:13.5px;text-align:left}.nav-item:hover,.nav-group-head:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:var(--sidebar-active);color:#fff;font-weight:500}.nav-item.sub{padding-left:20px;font-size:13px}.nav-group-head span{flex:1}.nav-group-head.has-active{color:#fff}.chev{transition:transform .15s}.chev.rot{transform:rotate(180deg)}.sidebar-foot{padding:12px 16px;border-top:1px solid #1f2342;color:#6d7296}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;display:flex;align-items:center;gap:12px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.topbar-right{margin-left:auto}.content{padding:24px;flex:1;max-width:1480px;width:100%;margin:0 auto}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1e73;z-index:35}.global-search{position:relative;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:0 12px;width:min(420px,100%);color:var(--muted)}.global-search input{border:0;background:none;box-shadow:none;padding:8px 0}.search-results{top:44px;left:0;right:0}.icon-btn{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;border:0;background:none;color:var(--text-2)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.dot-count{position:absolute;top:3px;right:2px;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:9px;padding:0 5px;line-height:16px}.user-btn{display:flex;align-items:center;gap:8px;border:0;background:none;padding:4px 6px;border-radius:10px;text-align:left}.user-btn:hover{background:var(--surface-2)}.pop{position:relative}.dropdown{position:absolute;right:0;top:44px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);min-width:240px;z-index:50;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:none;text-align:left;font-size:13.5px}.dropdown-item:hover,.dropdown-item.active{background:var(--surface-2)}.dropdown-sep{height:1px;background:var(--border);margin:4px 0}.dropdown-foot{width:100%;padding:10px;border:0;border-top:1px solid var(--border);background:var(--surface-2);color:var(--primary);font-weight:500}.role-dot{width:7px;height:7px;border-radius:50%;background:var(--primary)}.notif-panel{width:360px}.notif-list{max-height:420px;overflow-y:auto}.notif{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:10px 14px;border:0;border-top:1px solid var(--border);background:none}.notif:hover{background:var(--surface-2)}.notif.unread{background:var(--primary-soft)}.notif-title{font-weight:600;font-size:13px}.notif-body{font-size:13px;color:var(--text-2)}.user-panel{width:290px}.mobile-tabs{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-head p{margin:4px 0 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.card-body{padding:16px}.card+.card{margin-top:0}.stack>*+*{margin-top:16px}.stat{display:flex;gap:12px;align-items:flex-start;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);cursor:default}.stat.clickable{cursor:pointer}.stat.clickable:hover{border-color:var(--primary)}.stat:disabled{color:inherit;opacity:1}.stat-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.stat-body{display:flex;flex-direction:column;min-width:0}.stat-label{font-size:12.5px;color:var(--muted)}.stat-value{font-size:22px;font-weight:700;letter-spacing:-.02em}.stat-sub{font-size:12px;color:var(--muted)}.tone-green{background:var(--green-soft);color:var(--green)}.tone-red{background:var(--red-soft);color:var(--red)}.tone-amber{background:var(--amber-soft);color:var(--amber)}.tone-blue{background:var(--blue-soft);color:var(--blue)}.tone-violet{background:var(--violet-soft);color:var(--violet)}.tone-teal{background:var(--teal-soft);color:var(--teal)}.tone-pink{background:var(--pink-soft);color:var(--pink)}.tone-gray{background:var(--gray-soft);color:var(--gray)}.tone-indigo{background:var(--indigo-soft);color:var(--indigo)}.bg-green{background:var(--green)}.bg-red{background:var(--red)}.bg-amber{background:#f59e0b}.bg-indigo{background:var(--primary)}.bg-blue{background:var(--blue)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:9px;font-weight:500;border:1px solid var(--border-strong);background:var(--surface);white-space:nowrap;min-height:38px;font-size:13.5px}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-2)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.ghost{background:transparent}.btn.sm{padding:5px 10px;min-height:30px;font-size:12.5px;border-radius:8px}.btn.lg{padding:12px 20px;font-size:15px;min-height:46px}.link{background:none;border:0;color:var(--primary);padding:0;font-weight:500}.link:hover{text-decoration:underline}.avatar{display:inline-grid;place-items:center;border-radius:50%;font-weight:600;flex-shrink:0;object-fit:cover}.emp-cell{display:inline-flex;align-items:center;gap:10px}.emp-name{font-weight:500}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.tab{border:0;background:none;padding:10px 14px;color:var(--muted);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-count{background:var(--surface-2);border:1px solid var(--border);font-size:11px;border-radius:10px;padding:0 6px}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:2px}.segmented button{border:0;background:none;padding:5px 12px;border-radius:7px;font-size:13px;color:var(--muted)}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:500}.progress{height:7px;border-radius:4px;background:var(--gray-soft);overflow:hidden}.progress-bar{height:100%;border-radius:4px;transition:width .3s}.table-wrap{min-width:0}.table-toolbar{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;flex-wrap:wrap;align-items:center}.search{display:flex;align-items:center;gap:6px;border:1px solid var(--border-strong);border-radius:8px;padding:0 10px;color:var(--muted);width:min(280px,100%);background:var(--surface)}.search input{border:0;padding:6px 0;min-height:34px;box-shadow:none!important}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:10px 16px;background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table td{padding:11px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr.clickable{cursor:pointer}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:0}.pager{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1e80;display:grid;place-items:center;z-index:100;padding:16px;animation:fade .12s}.modal{background:var(--surface);border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:rise .15s}.modal.wide{width:min(880px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-body{padding:20px;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(8px);opacity:0}}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field.full,.full{grid-column:1 / -1}.field-label{font-size:12.5px;font-weight:500;color:var(--text-2)}.field-hint{font-size:12px;color:var(--muted)}.form-error{background:var(--red-soft);color:var(--red);padding:8px 12px;border-radius:8px;font-size:13px}.checkbox{width:18px;height:18px}.chips-select{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border-strong);background:var(--surface);padding:4px 10px;border-radius:999px;font-size:12.5px}.chip.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:500}.tag{display:inline-block;background:var(--surface-2);border:1px solid var(--border);padding:1px 8px;border-radius:6px;font-size:12px;margin:2px 4px 2px 0}.tag.match{background:var(--green-soft);border-color:transparent;color:var(--green)}.tag.miss{background:var(--red-soft);border-color:transparent;color:var(--red)}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:38px;height:22px;background:var(--border-strong);border-radius:11px;position:relative;transition:.15s;flex-shrink:0}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s;box-shadow:0 1px 2px #0003}.toggle input:checked+.toggle-track{background:var(--primary)}.toggle input:checked+.toggle-track .toggle-thumb{left:19px}.toggle input:focus-visible+.toggle-track{box-shadow:0 0 0 3px var(--primary-soft)}.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 20px;margin:0}.kv dt{font-size:12px;color:var(--muted)}.kv dd{margin:2px 0 0;font-weight:500;word-break:break-word}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 16px;color:var(--muted);text-align:center}.empty-title{font-weight:600;color:var(--text-2)}.list>*+*{border-top:1px solid var(--border)}.list-item{display:flex;align-items:center;gap:12px;padding:10px 0}.list-item:first-child{padding-top:0}.list-item:last-child{padding-bottom:0}.toaster{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{padding:10px 16px;border-radius:10px;box-shadow:var(--shadow-lg);font-weight:500;background:var(--surface);border:1px solid var(--border);animation:rise .15s}.toast.tone-green{border-left:4px solid var(--green)}.toast.tone-red{border-left:4px solid var(--red)}.toast.tone-amber{border-left:4px solid #f59e0b}.hero{background:linear-gradient(120deg,#4f46e5,#7c3aed 60%,#a855f7);color:#fff;border-radius:16px;padding:22px 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:16px;box-shadow:var(--shadow)}.hero h2{font-size:22px}.hero .muted{color:#fffc}.hero-status{display:flex;gap:24px;flex-wrap:wrap;margin-top:12px}.hero-status div{display:flex;flex-direction:column}.hero-status .v{font-size:20px;font-weight:700}.hero-status .l{font-size:12px;opacity:.8}.hero .btn{border-color:#ffffff59;background:#ffffff1f;color:#fff}.hero .btn:hover{background:#ffffff38}.hero .btn.white{background:#fff;color:#4338ca;border-color:#fff}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:500}.quick button:hover{border-color:var(--primary);color:var(--primary)}.upcoming-item{display:flex;align-items:center;gap:10px}.date-chip{width:44px;flex-shrink:0;text-align:center;border-radius:9px;background:var(--primary-soft);color:var(--primary);padding:4px 0;line-height:1.1}.date-chip b{display:block;font-size:16px}.date-chip span{font-size:10.5px;text-transform:uppercase}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-h{font-size:11.5px;color:var(--muted);text-align:center;padding:4px 0;font-weight:600}.cal-d{min-height:64px;border-radius:8px;padding:6px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;display:flex;flex-direction:column;gap:2px;text-align:left}.cal-d.today{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.cal-d .n{font-weight:600}.cal-d .s{font-size:10.5px;font-weight:600;border-radius:4px;padding:1px 4px;align-self:flex-start}.cal-d .t{font-size:10.5px;color:var(--muted)}.cal-d.blank{background:none;border:0}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}.kcol{width:250px;flex-shrink:0;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;max-height:70vh}.kcol.over{border-color:var(--primary);background:var(--primary-soft)}.kcol-head{padding:10px 12px;font-weight:600;font-size:13px;display:flex;justify-content:space-between}.kcol-body{padding:0 8px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:60px}.kcard{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;cursor:grab;box-shadow:var(--shadow);text-align:left;width:100%}.kcard:hover{border-color:var(--primary)}.kcard:active{cursor:grabbing}.org{overflow:auto;padding:16px}.org ul{padding-top:18px;position:relative;display:flex;justify-content:center;margin:0;padding-left:0}.org li{list-style:none;position:relative;padding:18px 6px 0;text-align:center}.org li:before,.org li:after{content:"";position:absolute;top:0;right:50%;border-top:1.5px solid var(--border-strong);width:50%;height:18px}.org li:after{right:auto;left:50%;border-left:1.5px solid var(--border-strong)}.org li:only-child:after,.org li:only-child:before{display:none}.org li:only-child{padding-top:0}.org li:first-child:before,.org li:last-child:after{border:0 none}.org li:last-child:before{border-right:1.5px solid var(--border-strong);border-radius:0 6px 0 0}.org li:first-child:after{border-radius:6px 0 0}.org ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:1.5px solid var(--border-strong);height:18px}.org>ul{padding-top:0}.org-node{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:150px;box-shadow:var(--shadow);cursor:grab}.org-node.drop{border-color:var(--primary);background:var(--primary-soft)}.org-node .nm{font-weight:600;font-size:13px}.org-node .ds{font-size:11.5px;color:var(--muted)}.org-toggle{margin-top:2px;font-size:11px;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:0 8px}.chat{display:grid;grid-template-columns:220px 1fr;height:calc(100vh - 170px);min-height:420px}.chat-side{border-right:1px solid var(--border);padding:10px;overflow-y:auto}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.msg{display:flex;gap:10px;max-width:760px}.msg.mine{align-self:flex-end;flex-direction:row-reverse}.bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:9px 12px;white-space:pre-wrap;word-break:break-word}.msg.mine .bubble{background:var(--primary);color:#fff;border-color:var(--primary)}.bubble table{border-collapse:collapse;margin-top:6px;font-size:12.5px}.bubble td,.bubble th{border:1px solid var(--border);padding:3px 8px;text-align:left}.suggest{display:flex;flex-wrap:wrap;gap:6px}.suggest button{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:12.5px}.suggest button:hover{border-color:var(--primary);color:var(--primary)}.payslip{background:#fff;color:#111;border:1px solid #ddd;border-radius:10px;padding:24px;font-size:13px}.payslip h2{font-size:18px}.payslip table{width:100%;border-collapse:collapse}.payslip td,.payslip th{padding:6px 8px;border-bottom:1px solid #eee;text-align:left}.payslip .net{background:#eef0ff;padding:12px;border-radius:8px;display:flex;justify-content:space-between;font-weight:700;font-size:15px;margin-top:12px;color:#312e81}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-art{background:radial-gradient(circle at 20% 20%,#6366f1 0,transparent 50%),radial-gradient(circle at 80% 70%,#a855f7 0,transparent 45%),#11142a;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-size:38px;line-height:1.15;max-width:520px}.login-art p{color:#c3c6e6;max-width:480px;font-size:15px}.login-feats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:520px}.login-feats div{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;font-size:13px}.login-form{display:grid;place-items:center;padding:32px 20px;background:var(--surface)}.login-box{width:min(400px,100%)}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.demo-grid button{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:9px 10px;text-align:left;font-size:13px}.demo-grid button:hover{border-color:var(--primary)}.score-ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}.stars{color:#f59e0b;letter-spacing:1px}.bar-list>div{display:grid;grid-template-columns:140px 1fr 60px;align-items:center;gap:10px;padding:5px 0;font-size:13px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.doc-preview{border:1px solid var(--border);border-radius:10px;padding:24px;background:#fff;color:#111;white-space:pre-wrap;font-family:Georgia,serif;line-height:1.6;max-height:60vh;overflow:auto}.code{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px;overflow-x:auto;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;white-space:pre}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--border)}.tl-item{position:relative;padding-bottom:16px}.tl-item:before{content:"";position:absolute;left:-21px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2.5px solid var(--primary)}.tl-item.Exit:before,.tl-item.Warning:before{border-color:var(--red)}.tl-item.Promotion:before,.tl-item.Recognition:before{border-color:var(--green)}.tl-item.Salary\ Revision:before{border-color:#f59e0b}.recog{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--surface)}.pill-nav{display:flex;gap:6px;flex-wrap:wrap}@media print{.sidebar,.topbar,.mobile-tabs,.no-print{display:none!important}.content{padding:0}}@media(max-width:1100px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.mobile-only{display:inline-grid!important}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.content{padding:16px 16px 88px}.topbar{padding:0 12px;gap:6px}.hide-sm{display:none!important}.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}.form-grid{grid-template-columns:minmax(0,1fr)}.login{grid-template-columns:1fr}.login-art{display:none}.quick{grid-template-columns:repeat(4,1fr)}.chat{grid-template-columns:1fr;height:calc(100vh - 220px)}.chat-side{display:flex;gap:6px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);padding:8px}.notif-panel{width:calc(100vw - 24px);right:-60px}.mobile-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;font-size:10.5px;color:var(--muted)}.mobile-tabs a.active{color:var(--primary)}.toaster{bottom:84px;left:16px;right:16px}.table td,.table th{padding:10px 12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-list>div{grid-template-columns:100px 1fr 50px}.kcol{width:230px}h1{font-size:20px}}@media(max-width:420px){.stat-value{font-size:19px}.quick{grid-template-columns:repeat(2,1fr)}.demo-grid{grid-template-columns:1fr}}.recharts-cartesian-grid line{stroke:var(--grid)}.recharts-text{fill:var(--muted);font-size:11.5px}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:var(--border-strong)}.chart-tip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;box-shadow:var(--shadow-lg);font-size:12.5px}.chart-tip .t{font-weight:600;margin-bottom:2px}