*{box-sizing:border-box}html,body,#app{height:100%}html{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}body{margin:0;background:var(--color-bg);color:var(--color-text)}*{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.5) rgba(15,23,42,.3)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#0f172a4d;border-radius:5px}*::-webkit-scrollbar-thumb{background:#64748b80;border-radius:5px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#8b5cf699;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:#8b5cf6cc}*::-webkit-scrollbar-corner{background:#0f172a4d}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}table{border-collapse:collapse;width:100%}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100%}.liquid-ether-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.8}.logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-700));color:#fff;display:grid;place-items:center;font-weight:700}.brand-text{line-height:1.1}.brand-title{font-weight:700}.brand-sub{font-size:12px;color:var(--color-text-muted)}.topnav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border);background:#0f172aa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:30}.topnav .left{display:flex;align-items:center;gap:10px}.topnav .right{display:flex;justify-content:end}.tabs{display:flex;gap:4px;justify-content:center;background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px;border-radius:50px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 2px #0003}.tab{position:relative;padding:8px 18px;border-radius:50px;color:#fff9;font-size:14px;font-weight:500;border:none;background:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap;z-index:1}.tab:hover{color:#ffffffe6;background:#ffffff0d}.tab.active{color:#fff;background:linear-gradient(135deg,#6366f1cc,#8b5cf6cc);box-shadow:0 4px 12px #6366f166,0 2px 4px #0003,inset 0 1px #fff3;transform:translateY(-1px);animation:pill-glow 2s ease-in-out infinite}.tab.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none}.tab:active{transform:scale(.97)}@keyframes pill-glow{0%,to{opacity:.8}50%{opacity:1}}.main{display:grid;grid-template-rows:auto 1fr auto;position:relative;z-index:1}.pagebar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border);background:#0f172a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:58px;z-index:10}.pagebar__title{margin:0;font-size:18px}.topbar__actions{display:flex;align-items:center;gap:8px}.btn{padding:8px 12px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:10px}.btn:hover{background:var(--color-surface-2)}.btn.btn-ghost{border-color:transparent;background:transparent}.btn.btn-accent{background:var(--color-primary);border-color:var(--color-primary-700);color:#fff;box-shadow:0 4px 14px #6366f13d}.btn.btn-accent:hover{filter:brightness(1.05);box-shadow:0 6px 18px #6366f157}.btn.btn-assign{border-color:var(--color-primary-700);transition:box-shadow .15s ease,transform .12s ease,background .15s ease,border-color .15s ease}.btn.btn-assign:hover{background:var(--color-primary-ghost);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ghost),0 8px 22px #00000047;transform:translateY(-1px)}.btn.btn-glow{position:relative;background:linear-gradient(135deg,#6366f1cc,#8b5cf6cc);color:#fff;border:1px solid rgba(139,92,246,.6);box-shadow:0 4px 12px #6366f166,0 2px 4px #0003,inset 0 1px #fff3;font-weight:500}.btn.btn-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none}.btn.btn-glow:hover{background:linear-gradient(135deg,#6d70fbe6,#9566ffe6);box-shadow:0 6px 16px #6366f180,0 2px 4px #0003,inset 0 1px #ffffff40;border-color:#9566ffb3}.btn.btn-glow:active{transform:scale(.97)}.btn.btn-glow:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 6px #6366f133}.content{padding:24px;display:grid;gap:24px}.panel{background:#0f172a8c;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);box-shadow:0 10px 24px #00000040}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.panel__actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{padding:12px 20px 20px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.table{width:100%;table-layout:fixed;min-width:1120px}.table th,.table td{padding:12px 10px;text-align:left;border-bottom:1px dashed var(--color-border);vertical-align:middle}.table thead th{background:#0f172ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.table tbody tr:nth-child(2n){background:#ffffff05}.table tbody tr:hover{background:#ffffff0a}.cell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable:hover{color:var(--color-text)}.sort-arrow{color:var(--color-primary);font-size:11px}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:flex-start;justify-content:center;padding-top:18px;z-index:20}.loading-card{background:var(--color-surface);border:1px solid var(--color-border);padding:16px 20px;border-radius:12px;display:grid;gap:8px;place-items:center;box-shadow:0 10px 24px #00000038}.progress{width:260px;height:6px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:999px;overflow:hidden}.progress .bar{height:100%;width:0;background:var(--color-primary);border-radius:999px;transition:width .25s ease}.progress.indeterminate .bar{width:40%;animation:progress-indeterminate 1.2s ease-in-out infinite;transform:translate(-100%)}@keyframes progress-indeterminate{0%{transform:translate(-120%)}50%{transform:translate(40%)}to{transform:translate(130%)}}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap,.emp-grid{position:relative}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;line-height:1;border:1px solid transparent}.badge--ok{color:#10b981;background:#10b9811f;border-color:#10b98133}.badge--warn{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b33}.badge--muted{color:var(--color-text-muted);background:var(--color-surface-2);border-color:var(--color-border)}.employees-grid,.unknown-grid{display:grid!important;gap:1.25rem!important;padding:1.5rem!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.emp-card{background:#1118278c;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;gap:12px;align-items:center;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:0 10px 24px #00000038}.emp-card--hover{transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.emp-card--hover:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000052;border-color:var(--color-primary-700)}.emp-avatar{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#0b0b0f;display:grid;place-items:center}.emp-avatar img{width:100%;height:100%;object-fit:cover;display:block}.emp-info{display:grid;gap:4px;min-width:0}.emp-name{font-weight:700}.emp-meta{color:var(--color-text-muted);font-size:13px}.empty{padding:24px;color:var(--color-text-muted);text-align:center}.footer{border-top:1px solid var(--color-border);padding:14px 20px;background:var(--color-surface);color:var(--color-text-muted)}.lightbox{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#000000d9;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;overflow:auto!important;padding:20px;margin:0!important;transform:none!important}.lightbox .panel{max-height:90vh;overflow-y:auto;margin:auto}.modal-form{display:grid;gap:20px;padding:24px}.modal-form-row{display:grid;grid-template-columns:1fr;gap:16px}.modal-form-row-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.modal-form-group{display:flex;flex-direction:column;gap:8px}.modal-form-label{font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:4px}.modal-form-input{padding:10px 12px!important;border-radius:8px!important;font-size:14px!important}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--color-border);margin-top:8px}.modal-info-box{padding:14px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:10px;font-size:13px;line-height:1.6}.lightbox img{max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 10px 40px #00000080;object-fit:contain}.lightbox .close{position:absolute;top:16px;right:16px;padding:8px 12px;border-radius:8px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}@media (max-width: 640px){.modal-form{padding:20px;gap:16px}.modal-form-row-2col{grid-template-columns:1fr;gap:12px}}body:has(.lightbox){overflow:hidden}.lightbox:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.toast-container{position:fixed;right:16px;bottom:16px;z-index:3000;display:grid;gap:8px}.toast{display:grid;grid-auto-flow:column;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#111827ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text);box-shadow:0 8px 22px #00000052}.toast--ok{border-color:#10b98159;box-shadow:0 0 0 2px #10b98140 inset}.toast--warn{border-color:#f59e0b59;box-shadow:0 0 0 2px #f59e0b40 inset}.toast--err{border-color:#ef444459;box-shadow:0 0 0 2px #ef444440 inset}.ring{display:inline-block;position:relative;width:40px;height:40px}.ring svg{transform:rotate(-90deg);display:block}.ring .track{stroke:#ffffff1f}.ring .stroke{stroke:var(--color-primary);transition:stroke-dashoffset .25s ease}.chat-sidebar{position:fixed;top:0;right:0;height:100vh;width:min(420px,92vw);background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-10px 0 30px #00000040;transform:translate(100%);transition:transform .22s ease;z-index:2000;display:grid;grid-template-rows:auto 1fr auto}.chat-sidebar.open{transform:translate(0)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.chat-title{font-weight:700}.chat-body{overflow:auto;padding:14px;display:grid;gap:10px;background:var(--color-surface-2)}.chat-msg{display:flex}.chat-msg--assistant{justify-content:flex-start}.chat-msg--user{justify-content:flex-end}.chat-bubble{max-width:82%;padding:10px 12px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);white-space:pre-wrap}.chat-msg--assistant .chat-bubble{background:var(--color-surface)}.chat-msg--user .chat-bubble{background:var(--color-primary-ghost);border-color:var(--color-primary-700)}.chat-input{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid var(--color-border);background:var(--color-surface)}.chat-input textarea{resize:vertical;min-height:48px;max-height:180px;width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);border-radius:10px;padding:10px 12px}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f180;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f1b3}@media (max-width: 960px){.tabs{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:8px 16px;font-size:13px}}@media (max-width: 640px){.topnav{grid-template-columns:auto 1fr auto;gap:8px;padding:10px 12px}.tabs{padding:3px;gap:3px}.tab{padding:7px 14px;font-size:12px}}@media (max-width: 1400px){.cell{text-overflow:clip}}:root{--color-bg: #0b1020;--color-surface: #0f172a;--color-surface-2: #111827;--color-text: #e5e7eb;--color-text-muted: #94a3b8;--color-border: #1f2937;--color-primary: #6366f1;--color-primary-700: #4f46e5;--color-primary-ghost: rgba(99, 102, 241, .15)}[data-theme=light]{--color-bg: #f7f7fb;--color-surface: #ffffff;--color-surface-2: #f2f3f8;--color-text: #0f172a;--color-text-muted: #475569;--color-border: #e5e7eb;--color-primary: #4f46e5;--color-primary-700: #4338ca;--color-primary-ghost: rgba(79, 70, 229, .1)}.icon{font-size:16px;line-height:1}