@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";:root{--brand:#6366f1;--brand-600:#5b52e8;--brand-700:#4f46e5;--cyan:#06b6d4;--emerald:#10b981;--amber:#f59e0b;--rose:#f43f5e;--violet:#8b5cf6;--bg:#f4f5fb;--surface:#ffffff;--surface-2:#fafbff;--sidebar:#0f1424;--sidebar-2:#161d33;--sidebar-text:#aeb4c9;--sidebar-active:#ffffff;--text:#141a2e;--text-2:#5b6478;--text-3:#8a92a6;--border:#e7e9f2;--border-2:#eff0f7;--shadow-sm:0 1px 2px rgba(20,26,46,.06);--shadow:0 4px 16px rgba(20,26,46,.08);--shadow-lg:0 12px 40px rgba(20,26,46,.14);--radius:14px;--radius-sm:10px;--radius-lg:20px;--font:"Inter",system-ui,sans-serif;--font-display:"Plus Jakarta Sans",var(--font);--font-mono:"JetBrains Mono",ui-monospace,monospace}[data-theme=dark]{--bg:#0a0e1a;--surface:#121829;--surface-2:#0f1526;--sidebar:#0a0e1a;--sidebar-2:#121829;--sidebar-text:#8891a8;--sidebar-active:#ffffff;--text:#eef1f8;--text-2:#a5adc4;--text-3:#727b93;--border:#212a42;--border-2:#1a2236;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 16px 44px rgba(0,0,0,.55)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:14px}.mono{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{padding:26px 32px 48px;flex:1;max-width:1500px;width:100%;margin:0 auto}@media (max-width:720px){.content{padding:18px 16px 40px}}.sidebar{width:264px;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width .22s ease;flex-shrink:0;z-index:40}.sidebar.collapsed{width:76px}.sidebar-head{display:flex;align-items:center;gap:11px;padding:20px 20px 18px}.logo-mark{width:38px;height:38px;border-radius:11px;flex-shrink:0;background:linear-gradient(135deg,var(--brand),var(--violet));display:grid;place-items:center;box-shadow:0 6px 18px #6366f173}.logo-text{font-family:var(--font-display);font-weight:800;font-size:19px;color:#fff;letter-spacing:-.02em;white-space:nowrap}.logo-text span{color:var(--brand)}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section-title{display:none}.sidebar.collapsed .sidebar-head{justify-content:center;padding:20px 0 18px}.nav{flex:1;overflow-y:auto;padding:6px 12px 20px}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:#ffffff18;border-radius:3px}.nav-section-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:#59617d;font-weight:700;padding:16px 12px 7px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--sidebar-text);font-weight:500;font-size:13.5px;margin-bottom:2px;transition:background .15s,color .15s;position:relative;white-space:nowrap}.nav-item:hover{background:#ffffff0e;color:#fff}.nav-item.active{background:linear-gradient(90deg,var(--brand-600),var(--brand));color:#fff;box-shadow:0 6px 16px #6366f166}.nav-item svg{flex-shrink:0}.sidebar.collapsed .nav-item{justify-content:center;padding:11px 0}.nav-badge{margin-left:auto;background:var(--rose);color:#fff;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:20px}.sidebar.collapsed .nav-badge{position:absolute;top:4px;right:8px;margin:0;padding:0;width:8px;height:8px}.sidebar-foot{padding:14px 12px;border-top:1px solid #ffffff10}.user-chip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px}.user-chip:hover{background:#ffffff0e}.user-chip .meta{min-width:0}.sidebar.collapsed .user-chip .meta{display:none}.user-chip .n{color:#fff;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip .e{font-size:11.5px;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{height:64px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 26px;position:sticky;top:0;z-index:30}.icon-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--text-2);transition:background .15s,color .15s}.icon-btn:hover{background:var(--bg);color:var(--text)}.searchbar{flex:1;max-width:440px;display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:9px 14px;color:var(--text-3)}.searchbar input{border:none;background:none;outline:none;flex:1;color:var(--text)}.searchbar:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #6366f11f}.topbar-spacer{flex:1}@media (max-width:720px){.searchbar{display:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-title{font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:-.02em}.page-sub{color:var(--text-2);font-size:13.5px;margin-top:3px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--border-2)}.card-title{font-family:var(--font-display);font-weight:700;font-size:15px}.grid{display:grid;gap:18px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.kpi{position:relative;overflow:hidden;padding:20px}.kpi .glow{position:absolute;top:-40px;right:-40px;width:130px;height:130px;border-radius:50%;opacity:.16;filter:blur(6px)}.kpi-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:#fff;margin-bottom:14px}.kpi-label{color:var(--text-2);font-size:12.5px;font-weight:500}.kpi-value{font-family:var(--font-display);font-size:27px;font-weight:800;letter-spacing:-.02em;margin-top:2px}.kpi-delta{font-size:12px;font-weight:600;margin-top:7px;display:inline-flex;align-items:center;gap:4px}.kpi-delta.up{color:var(--emerald)}.kpi-delta.down{color:var(--rose)}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;padding:9px 15px;border-radius:10px;transition:.15s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-600));color:#fff;box-shadow:0 6px 16px #6366f152}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #6366f166}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text-2)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn-danger{background:var(--rose);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px}.badge.green{background:#10b98118;color:#059669}.badge.blue{background:#6366f118;color:#4f46e5}.badge.amber{background:#f59e0b1c;color:#d97706}.badge.rose{background:#f43f5e18;color:#e11d48}.badge.cyan{background:#06b6d41c;color:#0891b2}.badge.gray{background:#8a92a61f;color:var(--text-2)}.badge.violet{background:#8b5cf61c;color:#7c3aed}.dot{width:7px;height:7px;border-radius:50%}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:7px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:600;color:var(--text-2);transition:.15s}.pill:hover{border-color:var(--brand);color:var(--brand)}.pill.active{background:var(--brand);border-color:var(--brand);color:#fff}.avatar{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-family:var(--font-display);flex-shrink:0;font-size:13px}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--surface);margin-left:-9px}.avatar-stack .avatar:first-child{margin-left:0}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:700;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:13px 16px;border-bottom:1px solid var(--border-2);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--surface-2)}.emp-cell{display:flex;align-items:center;gap:11px}.emp-cell .nm{font-weight:600}.emp-cell .sub{font-size:12px;color:var(--text-3)}.field{margin-bottom:15px}.field.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:6px}.input,.select,textarea.input{width:100%;padding:10px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);outline:none;transition:.15s}.input:focus,.select:focus,textarea.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6366f121}textarea.input{resize:vertical;min-height:84px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:20px;animation:fade .18s ease}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:pop .2s ease}.modal.lg{max-width:720px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border-2)}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:700}.modal-body{padding:22px;overflow-y:auto}.modal-foot{padding:16px 22px;border-top:1px solid var(--border-2);display:flex;justify-content:flex-end;gap:10px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.toast-wrap{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:200}.toast{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:12px;padding:13px 16px;box-shadow:var(--shadow-lg);min-width:280px;animation:slidein .25s ease}.toast.green{border-left-color:var(--emerald)}.toast.rose{border-left-color:var(--rose)}.toast.amber{border-left-color:var(--amber)}.toast .t-title{font-weight:600;font-size:13.5px}.toast .t-msg{font-size:12.5px;color:var(--text-2)}@keyframes slidein{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.meter{height:7px;border-radius:20px;background:var(--border);overflow:hidden}.meter>span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--brand),var(--violet))}.stat-inline{display:flex;gap:22px;flex-wrap:wrap}.stat-inline .s .v{font-family:var(--font-display);font-size:20px;font-weight:800}.stat-inline .s .l{font-size:12px;color:var(--text-3)}.empty{text-align:center;padding:48px 20px;color:var(--text-3)}.spinner{width:18px;height:18px;border:2.5px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:8px;border-radius:20px;background:var(--border);overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--cyan));transition:width .2s}.mobile-only{display:none}@media (max-width:900px){.mobile-only{display:grid}.desktop-only{display:none}}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center;color:var(--text-3);transition:.18s;cursor:pointer}.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:#6366f10d;color:var(--brand)}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow-x:auto}.kanban-col{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius);padding:12px;min-height:120px}.kanban-col.drag-over{border-color:var(--brand);background:#6366f10f}.kanban-col h4{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin-bottom:12px;display:flex;justify-content:space-between}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:9px;cursor:grab;box-shadow:var(--shadow-sm)}.kanban-card:active{cursor:grabbing}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(1200px 600px at 20% -10%,rgba(99,102,241,.18),transparent),radial-gradient(1000px 500px at 100% 100%,rgba(139,92,246,.14),transparent),var(--bg)}.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:34px}