@import url(https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&display=swap);:root{--font-main:"Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-app:#f7f8fc;--surface-card:#fff;--color-text-main:#0f172a;--color-text-muted:#64748b;--border-color:#e5e7eb;--brand-blue:#2563eb;--brand-blue-hover:#1d4ed8;--brand-blue-light:#eff4ff;--min-touch-target:44px}*,:after,:before{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f8fc;background-color:var(--bg-app);color:#0f172a;color:var(--color-text-main);font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main);margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth;text-rendering:optimizeLegibility;width:100%}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--blue:#1a56db;--blue-h:#1648c0;--border:#e2e5f0;--text:#0f1623;--red:#dc2626}*{margin:0;padding:0}body{font-family:Geist,sans-serif}.login-grid,.screen{display:flex;min-height:100vh}.login-grid{width:100%}.login-hero{background:linear-gradient(145deg,#0f2d6e,#1a56db,#2563eb);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:4rem}.hero-logo{align-items:center;background:#ffffff26;border-radius:30px;display:inline-flex;gap:10px;margin-bottom:40px;padding:8px 15px}.lg-icon{background:#fff;border-radius:50%;color:#1a56db;font-weight:700;padding:8px}.login-hero h1{font-size:3rem;font-weight:800;line-height:1.2}.login-hero em{opacity:.6}.login-hero p{color:#ffffffb3;line-height:1.6;margin-top:15px;max-width:350px}.hero-features{margin-top:30px}.feat-row{margin-bottom:10px}.hero-bottom{font-size:12px;opacity:.5}.login-form-panel{align-items:center;background:#fff;border-left:1px solid #e2e5f0;border-left:1px solid var(--border);display:flex;justify-content:center;min-width:460px;overflow-y:auto;padding:3rem;width:460px}.lf-inner{display:flex;flex-direction:column;width:100%}.lf-brand{align-items:center;display:flex;gap:10px;margin-bottom:20px}.lf-badge{background:linear-gradient(135deg,#1a56db,#7c3aed);border-radius:10px;color:#fff;flex-shrink:0;font-weight:700;padding:10px}.lf-brand-name{color:#0f1623;color:var(--text);display:flex;flex-direction:column;font-size:14px;font-weight:700;gap:2px}.lf-brand-name small{color:#64748b;color:var(--muted);font-size:11px;font-weight:400}.lf-title{color:#0f1623;color:var(--text);font-size:26px;font-weight:800;margin-bottom:6px}.lf-sub{color:#64748b;color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:22px}.lf-label{color:#0f1623;color:var(--text);display:block;font-size:12px;font-weight:700;margin-bottom:5px}.lf-input-wrap{margin-bottom:4px;position:relative}.lf-input-wrap>svg{height:16px;left:12px;opacity:.45;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.lf-input,.lf-input-wrap>svg{color:#0f1623;color:var(--text)}.lf-input{-webkit-appearance:none;background:#fff;border:1.5px solid #e2e5f0;border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:14px;outline:none;padding:12px 40px;transition:border-color .15s,box-shadow .15s;width:100%}.lf-input:focus{border-color:#1a56db;border-color:var(--blue);box-shadow:0 0 0 3px #1a56db1a}.lf-input-err .lf-input,.lf-input-err .lf-input:focus{border-color:#dc2626;border-color:var(--red);box-shadow:0 0 0 3px #dc262614}.lf-eye{align-items:center;background:none;border:none;color:#64748b;color:var(--muted);cursor:pointer;display:flex;padding:2px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.lf-eye svg{height:16px;opacity:.5;position:static;transform:none;width:16px}.lf-field-err{color:#dc2626;color:var(--red);font-size:12px;margin-bottom:6px;margin-top:2px}.lf-alert{border-radius:9px;font-size:13px;font-weight:500;margin-bottom:14px;padding:10px 14px}.lf-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;color:var(--red)}.lf-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;color:var(--green)}.lf-row{justify-content:space-between;margin:12px 0 16px}.lf-remember,.lf-row{align-items:center;display:flex;gap:8px}.lf-remember{color:#0f1623;color:var(--text);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.lf-checkbox{align-items:center;background:#fff;border:1.5px solid #e2e5f0;border:1.5px solid var(--border);border-radius:5px;cursor:pointer;display:flex;height:18px;justify-content:center;min-width:18px;outline:none;transition:background .15s,border-color .15s,box-shadow .15s;width:18px}.lf-checkbox:focus-visible{border-color:#1a56db;border-color:var(--blue);box-shadow:0 0 0 3px #1a56db26}.lf-checkbox-on{background:#1a56db;background:var(--blue);border-color:#1a56db;border-color:var(--blue)}.lf-checkbox svg{stroke:#fff;stroke-width:2.5;height:11px;width:11px}.lf-link{background:none;border:none;color:#1a56db;color:var(--blue);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:0;text-decoration:none;transition:color .15s;white-space:nowrap}.lf-link:hover{color:#1648c0;color:var(--blue-h);text-decoration:underline}.lf-link:disabled{cursor:not-allowed;opacity:.5}.lf-back{align-items:center;background:none;border:none;color:#64748b;color:var(--muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;margin-bottom:22px;padding:0;transition:color .15s}.lf-back svg{height:16px;transform:rotate(180deg);width:16px}.lf-back:hover{color:#0f1623;color:var(--text)}.lf-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#1a56db;background:var(--blue);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:13px;touch-action:manipulation;transition:background .15s,transform .1s;width:100%}.lf-btn:hover:not(:disabled){background:#1648c0;background:var(--blue-h)}.lf-btn:active:not(:disabled){transform:scale(.99)}.lf-btn:disabled{cursor:not-allowed;opacity:.65}.lf-spinner{animation:spin .65s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.lf-footer{color:#aab0bf;font-size:12px;margin-top:24px;text-align:center}.lf-fp-icon{align-items:center;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:14px;color:#1a56db;color:var(--blue);display:flex;height:52px;justify-content:center;margin-bottom:18px;width:52px}.lf-fp-icon svg{height:24px;width:24px}.lf-fp-icon-otp{background:#fdf4ff;border-color:#e9d5ff;color:#7c3aed}.lf-fp-icon-reset{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.lf-otp-row{display:flex;gap:10px;justify-content:center;margin:20px 0 4px}.lf-otp-box{-webkit-appearance:none;background:#f9fafb;border:1.5px solid #e2e5f0;border:1.5px solid var(--border);border-radius:10px;caret-color:#1a56db;caret-color:var(--blue);color:#0f1623;color:var(--text);font-family:inherit;font-size:22px;font-weight:700;height:54px;outline:none;text-align:center;transition:border-color .15s,box-shadow .15s,background .15s;width:48px}.lf-otp-box:focus{background:#fff;box-shadow:0 0 0 3px #1a56db1a}.lf-otp-box:focus,.lf-otp-filled{border-color:#1a56db;border-color:var(--blue)}.lf-otp-filled{background:#eff6ff;color:#1a56db;color:var(--blue)}.lf-otp-err{border-color:#dc2626!important;border-color:var(--red)!important;box-shadow:0 0 0 3px #dc262614!important}.lf-resend{margin-top:16px;text-align:center}.lf-resend,.lf-resend-timer{color:#64748b;color:var(--muted);font-size:13px}.lf-pw-strength{align-items:center;display:flex;gap:10px;margin-bottom:2px;margin-top:6px}.lf-pw-bar{border-radius:4px;flex:1 1;height:4px;transition:background .3s,width .3s}.lf-pw-weak{background:#dc2626;background:var(--red);width:33%}.lf-pw-fair{background:#f59e0b;width:66%}.lf-pw-strong{background:#16a34a;background:var(--green);width:100%}.lf-pw-label{color:#64748b;color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.lf-done-wrap{flex-direction:column;padding:16px 0;text-align:center}.lf-done-circle,.lf-done-wrap{align-items:center;display:flex}.lf-done-circle{background:linear-gradient(135deg,#16a34a,#4ade80);border-radius:50%;box-shadow:0 8px 24px #16a34a40;color:#fff;height:68px;justify-content:center;width:68px}.lf-done-circle svg{height:30px;width:30px}.lf-done-wrap .lf-sub{max-width:300px}@media (max-width:768px){.login-grid{flex-direction:column}.login-hero{flex:none;gap:0;justify-content:flex-start;min-height:0;min-height:auto;padding:20px 20px 18px}.hero-content{display:flex;flex-direction:column;gap:0}.hero-logo{font-size:13px;margin-bottom:0;padding:6px 12px}.hero-bottom,.hero-features,.login-hero h1,.login-hero p{display:none}.login-form-panel{align-items:flex-start;border-left:none;border-top:1px solid #e2e5f0;border-top:1px solid var(--border);flex:1 1;justify-content:flex-start;min-width:0;min-width:auto;padding:28px 20px 32px;width:100%}.lf-inner{max-width:100%}.lf-brand{display:none}.lf-title{font-size:22px}.lf-sub{font-size:13.5px;margin-bottom:18px}.lf-input{font-size:16px;padding:13px 40px}.lf-btn{font-size:15px;padding:14px}.lf-row{margin:14px 0 18px}.lf-remember{font-size:14px}.lf-checkbox{border-radius:6px;height:20px;min-width:20px;width:20px}.lf-checkbox svg{height:12px;width:12px}.lf-link{font-size:14px}.lf-otp-box{font-size:20px;height:50px;width:44px}.lf-otp-row{gap:8px}.lf-footer{font-size:11px;margin-top:20px}}@media (max-width:480px){.login-form-panel{padding:24px 16px 28px}.lf-title{font-size:20px}.lf-sub{font-size:13px}.lf-otp-box{border-radius:8px;font-size:18px;height:46px;width:40px}.lf-otp-row{gap:7px}.lf-back{margin-bottom:16px}}@media (max-width:380px){.login-form-panel{padding:20px 14px 24px}.lf-otp-box{font-size:16px;height:42px;width:36px}.lf-otp-row{gap:5px}.lf-row{flex-wrap:wrap;gap:10px}}:root{--bg:#f8fafc;--white:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--blue:#2563eb;--blue-hover:#1d4ed8;--blue-light:#eff6ff;--green:#16a34a;--green-light:#f0fdf4;--orange:#d97706;--orange-light:#fffbeb;--purple:#7c3aed;--purple-light:#f5f3ff;--shadow-sm:0 2px 8px #0f172a0a;--shadow-md:0 10px 30px #0f172a14;--shadow-lg:0 20px 40px #0f172a1f;--sidebar-w:260px;--sidebar-collapsed-w:72px}*{box-sizing:border-box}body{color:#0f172a;color:var(--text);font-family:Geist,Inter,-apple-system,sans-serif;margin:0}.app,body{background:#f8fafc;background:var(--bg)}.app{min-height:100vh;min-height:100dvh;position:relative;width:100%}.app,.main{display:flex}.main{flex:1 1;flex-direction:column;margin-left:260px;margin-left:var(--sidebar-w);min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}body[data-sidebar-collapsed=true] .main{margin-left:72px;margin-left:var(--sidebar-collapsed-w)}.sidebar{background:#fff;background:var(--white);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);bottom:0;box-shadow:0 2px 8px #0f172a0a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);width:260px;width:var(--sidebar-w);z-index:1000}.sidebar.collapsed{width:72px;width:var(--sidebar-collapsed-w)}.sb-inner{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding:20px 14px}.sb-logo-row{gap:8px;justify-content:space-between;margin-bottom:16px}.sb-logo,.sb-logo-row{align-items:center;display:flex}.sb-logo{gap:12px}.li{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;box-shadow:0 4px 14px #2563eb4d;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:42px;justify-content:center;width:42px}.sb-logo-text{transition:opacity .2s ease,width .2s ease;white-space:nowrap}.sidebar.collapsed .sb-logo-text{opacity:0;overflow:hidden;pointer-events:none;width:0}.ln{color:#0f172a;color:var(--text);font-size:15px;font-weight:800;letter-spacing:-.02em}.ls{color:#64748b;color:var(--muted);font-size:11.5px}.sb-header-actions{align-items:center;display:flex;gap:4px}.sb-collapse-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s ease}.sb-collapse-btn:hover{background:#e2e8f0;color:#0f172a;color:var(--text)}.sb-collapsed-expand-btn{display:none}.sidebar.collapsed .sb-collapsed-expand-btn{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;color:#2563eb;color:var(--blue);cursor:pointer;display:flex;justify-content:center;margin-bottom:8px;padding:8px 0;transition:all .15s ease;width:100%}.sidebar.collapsed .sb-collapsed-expand-btn:hover{background:#dbeafe}.sb-close-btn{background:none;border:none;border-radius:8px;color:#64748b;color:var(--muted);cursor:pointer;display:none;padding:6px}.sb-close-btn:hover{background:#f1f5f9;color:#0f172a;color:var(--text)}.divider{background:#e2e8f0;background:var(--border);height:1px;margin:12px 0 16px}.sb-section{color:#94a3b8;font-size:10.5px;font-weight:800;letter-spacing:.08em;margin-bottom:6px;margin-top:14px;padding-left:10px;text-transform:uppercase;transition:opacity .2s ease;white-space:nowrap}.sidebar.collapsed .sb-section{height:0;margin:0;opacity:0;overflow:hidden}.sb-btn{align-items:center;background:none;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;min-height:44px;padding:10px 12px;position:relative;text-align:left;transition:all .15s ease;white-space:nowrap;width:100%}.sidebar.collapsed .sb-btn{justify-content:center;padding:10px 0}.sb-btn-text{transition:opacity .2s ease,width .2s ease;white-space:nowrap}.sidebar.collapsed .sb-btn-text{opacity:0;overflow:hidden;pointer-events:none;width:0}.sb-btn:hover{background:#f1f5f9;color:#0f172a;color:var(--text);transform:translateX(2px)}.sidebar.collapsed .sb-btn:hover{transform:scale(1.05)}.sb-btn.act{background:#eff6ff;background:var(--blue-light);box-shadow:0 2px 8px #2563eb1f;font-weight:600}.sb-btn.act,.sb-btn.act svg{color:#2563eb;color:var(--blue)}.sb-spacer{flex:1 1;min-height:20px}.profile-btn{margin-bottom:8px}.sb-user{align-items:center;background:#f8fafc;border-radius:12px;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:12px;padding:12px 10px;transition:all .2s ease}.sidebar.collapsed .sb-user{justify-content:center;padding:10px 0}.sb-ava{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;box-shadow:0 2px 8px #2563eb33;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.sb-user-text{overflow:hidden;transition:opacity .2s ease;white-space:nowrap}.sidebar.collapsed .sb-user-text{display:none}.sb-uname{color:#0f172a;color:var(--text);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-urole{color:#64748b;color:var(--muted);font-size:11px;text-transform:capitalize}.logout{color:#dc2626;margin-top:8px}.logout:hover{background:#fef2f2;color:#b91c1c}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:none;inset:0;position:fixed;z-index:999}.overlay.show{display:block}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);height:64px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.tb-left,.topbar{align-items:center;display:flex}.tb-left{gap:12px}.tb-desktop-toggle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text);cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:8px;transition:all .15s ease}.tb-desktop-toggle:hover{background:#e2e8f0;color:#2563eb;color:var(--blue)}.hamburger{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text);cursor:pointer;display:none;justify-content:center;min-height:42px;min-width:42px;padding:8px}.hamburger:hover{background:#e2e8f0}.tb-title{display:flex;flex-direction:column}.tb-title-main{color:#0f172a;color:var(--text);font-size:16px;font-weight:800;line-height:1.2}.tb-title-sub{color:#64748b;color:var(--muted);font-size:12px}.tb-right{align-items:center;display:flex;gap:14px}.tb-chip{background:#eff6ff;background:var(--blue-light);border:1px solid #dbeafe;border-radius:20px;color:#2563eb;color:var(--blue);font-size:13px;font-weight:600;padding:6px 14px;white-space:nowrap}.tb-user-trigger{align-items:center;border:1px solid #0000;border-radius:24px;cursor:pointer;display:flex;gap:10px;padding:4px 10px 4px 4px;transition:background .15s ease}.tb-user-trigger:hover{background:#f1f5f9;border-color:#e2e8f0;border-color:var(--border)}.tb-ava{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.tb-user-info-desktop{display:flex;flex-direction:column}.tb-uname{color:#0f172a;color:var(--text);font-size:13px;font-weight:700}.tb-urole{color:#64748b;color:var(--muted);font-size:11px;text-transform:capitalize}.page{background:#f8fafc;background:var(--bg);display:flex;flex-direction:column;gap:20px}.stats-row{grid-gap:16px;gap:16px}.stat{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0f172a0a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:20px 22px;position:relative;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.stat:hover{box-shadow:0 10px 30px #0f172a14;box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.s-blue:before{background:#2563eb;background:var(--blue)}.s-green:before{background:#16a34a;background:var(--green)}.s-amber:before{background:#d97706;background:var(--orange)}.s-purple:before{background:#7c3aed;background:var(--purple)}.sl{color:#64748b;color:var(--muted);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}.sl,.sv{font-weight:800}.sv{color:#0f172a;color:var(--text);font-size:32px;letter-spacing:-.03em;line-height:1.1}.sm{color:#64748b;color:var(--muted);font-size:12px}.card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0f172a0a;box-shadow:var(--shadow-sm);overflow:hidden}.card-hd{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:20px 24px}.card-hd h3{color:#0f172a;color:var(--text);font-size:16px;font-weight:800;margin:0 0 2px}.sub{color:#64748b;color:var(--muted);font-size:13px}.card-hd-right{flex-wrap:wrap;gap:10px}.card-hd-right,.dt-search-wrap{align-items:center;display:flex}.dt-search-wrap{position:relative}.dt-search-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute}.dt-search{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text);font-size:13.5px;min-height:40px;outline:none;padding:8px 30px 8px 34px;transition:all .15s ease;width:220px}.dt-search:focus{border-color:#2563eb;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.dt-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;position:absolute;right:8px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}table{border-collapse:collapse;min-width:680px;width:100%}thead{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}th{color:#64748b;color:var(--muted);font-size:11.5px;font-weight:800;letter-spacing:.05em;padding:14px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}th.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}td,th.th-sort:hover{color:#0f172a;color:var(--text)}td{border-bottom:1px solid #f1f5f9;font-size:13.5px;padding:14px 20px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .12s ease}tbody tr:hover{background:#f8fafc}.td-id{color:#2563eb;color:var(--blue);font-weight:700}.td-name{color:var(--text)}.td-empty,.td-loading{color:#64748b;color:var(--muted);padding:40px;text-align:center}.pill{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;text-align:center;white-space:nowrap}.p-ongoing{background:#dbeafe;color:#1d4ed8}.p-pending{background:#fef3c7;color:#b45309}.p-completed{background:#dcfce7;color:#15803d}.p-hold{background:#ede9fe;color:#6d28d9}.p-revisit{background:#e0f2fe;color:#0369a1}.p-draft{background:#f3e8ff;color:#7e22ce}.action-btns-row{align-items:center;display:flex;gap:8px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.btn-blue{background:#2563eb;background:var(--blue);box-shadow:0 4px 12px #2563eb40;color:#fff}.btn-blue:hover{background:#1d4ed8;background:var(--blue-hover);box-shadow:0 6px 16px #2563eb59;transform:translateY(-1px)}.btn-outline{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);color:#334155}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-xs{font-size:12px;padding:6px 12px}.dt-pagination{background:#fafafa;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;justify-content:flex-end;padding:14px 24px}.dt-pagination,.dt-rpp{align-items:center;display:flex}.dt-rpp{color:#64748b;color:var(--muted);font-size:13px;gap:8px}.dt-rpp select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;font-size:13px;outline:none;padding:6px 12px}.dt-info{color:#64748b;color:var(--muted);font-size:13px}.dt-nav{display:flex;gap:4px}.pg-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.pg-btn:hover:not(:disabled){background:#f1f5f9;color:#0f172a;color:var(--text)}.pg-btn:disabled{cursor:not-allowed;opacity:.4}@media (min-width:1025px){.tb-desktop-toggle,.tb-user-info-desktop{display:flex}.sb-close-btn{display:none}}@media (max-width:1024px){.main,body[data-sidebar-collapsed=true] .main{margin-left:0}.sidebar,.sidebar.collapsed{box-shadow:10px 0 30px #00000026;transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}.sb-close-btn{display:flex}.sb-collapse-btn,.sidebar.collapsed .sb-collapsed-expand-btn,.tb-desktop-toggle{display:none!important}.hamburger{display:flex}.stats-row{grid-template-columns:repeat(2,1fr)}.page{padding:18px}}@media (max-width:768px){.topbar{padding:0 16px}.tb-chip{font-size:11.5px;padding:4px 10px}.tb-user-info-desktop{display:none}.page{gap:14px;padding:14px}.card-hd,.card-hd-right{align-items:stretch;flex-direction:column}.dt-search,.dt-search-wrap{width:100%}.dt-pagination{justify-content:space-between;padding:12px 14px}.dt-rpp{display:none}}@media (max-width:480px){.stats-row{gap:10px;grid-template-columns:repeat(2,1fr)}.stat{padding:14px}.sv{font-size:24px}.sl{font-size:10px}.tb-chip{display:none}}@keyframes pdfSpin{to{transform:rotate(1turn)}}.pdf-spinner{animation:pdfSpin .6s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;vertical-align:middle;width:14px}.btn-outline .pdf-spinner{border-color:#2563eb #2563eb4d #2563eb4d;border-top-color:var(--blue)}.card-ft{background:#f8fafc;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#64748b;color:var(--muted);font-size:12.5px;font-weight:500;padding:12px 24px;text-align:center}.td-spinner{animation:pdfSpin .6s linear infinite;border:2.5px solid #e2e8f0;border-top-color:#2563eb;border:2.5px solid var(--border);border-radius:50%;border-top-color:var(--blue);display:inline-block;height:18px;margin-right:8px;vertical-align:middle;width:18px}.notif-banner{align-items:center;animation:fadeInBanner .4s ease;background:linear-gradient(135deg,#eff6ff,#faf5ff);border:1px solid #dbeafe;border-radius:14px;box-shadow:0 2px 8px #2563eb14;color:#1e40af;display:flex;font-size:13.5px;font-weight:600;gap:8px;padding:14px 20px}@keyframes fadeInBanner{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.btn-sm{border-radius:10px;font-size:13px;font-weight:700;padding:8px 18px}.btn-pdf{gap:5px}.btn-pdf svg{flex-shrink:0}.sort-icon{font-size:11px;margin-left:4px}.sort-off{opacity:.35}.sort-on{color:#2563eb;color:var(--blue);opacity:1}.btn:disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.jd-overlay{background:#11182773;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease;z-index:200}.jd-overlay.jd-open{opacity:1;pointer-events:auto}.jd-drawer{background:#f5f5f5;bottom:0;box-shadow:none;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;height:100dvh;left:0;position:fixed;right:0;top:0;transform:translateX(100vw);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;visibility:hidden;width:100%;z-index:201}.jd-drawer.jd-open{transform:translateX(0);visibility:visible}.jd-page-container{background:#f5f5f5;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100%;width:100%}.jd-drawer *,.jd-lightbox *,.jd-page-container *{box-sizing:border-box}.jd-drawer ::-webkit-scrollbar,.jd-page-container ::-webkit-scrollbar{height:5px;width:5px}.jd-drawer ::-webkit-scrollbar-thumb,.jd-page-container ::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.jd-drawer ::-webkit-scrollbar-track,.jd-page-container ::-webkit-scrollbar-track{background:#0000}.jd-drawer,.jd-page-container{scrollbar-color:#d1d5db #0000;scrollbar-width:thin}.jd-drawer a:focus-visible,.jd-drawer button:focus-visible,.jd-drawer input:focus-visible,.jd-drawer select:focus-visible,.jd-page-container a:focus-visible,.jd-page-container button:focus-visible,.jd-page-container input:focus-visible,.jd-page-container select:focus-visible{outline:2px solid #5b4cf5;outline-offset:1px}.jd-drawer-topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:12px 24px}.jd-drawer-crumb{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jd-drawer-crumb .jd-crumb-current{color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis}.jd-drawer-close{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:6px 12px}.jd-drawer-close:hover{background:#f9fafb}.jd-drawer-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:20px 24px}.jd-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden}.jd-card-header{border-bottom:1px solid #f3f4f6;padding:20px}.jd-card-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.jd-card-title{color:#1f2937;font-size:15px;font-weight:600;margin:0}.jd-card-subtitle{color:#9ca3af;font-size:12px;margin-top:2px}.jd-card-body{padding:20px}.jd-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize}.jd-badge-ongoing{background:#dbeafe;color:#1d4ed8}.jd-badge-completed{background:#d1fae5;color:#065f46}.jd-badge-pending{background:#fef3c7;color:#92400e}.jd-badge-hold{background:#fee2e2;color:#991b1b}.jd-badge-revisit{background:#f3e8ff;color:#6b21a8}.jd-input,.jd-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:12px;outline:none;padding:5px 9px;width:100%}.jd-input:focus,.jd-select:focus{border-color:#5b4cf5;box-shadow:0 0 0 2px #5b4cf514}.jd-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px}.jd-site-select{min-width:150px}.jd-input:disabled,.jd-select:disabled{background:#f9fafb;color:#9ca3af}.jd-summary-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px}.jd-summary-fields{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.jd-summary-divider{background:#e5e7eb;height:40px;width:1px}.jd-summary-label{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.jd-summary-value-id{color:#5b4cf5;font-size:22px;font-weight:700}.jd-summary-value{color:#374151;font-size:14px}.jd-summary-value-strong{color:#1f2937;font-size:15px;font-weight:600}.jd-summary-actions{align-items:center;display:flex;gap:8px}.jd-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px}.jd-btn-outline{background:#fff;border-color:#e5e7eb;color:#6b7280}.jd-btn-outline:hover{background:#f9fafb}.jd-btn-primary{background:#4f46e5;color:#fff;font-weight:600}.jd-btn-primary:hover{background:#4338ca}.jd-btn:disabled{cursor:not-allowed;opacity:.6}.jd-tabs{-webkit-overflow-scrolling:touch;border-top:1px solid #f3f4f6;display:flex;overflow-x:auto;padding:0 20px}.jd-tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 18px;white-space:nowrap}.jd-tab-btn:hover{color:#111827}.jd-tab-btn.jd-active{border-bottom-color:#5b4cf5;color:#5b4cf5}.jd-tab-panel{display:none}.jd-tab-panel.jd-active{display:block}.jd-notice{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:12px;gap:8px;margin-bottom:12px;padding:12px 16px}.jd-notice-icon{flex-shrink:0;margin-top:1px}.jd-article-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px;overflow:hidden}.jd-article-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:11px 16px}.jd-article-header:hover{background:#f3f4f6}.jd-article-header-left{align-items:center;display:flex;gap:12px;min-width:0}.jd-article-header-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.jd-article-body{display:none}.jd-article-body.jd-open{display:block}.jd-article-num{align-items:center;background:#eef2ff;border-radius:999px;color:#5b4cf5;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.jd-article-title{color:#1f2937;font-size:14px;font-weight:600}.jd-article-meta{color:#9ca3af;font-size:12px;margin-left:8px}.jd-article-status{border-radius:999px;font-size:11px;font-weight:500;padding:2px 8px;white-space:nowrap}.jd-article-materials-preview{color:#9ca3af;font-size:12px;white-space:nowrap}.jd-status-progress{background:#d1fae5;color:#16a34a}.jd-status-notstarted{background:#fef3c7;color:#d97706}.jd-status-completed{background:#d1fae5;color:#065f46}.jd-chevron{color:#9ca3af;flex-shrink:0;transition:transform .2s}.jd-chevron.jd-open{transform:rotate(180deg)}.jd-info-table-wrap{border-bottom:1px solid #f3f4f6;overflow-x:auto}.jd-info-table{border-collapse:collapse;font-size:12px;width:100%}.jd-info-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#9ca3af;font-size:10.5px;font-weight:600;letter-spacing:.04em;padding:7px 12px;text-transform:uppercase;white-space:nowrap}.jd-info-table td{border-bottom:1px solid #f3f4f6;padding:9px 12px;vertical-align:middle}.jd-info-table tr:last-child td{border-bottom:none}.jd-mat-col{border-left:1.5px solid #e5e7eb}.jd-info-subhead{background:#f9fafb}.jd-subhead-cell{font-size:10px}.jd-info-code{color:#5b4cf5;font-weight:500}.jd-info-muted{color:#6b7280}.jd-info-desc{color:#6b7280;font-size:11px;max-width:150px}.jd-info-esttime{color:#374151;font-weight:500}.jd-info-matcode{font-weight:600}.jd-info-photo-cell{text-align:center}.jd-staff-pill{background:#eef2ff;border-radius:4px;color:#6366f1;font-size:11px;padding:2px 8px;white-space:nowrap}.jd-view-link{background:none;border:none;color:#5b4cf5;cursor:pointer;font-size:12px;font-weight:500;padding:0}.jd-view-link:hover{text-decoration:underline}.jd-activity-hd{padding:16px 16px 12px}.jd-activity-hd-inner{align-items:center;display:flex;gap:8px}.jd-activity-hd-line{background:#fde68a;flex:1 1;height:1px}.jd-activity-hd-tag{background:#fffbeb;border:1px solid #fde68a;border-radius:999px;color:#92400e;font-size:11px;font-weight:600;padding:2px 12px;white-space:nowrap}.jd-act-wrap{overflow-x:auto;padding:0 16px 16px}.jd-act-table{border-collapse:collapse}.jd-act-table th{background:#fffbeb;border-bottom:1px solid #fde68a;color:#92400e;font-size:10.5px;font-weight:600;padding:8px 12px}.jd-act-table td{border-bottom:1px solid #f3f4f6;padding:8px 12px}.jd-act-table tr:last-child td{border-bottom:none}.jd-row-fixed td{background:#f0fdf4}.jd-row-fixed .jd-row-label{color:#065f46;font-size:12.5px;font-weight:600}.jd-row-photo td{background:#eef2ff}.jd-row-photo .jd-row-label{color:#4338ca;font-size:12.5px;font-weight:600}.jd-row-site td{background:#fafafa}.jd-sno{color:#9ca3af;font-size:11px;font-weight:700;text-align:center;width:36px}.jd-sno-fixed{color:#16a34a}.jd-sno-photo{color:#4338ca}.jd-sno-site{color:#9ca3af}.jd-mgr-cell{align-items:center;display:flex;gap:4px}.jd-st-badge{display:inline-block;font-size:10.5px;padding:2px 9px;white-space:nowrap}.jd-st-pending{background:#f3f4f6;color:#6b7280}.jd-st-progress{background:#dbeafe;color:#1d4ed8}.jd-st-done{background:#d1fae5;color:#047857}.jd-fs-chip{border-radius:5px;display:inline-block;font-size:11px;padding:2px 8px;white-space:nowrap}.jd-fs-teamlevel{color:#9ca3af;font-size:10.5px;font-style:italic;white-space:nowrap}.jd-fs-empty{color:#d1d5db;font-size:11px}.jd-photo-row-inner{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.jd-photo-date{flex-shrink:0;width:165px}.jd-photo-date-sep,.jd-photo-row-hint{color:#9ca3af;font-size:12px}.jd-upload-wrap{align-items:center;display:inline-flex;flex-shrink:0;gap:10px;min-height:44px;position:relative}.jd-upload-wrap-sm{width:44px}.jd-upload-wrap input[type=file]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:2}.jd-upload-box{align-items:center;background:#eef2ff;border:1.5px dashed #a5b4fc;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;transition:all .15s;width:44px}.jd-upload-box:hover{background:#e0e7ff;border-color:#5b4cf5}.jd-upload-box img{border-radius:6px;height:100%;object-fit:cover;width:100%}.jd-upload-box.jd-has-img{border-color:#6366f1;border-style:solid}.jd-upload-box.jd-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.jd-upload-hint{color:#64748b;font-size:.78rem;font-weight:500;line-height:1.3;max-width:140px}.jd-photo-remove-btn{align-items:center;background-color:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:-6px;top:-6px;transition:transform .15s,background-color .15s;width:20px;z-index:10}.jd-photo-remove-btn:hover{background-color:#dc2626;transform:scale(1.1)}.jd-add-row td{padding:8px 12px!important}.jd-add-site-btn{background:#f5f3ff;border:none;border-radius:6px;color:#5b4cf5;display:flex;font-size:12px;font-weight:500;padding:6px 12px}.jd-add-site-btn:hover{background:#ede9fe}.jd-remove-row-btn{background:none;border:none;color:#d1d5db;cursor:pointer;display:inline-flex;flex-shrink:0}.jd-remove-row-btn:hover{color:#f87171}.jd-save-row{display:flex;justify-content:flex-end;margin-top:12px}.jd-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.jd-table{border-collapse:collapse;font-size:13px;width:100%}.jd-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.jd-table td{border-bottom:1px solid #f3f4f6;padding:12px 14px;vertical-align:middle}.jd-table tbody tr:last-child td{border-bottom:none}.jd-sno-plain{color:#9ca3af;font-size:13px}.jd-material-cell{color:#1f2937;font-weight:600}.jd-extra-material-field{align-items:center;display:flex;gap:6px}.jd-issued-cell{color:#374151;font-weight:500}.jd-unit-badge{color:#f59e0b;font-size:13px;font-weight:600}.jd-remarks-field{align-items:center;display:flex;gap:4px}.jd-extra-tag{background:#fef3c7;border-radius:4px;color:#b45309;font-size:10px;font-weight:600;padding:2px 6px}.jd-return-wrap{position:relative}.jd-override-icon{color:#f59e0b;font-size:11px;font-weight:700;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.jd-hint{color:#9ca3af;font-size:11px;margin-top:2px}.jd-balance{color:#9ca3af;font-size:13px;font-weight:500}.jd-balance-neg{color:#ef4444;font-weight:600}.jd-balance-zero{color:#16a34a;font-weight:600}.jd-balance-pos{color:#1f2937;font-weight:600}.jd-add-material-btn{background:none;border:1px dashed #c7d2fe;border-radius:8px;color:#6366f1;cursor:pointer;font-size:13px;font-weight:500;margin-top:12px;padding:8px;width:100%}.jd-add-material-btn:hover{background:#eef2ff}.jd-photo-counter{border-radius:6px;flex-shrink:0;font-size:11px;padding:4px 8px}.jd-photo-counter,.jd-photo-sno{background:#f3f4f6;color:#6b7280}.jd-photo-sno{align-items:center;border-radius:999px;display:flex;font-size:12px;font-weight:500;height:28px;justify-content:center;width:28px}.jd-photo-article-name{color:#374151;font-weight:500}.jd-photo-gallery{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.jd-pthumb{border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;height:44px;overflow:hidden;position:relative;width:44px}.jd-pthumb img{display:block;height:100%;object-fit:cover;width:100%}.jd-pt-actions{align-items:center;background:#1118278c;display:none;gap:3px;inset:0;justify-content:center;position:absolute}.jd-pthumb:focus-within .jd-pt-actions,.jd-pthumb:hover .jd-pt-actions{display:flex}.jd-pt-actions a,.jd-pt-actions button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;line-height:1;padding:3px;text-decoration:none}.jd-pt-actions a:hover,.jd-pt-actions button:hover{background:#ffffff40}.jd-lightbox{align-items:center;background:#000000d9;display:none;inset:0;justify-content:center;position:fixed;z-index:300}.jd-lightbox.jd-open{display:flex}.jd-lightbox img{border-radius:12px;box-shadow:0 0 60px #00000080;max-height:90vh;max-width:90vw}.jd-lightbox-close{background:none;border:none;color:#fff;cursor:pointer;font-size:28px;line-height:1;position:absolute;right:24px;top:20px}.jd-lightbox-actions{bottom:24px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.jd-lightbox-actions a{background:#ffffff26;border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:8px 18px;text-decoration:none}.jd-lightbox-actions a:hover{background:#ffffff4d}.jd-state-wrap{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:13px;gap:10px;justify-content:center;padding:80px 20px}.jd-state-wrap-inline{padding:40px 20px}.jd-spinner-lg{animation:jd-spin .7s linear infinite;border:3px solid #e5e7eb;border-radius:999px;border-top-color:#5b4cf5;height:28px;width:28px}@keyframes jd-spin{to{transform:rotate(1turn)}}.jd-retry-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4f46e5;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px}@media (max-width:1024px){.jd-drawer{width:100vw}.jd-drawer-body{padding:18px}}@media (max-width:768px){.jd-summary-divider{display:none}.jd-summary-row{align-items:stretch;flex-direction:column;gap:14px;padding:16px}.jd-summary-fields{flex-wrap:wrap;gap:12px}.jd-summary-actions{justify-content:flex-end;width:100%}.jd-tabs{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.jd-tab-btn{flex-shrink:0;white-space:nowrap}}@media (max-width:640px){.jd-drawer-topbar{padding:10px 14px}.jd-drawer-body{padding:10px}.jd-card-body,.jd-card-header{padding:12px}.jd-summary-row{gap:10px;padding:12px}.jd-tabs{gap:4px;padding:0 10px}.jd-tab-btn{font-size:12px;padding:8px 10px}.jd-article-header{padding:10px 12px}.jd-article-meta{display:block;margin-left:0;margin-top:2px}.jd-activity-hd{padding:10px}.jd-act-wrap{padding:0 10px 10px}}@media (max-width:420px){.jd-summary-value-id{font-size:18px}.jd-article-materials-preview{display:none}}.jd-drawer{max-width:100vw;width:100vw}.jd-drawer-body{padding:20px}.jd-ov-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 10px #00000008;display:flex;flex-direction:column;gap:14px;margin-bottom:16px;padding:18px}.jd-ov-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}@media (max-width:1100px){.jd-ov-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.jd-ov-grid{grid-template-columns:repeat(2,1fr)}}.jd-ov-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.jd-ov-lbl{color:#64748b;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.jd-ov-val{color:#1e293b;font-size:.85rem;font-weight:600}.jd-ov-val.code{color:#4f46e5;font-weight:700}.jd-ov-val.muted{color:#94a3b8}.jd-ov-desc{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:10px 14px}.jd-ov-desc p{color:#334155;font-size:.82rem;line-height:1.5;margin:4px 0 0}.jd-ov-materials{display:flex;flex-direction:column;gap:6px}.jd-mat-chips{display:flex;flex-wrap:wrap;gap:8px}.jd-mat-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:.78rem;padding:4px 10px}.jd-ov-remarks{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:640px){.jd-ov-remarks{grid-template-columns:1fr}}.jd-act-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 6px #00000008;margin-bottom:12px;overflow-x:auto;overflow-y:visible;scrollbar-color:#a5b4fc #0000;scrollbar-width:thin;width:100%}.jd-act-table-wrap::-webkit-scrollbar{height:6px}.jd-act-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.jd-act-table{border-collapse:initial;border-spacing:0;font-size:12.5px;min-width:1380px;table-layout:auto;width:100%}.jd-act-table th{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;color:#475569;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:12px 14px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.jd-act-table td{border-bottom:1px solid #f1f5f9;padding:10px 12px;vertical-align:middle}.jd-act-tr:hover td{background:#f8fafc}.jd-photo-cell-inner{align-items:center;display:flex;gap:10px;white-space:nowrap}.jd-mgr-wrap{align-items:center;display:flex;gap:6px}.jd-mgr-wrap .jd-input{flex:1 1}.jd-add-tr td{background:#fafafa;padding:12px}.jd-act-card-title-wrap{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.jd-act-card-title{color:#0f172a;font-size:.92rem;font-weight:700}.jd-act-card-right{align-items:center;display:flex;gap:10px}.jd-act-card-body{display:flex;flex-direction:column;gap:12px}.jd-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-size:13px;height:38px;min-width:120px;padding:7px 12px;transition:all .15s ease;width:100%}.jd-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.jd-m-lbl{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.03em;margin-bottom:3px;text-transform:uppercase}.jd-m-fg{display:flex;flex-direction:column}.jd-m-dates-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:550px){.jd-m-dates-grid{grid-template-columns:1fr}}.jd-m-remarks-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.jd-m-remarks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:550px){.jd-m-remarks-grid{grid-template-columns:1fr}}.jd-st-badge{border-radius:999px;font-size:11px;min-width:80px;padding:4px 12px}.jd-fs-chip,.jd-st-badge{align-items:center;display:inline-flex;font-weight:600;justify-content:center}.jd-fs-chip{background:#eef2ff;border-radius:6px;color:#4338ca;min-width:85px;padding:4px 10px}.jd-save-bar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px;padding:14px 20px}.jd-save-hint{color:#64748b;font-size:.8rem;font-weight:500}.jd-add-site-btn{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;color:#4f46e5;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease}.jd-add-site-btn:hover{background:#e0e7ff;color:#3730a3}.page{background:#f7f8fc;box-sizing:border-box;min-height:calc(100vh - 64px);padding:24px}.um-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.um-title{color:#0f172a;font-size:22px;font-weight:700;margin:0 0 4px}.um-subtitle{color:#64748b;font-size:13px;margin:0}.add-btn{align-items:center;background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:42px;padding:10px 18px;transition:background .15s ease;white-space:nowrap}.add-btn:hover{background:#1d4ed8}.stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000008;display:flex;justify-content:space-between;padding:16px}.stat-val{color:#0f172a;font-size:24px;font-weight:800}.stat-lbl{color:#64748b;font-size:12px;font-weight:500}.stat-green .stat-val{color:#16a34a}.stat-red .stat-val{color:#dc2626}.stat-blue .stat-val{color:#2563eb}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-wrap{flex:1 1;min-width:240px;position:relative}.search-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:13.5px;min-height:42px;outline:none;padding:10px 14px 10px 36px;width:100%}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-svg{color:#9ca3af;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-selects{display:flex;flex-wrap:wrap;gap:10px}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#334155;cursor:pointer;font-size:13.5px;min-height:42px;outline:none;padding:10px 14px}.filter-select:focus{border-color:#2563eb}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px #0000000a;overflow:hidden}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.um-table{border-collapse:collapse;min-width:720px;width:100%}.um-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.um-table th{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.04em;text-align:left;text-transform:uppercase}.um-table td,.um-table th{padding:14px 16px;white-space:nowrap}.um-table td{border-top:1px solid #f1f5f9;color:#0f172a;font-size:13.5px;vertical-align:middle}.um-table tr:hover{background:#f8fafc}.name-cell{gap:12px}.avatar,.name-cell{align-items:center;display:flex}.avatar{background:#dbeafe;border-radius:50%;color:#1d4ed8;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.td-name{color:#0f172a;font-weight:600}.td-email{color:#2563eb;text-decoration:none}.td-muted{color:#64748b}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.badge-blue{background:#dbeafe;color:#1e40af}.badge-gray{background:#f1f5f9;color:#475569}.badge-green{background:#dcfce7;color:#15803d}.badge-red{background:#fee2e2;color:#dc2626}.action-btns{align-items:center;display:flex;gap:8px}.btn-activate,.btn-deactivate,.btn-delete,.btn-edit{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:600;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.btn-edit{background:#fff;border-color:#e5e7eb;color:#334155}.btn-edit:hover{background:#f8fafc}.btn-danger,.btn-deactivate{background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-danger:hover,.btn-deactivate:hover{background:#fee2e2}.btn-activate,.btn-success{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.btn-activate:hover,.btn-success:hover{background:#dcfce7}.pagination{align-items:center;background:#fafafa;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px 16px}@media (max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.page{padding:14px}.um-header{align-items:stretch;flex-direction:column}.add-btn{width:100%}.filters-bar{align-items:stretch;flex-direction:column}.filter-selects,.search-wrap{width:100%}.filter-select{flex:1 1}.stats-row{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.stats-row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0353d1ee.css.map*/