:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.admin-theme.blue-theme{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--sidebar-bg:#0f172a;--sidebar-secondary:#1e293b;--sidebar-border:#ffffff14;--layout-bg:#f5f7fb;--card-bg:#fff;--page-bg:#f5f7fb;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--success-color:#10b981;--danger-color:#ef4444;--input-bg:#fff;--shadow-color:#00000014;--nav-hover:#ffffff14;--nav-active:#6366f12e;--sidebar-text-primary:#fff;--sidebar-text-secondary:#ffffffb3;--sidebar-text-muted:#ffffff80;--toggle-btn-bg:#fff;--toggle-btn-border:#6366f1;--toggle-btn-color:#6366f1;--toggle-btn-hover-bg:#6366f1;--toggle-btn-hover-color:#fff}.admin-theme.green-theme{--primary-color:#43a047;--primary-hover:#2e7d32;--primary-gradient:linear-gradient(135deg, #43a047 0%, #2e7d32 100%);--sidebar-bg:#1b4332;--sidebar-secondary:#2d6a4f;--sidebar-border:#ffffff14;--layout-bg:#f6fbf7;--card-bg:#fff;--page-bg:#f6fbf7;--text-primary:#1b4332;--text-secondary:#52796f;--border-color:#d8f3dc;--success-color:#2d6a4f;--danger-color:#dc2626;--input-bg:#fff;--shadow-color:#43a04714;--nav-hover:#ffffff14;--nav-active:#43a04740;--sidebar-text-primary:#fff;--sidebar-text-secondary:#ffffffb3;--sidebar-text-muted:#ffffff80;--toggle-btn-bg:#fff;--toggle-btn-border:#43a047;--toggle-btn-color:#43a047;--toggle-btn-hover-bg:#43a047;--toggle-btn-hover-color:#fff}.admin-theme.dark-theme{--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-gradient:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--sidebar-bg:#020617;--sidebar-secondary:#0f172a;--sidebar-border:#ffffff14;--layout-bg:#0f172a;--card-bg:#1e293b;--page-bg:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--success-color:#10b981;--danger-color:#ef4444;--input-bg:#1e293b;--shadow-color:#0006;--nav-hover:#ffffff14;--nav-active:#3b82f640;--sidebar-text-primary:#fff;--sidebar-text-secondary:#ffffffb3;--sidebar-text-muted:#ffffff80;--toggle-btn-bg:#1e293b;--toggle-btn-border:#3b82f6;--toggle-btn-color:#3b82f6;--toggle-btn-hover-bg:#3b82f6;--toggle-btn-hover-color:#fff}.login-page{background:var(--layout-bg,#f5f7fa);justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex;position:fixed;inset:0}.login-container{width:100%;max-width:420px;padding:20px}.login-card{background:var(--card-bg,#fff);box-shadow:0 4px 24px var(--shadow-color,#00000014);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:40px 32px;transition:all .3s}.login-header{text-align:center;margin-bottom:32px}.login-logo{justify-content:center;margin-bottom:16px;display:flex}.login-logo-image{object-fit:contain;width:64px;height:64px;transition:transform .3s;display:block}.login-logo-image:hover{transform:scale(1.05)}.login-header h1{color:var(--text-primary,#1f2d3d);margin-bottom:8px;font-size:24px;font-weight:600}.login-header p{color:var(--text-secondary,#6c7a91);font-size:14px}.error-message{color:var(--danger-color,#dc2626);background:#ef444414;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 12px;font-size:13px;display:flex}.error-message svg{flex-shrink:0}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon{pointer-events:none;z-index:2;flex-shrink:0;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form-group input{border:1px solid var(--border-color,#dce1e8);background:var(--input-bg,#fff);width:100%;height:44px;color:var(--text-primary,#1f2d3d);box-sizing:border-box;border-radius:8px;outline:none;font-family:inherit;font-size:14px;transition:all .2s;padding:0 44px 0 42px!important}.form-group input:focus{border-color:var(--primary-color,#5c7cba);box-shadow:0 0 0 3px #5c7cba1a}.form-group input::placeholder{color:var(--text-secondary,#9aa6b5)}.password-toggle{cursor:pointer;z-index:2;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:8px;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{background:var(--nav-hover,#f0f2f5)}.password-toggle svg{flex-shrink:0;width:18px;height:18px;display:block}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.form-options{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.remember-me{color:var(--text-secondary,#6c7a91);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color,#5c7cba);cursor:pointer}.forgot-link{color:var(--primary-color,#5c7cba);font-size:13px;text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--primary-hover,#4a6aa8);text-decoration:underline}.login-button{background:var(--primary-gradient,#5c7cba);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #5c7cba4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button.loading{background:var(--primary-color,#5c7cba)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;color:var(--text-secondary,#6c7a91);border-top:1px solid var(--border-color,#e2e8f0);margin-top:24px;padding-top:20px;font-size:12px}.dark-theme .login-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .login-header h1{color:var(--text-primary,#f8fafc)}.dark-theme .login-header p{color:var(--text-secondary,#94a3b8)}.dark-theme .form-group input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .form-group input:focus{border-color:var(--primary-color,#3b82f6)}.dark-theme .form-group input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .remember-me{color:var(--text-secondary,#94a3b8)}.dark-theme .login-footer{color:var(--text-secondary,#94a3b8);border-color:var(--border-color,#334155)}.dark-theme .error-message{background:#ef44441f;border-color:#ef44444d}.dark-theme .password-toggle:hover{background:var(--nav-hover,#334155)}@media (width<=480px){.login-card{padding:32px 20px}.login-header h1{font-size:20px}.login-logo-image{width:56px;height:56px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}.login-button{height:48px;font-size:15px}}body{margin:0;padding:0;overflow-x:hidden}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.sidebar{background:var(--sidebar-bg,#f8f8f8);border-right:1px solid var(--sidebar-border,#e5e7eb);z-index:1000;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .3s,transform .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-closed{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--sidebar-border,#ececec);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{background:var(--primary-color,#2490ef);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-icon svg{stroke:#fff}.logo-text{color:var(--sidebar-text-primary,#111827);font-size:16px;font-weight:600}.logo-highlight{color:var(--sidebar-text-secondary,#6b7280);font-weight:400}.mobile-close-btn{color:var(--sidebar-text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:24px;display:none}.sidebar-top{flex-direction:column;flex-shrink:0;gap:2px;padding:10px 12px 6px;display:flex}.search-row{background:var(--sidebar-secondary,white);border:.5px solid var(--sidebar-border,#e5e7eb);border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;display:flex}.search-icon{flex-shrink:0}.sidebar-search{color:var(--sidebar-text-primary,#374151);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.sidebar-search::placeholder{color:var(--sidebar-text-secondary,#9ca3af)}.search-shortcut{color:var(--sidebar-text-secondary,#9ca3af);white-space:nowrap;font-size:11px}.notification-row{align-items:center;gap:8px;padding:6px 4px;display:flex}.notification-label{color:var(--sidebar-text-primary,#374151);flex:1;font-size:13px}.notification-count{color:#fff;background:#ef4444;border-radius:99px;padding:1px 6px;font-size:11px;font-weight:500;line-height:1.6}.sidebar-nav{flex-direction:column;flex:1;min-height:0;padding:4px 8px 8px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0}.nav-category{margin-bottom:4px}.category-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--sidebar-text-primary);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.category-header:hover{background:var(--nav-hover,#efefef)}.category-header-left{align-items:center;gap:10px;display:flex}.category-icon{color:var(--sidebar-text-primary);align-items:center;font-size:16px;display:flex}.category-icon svg{stroke:var(--sidebar-text-primary);color:var(--sidebar-text-primary)}.category-title{font-size:13px;font-weight:500;color:#fff!important}.category-toggle{color:var(--sidebar-text-muted,#9ca3af);transition:transform .2s}.category-toggle svg{stroke:var(--sidebar-text-muted,#9ca3af)}.category-items-wrapper{transition:max-height .3s;overflow:hidden auto}.category-items-wrapper.expanded{max-height:300px}.category-items-wrapper.collapsed{max-height:0}.category-items-wrapper::-webkit-scrollbar{width:3px}.category-items-wrapper::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.category-items-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.category-items-wrapper::-webkit-scrollbar-thumb:hover{background:#0000004d}.category-items{flex-direction:column;gap:2px;padding:4px 0 8px;display:flex}.nav-item{height:36px;color:var(--sidebar-text-secondary,#374151);border-radius:8px;align-items:center;gap:10px;padding:0 10px 0 30px;font-size:13.5px;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--nav-hover,#efefef);color:var(--sidebar-text-primary,#111827)}.nav-item.active{background:var(--nav-active,#e8e8e8);color:var(--sidebar-text-primary,#111827);font-weight:500}.nav-icon{color:var(--sidebar-text-secondary,#6b7280);align-items:center;min-width:20px;font-size:16px;display:flex}.nav-icon svg{stroke:var(--sidebar-text-secondary,#6b7280);color:var(--sidebar-text-secondary,#6b7280)}.nav-item.active .nav-icon svg{stroke:var(--sidebar-text-primary,#374151);color:var(--sidebar-text-primary,#374151)}.nav-item.active .nav-icon{color:var(--sidebar-text-primary,#374151)}.nav-text{flex:1;font-size:13px}.nav-item.single-category-item{margin-bottom:4px;padding:0 10px}.sidebar.minimized .nav-item.single-category-item{justify-content:center;padding:0 4px}@media (width<=768px){.sidebar.minimized .nav-item.single-category-item{justify-content:flex-start;padding:0 10px}}.getting-started-section{margin-top:auto;padding:8px 0}.getting-started-card{background:var(--sidebar-secondary,#f1f5f9);border:.5px solid var(--sidebar-border,#e5e7eb);border-radius:10px;padding:12px}.gs-icon-wrap{background:var(--nav-hover,#ffffff1a);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;display:flex}.gs-icon-wrap svg{stroke:var(--sidebar-text-secondary,#6b7280)}.gs-text{color:var(--sidebar-text-secondary,#6b7280);font-size:12px;line-height:1.45}.sidebar-user{border-top:1px solid var(--sidebar-border,#ececec);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.user-avatar{color:#92400e;background:#fde68a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--sidebar-text-primary,#111827);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.user-email{color:var(--sidebar-text-secondary,#9ca3af);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar.minimized{width:72px}.sidebar.minimized .logo-text,.sidebar.minimized .logo-highlight,.sidebar.minimized .category-title,.sidebar.minimized .nav-text,.sidebar.minimized .search-row,.sidebar.minimized .notification-label,.sidebar.minimized .notification-count,.sidebar.minimized .category-toggle,.sidebar.minimized .gs-text,.sidebar.minimized .user-name,.sidebar.minimized .user-email,.sidebar.minimized .search-shortcut{display:none}.sidebar.minimized .sidebar-header{justify-content:center;padding:14px 8px 12px}.sidebar.minimized .logo{gap:0}.sidebar.minimized .category-header{justify-content:center;padding:8px 4px}.sidebar.minimized .category-header-left{gap:0}.sidebar.minimized .nav-item{justify-content:center;min-width:60px;padding:0 4px}.sidebar.minimized .nav-icon{min-width:28px}.sidebar.minimized .sidebar-nav{padding:4px 4px 8px}.sidebar.minimized .getting-started-card{flex-direction:column;align-items:center;padding:8px;display:flex}.sidebar.minimized .gs-icon-wrap{margin-bottom:0}.sidebar.minimized .sidebar-user{justify-content:center;padding:10px 8px}.sidebar.minimized .user-avatar{width:28px;height:28px;font-size:10px}.sidebar.minimized .category-items-wrapper.expanded{max-height:250px}.sidebar.minimized .nav-item .nav-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1002;background:#1f2937;border-radius:6px;flex-direction:column;align-items:flex-start;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.4;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}.sidebar.minimized .nav-item .nav-tooltip:before{content:"";border:6px solid #0000;border-right-color:#1f2937;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.sidebar.minimized .nav-item:hover .nav-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(4px)}.sidebar.minimized .nav-item .nav-tooltip .tooltip-shortcut{color:#fff9;margin-top:2px;font-size:10px;font-weight:400}.dark-theme .sidebar.minimized .nav-item .nav-tooltip{background:#0f172a}.dark-theme .sidebar.minimized .nav-item .nav-tooltip:before{border-right-color:#0f172a}.sidebar-toggle-btn{border:1px solid var(--sidebar-border,#e5e7eb);background:var(--card-bg,#fff);width:28px;height:48px;color:var(--text-secondary,#6b7280);cursor:pointer;z-index:1001;border-left:none;border-radius:0 8px 8px 0;outline:none;justify-content:center;align-items:center;margin:0;padding:0;transition:left .3s cubic-bezier(.4,0,.2,1),background .2s,box-shadow .2s;display:flex;position:fixed;top:50%;left:260px;transform:translateY(-50%);box-shadow:2px 0 12px #00000014}.sidebar-toggle-btn:hover{background:var(--primary-color,#2490ef);color:#fff;border-color:var(--primary-color,#2490ef);box-shadow:2px 0 20px #2490ef4d}.sidebar-toggle-btn:hover svg{stroke:#fff}.sidebar-toggle-btn svg{stroke:currentColor;stroke-width:2.5px;width:16px;height:16px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.sidebar.minimized~.sidebar-toggle-btn,body .sidebar.minimized+.sidebar-toggle-btn,.sidebar.minimized .sidebar-toggle-btn{left:72px}.sidebar.minimized .sidebar-toggle-btn svg{transform:rotate(180deg)}.sidebar.minimized .sidebar-toggle-btn{background:var(--primary-color,#2490ef);border-color:var(--primary-color,#2490ef);color:#fff;box-shadow:2px 0 20px #2490ef4d}.sidebar.minimized .sidebar-toggle-btn:hover{background:var(--primary-hover,#1a7bc4);border-color:var(--primary-hover,#1a7bc4);transform:translateY(-50%)scale(1.05)}.sidebar-toggle-btn .toggle-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#1f2937;border-radius:4px;padding:4px 10px;font-size:12px;transition:opacity .2s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.sidebar-toggle-btn .toggle-tooltip:before{content:"";border:5px solid #0000;border-right-color:#1f2937;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.sidebar-toggle-btn:hover .toggle-tooltip{opacity:1}.blue-theme .sidebar-toggle-btn{color:#6366f1;background:#fff;border-color:#6366f1}.blue-theme .sidebar-toggle-btn:hover,.blue-theme .sidebar.minimized .sidebar-toggle-btn,.blue-theme .sidebar.minimized~.sidebar-toggle-btn{color:#fff;background:#6366f1;border-color:#6366f1}.blue-theme .sidebar.minimized .sidebar-toggle-btn:hover,.blue-theme .sidebar.minimized~.sidebar-toggle-btn:hover{background:#4f46e5;border-color:#4f46e5}.green-theme .sidebar-toggle-btn{color:#43a047;background:#fff;border-color:#43a047}.green-theme .sidebar-toggle-btn:hover,.green-theme .sidebar.minimized .sidebar-toggle-btn,.green-theme .sidebar.minimized~.sidebar-toggle-btn{color:#fff;background:#43a047;border-color:#43a047}.green-theme .sidebar.minimized .sidebar-toggle-btn:hover,.green-theme .sidebar.minimized~.sidebar-toggle-btn:hover{background:#2e7d32;border-color:#2e7d32}.dark-theme .sidebar-toggle-btn{color:#3b82f6;background:#1e293b;border-color:#3b82f6}.dark-theme .sidebar-toggle-btn:hover,.dark-theme .sidebar.minimized .sidebar-toggle-btn,.dark-theme .sidebar.minimized~.sidebar-toggle-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}.dark-theme .sidebar.minimized .sidebar-toggle-btn:hover,.dark-theme .sidebar.minimized~.sidebar-toggle-btn:hover{background:#2563eb;border-color:#2563eb}.dark-theme .sidebar-toggle-btn .toggle-tooltip{background:#0f172a}.dark-theme .sidebar-toggle-btn .toggle-tooltip:before{border-right-color:#0f172a}@media (width<=768px){.sidebar{width:280px}.sidebar-overlay,.mobile-close-btn{display:block}.sidebar.minimized{width:280px}.sidebar.minimized .logo-text,.sidebar.minimized .logo-highlight,.sidebar.minimized .category-title,.sidebar.minimized .nav-text,.sidebar.minimized .search-row,.sidebar.minimized .notification-label,.sidebar.minimized .notification-count,.sidebar.minimized .category-toggle,.sidebar.minimized .gs-text,.sidebar.minimized .user-name,.sidebar.minimized .user-email,.sidebar.minimized .search-shortcut{display:flex}.sidebar.minimized .sidebar-header{justify-content:space-between;padding:14px 16px 12px}.sidebar.minimized .logo{gap:10px}.sidebar.minimized .category-header{justify-content:space-between;padding:8px 10px}.sidebar.minimized .category-header-left{gap:10px}.sidebar.minimized .nav-item{justify-content:flex-start;min-width:auto;padding:0 10px 0 30px}.sidebar.minimized .nav-icon{min-width:20px}.sidebar.minimized .sidebar-nav{padding:4px 8px 8px}.sidebar.minimized .getting-started-card{flex-direction:column;align-items:flex-start;padding:12px}.sidebar.minimized .gs-icon-wrap{margin-bottom:8px}.sidebar.minimized .sidebar-user{justify-content:flex-start;padding:10px 14px}.sidebar.minimized .user-avatar{width:32px;height:32px;font-size:12px}.sidebar-toggle-btn,.sidebar.minimized .nav-item .nav-tooltip{display:none!important}}@media (width>=769px){.sidebar-closed{transform:translate(0)}.sidebar-overlay{display:none!important}}.module-indicator{color:var(--primary-color);letter-spacing:.3px;background:color-mix(in srgb, var(--primary-color) 15%, transparent);border:1px solid color-mix(in srgb, var(--primary-color) 35%, transparent);border-radius:10px;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.logo-image{object-fit:contain;width:100%;height:100%;display:block}.logo-icon{background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:flex;overflow:hidden}.dark-theme .logo-image{filter:brightness(1.1)}.sidebar.minimized .logo-icon{width:32px;height:32px;padding:3px}.header{background:var(--card-bg,#fff);border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.header-breadcrumb{color:var(--text-secondary,#6b7280);align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb-home-link{color:var(--text-secondary,#6b7280);border-radius:4px;align-items:center;padding:4px;text-decoration:none;transition:color .2s;display:flex}.breadcrumb-home-link:hover{color:var(--text-primary,#111827);background-color:var(--hover-bg,#0000000d)}.breadcrumb-home-link svg{stroke:currentColor}.breadcrumb-sep{color:var(--text-secondary,#d1d5db);-webkit-user-select:none;user-select:none;font-size:14px}.breadcrumb-module-link{color:var(--primary-color,#6366f1);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 4px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s}.breadcrumb-module-link:hover{opacity:.8;background-color:var(--hover-bg,#0000000d)}.breadcrumb-title{color:var(--text-primary,#111827);font-size:18px;font-weight:600}.header-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.header-icon-btn:hover{background:var(--nav-hover,#f3f4f6)}.header-icon-btn svg{stroke:var(--text-secondary,#6b7280)}.dark-theme .header{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .breadcrumb-title{color:var(--text-primary,#f8fafc)}.dark-theme .breadcrumb-module-link{color:var(--primary-color,#3b82f6)}.dark-theme .breadcrumb-sep{color:var(--text-secondary,#64748b)}.dark-theme .header-icon-btn:hover{background:var(--nav-hover,#ffffff14)}.dark-theme .breadcrumb-home-link:hover{color:var(--text-primary,#f8fafc);background-color:var(--hover-bg,#ffffff14)}.dark-theme .breadcrumb-module-link:hover{background-color:var(--hover-bg,#ffffff14)}@media (width<=640px){.header{height:48px;padding:0 12px}.breadcrumb-title{font-size:15px}.breadcrumb-module-link{font-size:11px}.breadcrumb-sep{font-size:12px}}.layout{background:var(--layout-bg,#f9fafb);height:100vh;display:flex;position:relative;overflow:hidden}.main-content{flex-direction:column;flex:1;margin-left:260px;transition:margin-left .3s;display:flex;overflow:hidden}.main-content.sidebar-minimized{margin-left:72px}.page-content{background:var(--page-bg,#f9fafb);flex:1;padding:24px;overflow-y:auto}.page-content h1,.page-content h2,.page-content h3,.page-content h4{color:var(--text-primary,#111827)}.page-content p,.page-content span,.page-content div:not(.settings-card):not(.settings-card-header):not(.settings-card-body){color:var(--text-secondary,#6b7280)}.page-content:has(.sef-shell){background:#fff;padding:0}.page-content::-webkit-scrollbar{width:8px;height:8px}.page-content::-webkit-scrollbar-track{background:var(--border-color,#f1f1f1);border-radius:4px}.page-content::-webkit-scrollbar-thumb{background:var(--primary-color,#c1c1c1);border-radius:4px}.page-content::-webkit-scrollbar-thumb:hover{background:var(--primary-hover,#a8a8a8)}@media (width<=768px){.main-content,.main-content.sidebar-minimized{margin-left:0}}.dashboard{background:var(--bg-color,#f1f5f9);min-height:100vh;padding:24px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.header-left h1{color:var(--text-primary,#1e293b);margin:0;font-size:28px;font-weight:700}.header-subtitle{color:var(--text-secondary,#64748b);margin-top:4px;font-size:14px}.header-right{flex-wrap:wrap;gap:12px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-primary{background:var(--primary-color,#3b82f6);color:#fff}.btn-secondary{background:var(--card-bg,#fff);color:var(--text-primary,#1e293b);border:1px solid var(--border-color,#e2e8f0)}.btn-secondary:hover{background:var(--nav-hover,#f8fafc);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--stat-color,#3b82f6);height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.stat-primary{--stat-color:#3b82f6}.stat-success{--stat-color:#22c55e}.stat-warning{--stat-color:#f59e0b}.stat-info{--stat-color:#06b6d4}.stat-danger{--stat-color:#ef4444}.stat-gold{--stat-color:#f59e0b}.stat-icon{color:#fff;background:var(--stat-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.stat-content{flex:1;min-width:0}.stat-title{color:var(--text-secondary,#64748b);margin-bottom:4px;font-size:13px;font-weight:500}.stat-value{color:var(--text-primary,#1e293b);font-size:24px;font-weight:700;line-height:1.2}.stat-trend{color:var(--text-secondary,#94a3b8);text-transform:capitalize;margin-top:2px;font-size:11px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:20px;transition:all .3s}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h3{color:var(--text-primary,#1e293b);margin:0;font-size:16px;font-weight:600}.badge{background:var(--primary-color,#3b82f6);color:#fff;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.view-all{color:var(--primary-color,#3b82f6);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.view-all:hover{gap:8px}.status-distribution{grid-column:span 1}.status-bars{flex-direction:column;gap:12px;display:flex}.status-item{flex-direction:column;gap:4px;display:flex}.status-label{color:var(--text-primary,#1e293b);align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot-draft{background:#94a3b8}.status-dot-open{background:#f59e0b}.status-dot-inProcess{background:#3b82f6}.status-dot-completed{background:#22c55e}.status-dot-stopped,.status-dot-overdue{background:#ef4444}.status-count{margin-left:auto;font-weight:600}.status-bar-track{background:var(--nav-hover,#f1f5f9);border-radius:3px;width:100%;height:6px;overflow:hidden}.status-bar-fill{border-radius:3px;height:100%;transition:width .8s}.action-btn{background:var(--nav-hover,#f8fafc);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;color:var(--text-primary,#1e293b);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:all .2s;display:flex}.action-icon{color:var(--primary-color,#3b82f6);font-size:20px}.action-label{text-align:center;font-size:12px;font-weight:500}.recent-activity{grid-column:span 1}.activity-list{flex-direction:column;gap:12px;max-height:300px;display:flex;overflow-y:auto}.activity-item{background:var(--nav-hover,#f8fafc);border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.activity-item:hover{background:var(--nav-active,#f1f5f9)}.activity-icon{background:var(--primary-color,#3b82f6);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.activity-content{flex:1;min-width:0}.activity-title{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.activity-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.activity-status{background:var(--primary-color,#3b82f6);color:#fff;border-radius:12px;padding:2px 8px;font-size:11px}.activity-date{color:var(--text-secondary,#94a3b8);font-size:11px}.activity-qty{color:var(--text-primary,#1e293b);font-size:13px;font-weight:600}.metrics{grid-column:span 1}.metrics-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.metric-item{background:var(--nav-hover,#f8fafc);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.metric-icon{background:var(--primary-color,#3b82f6);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.metric-info{flex:1;min-width:0}.metric-label{color:var(--text-secondary,#64748b);font-size:12px;display:block}.priority-list{grid-column:span 1}.priority-items{flex-direction:column;gap:12px;display:flex}.priority-item{background:var(--nav-hover,#f8fafc);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.priority-indicator{border-radius:2px;flex-shrink:0;width:4px;height:40px}.priority-indicator.high{background:#ef4444}.priority-indicator.medium{background:#f59e0b}.priority-indicator.low{background:#22c55e}.priority-content{flex:1;min-width:0}.priority-title{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.priority-meta{color:var(--text-secondary,#64748b);font-size:12px}.dark-theme .dashboard{background:var(--bg-color,#0f172a)}.dark-theme .stat-card,.dark-theme .card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .stat-value,.dark-theme .header-left h1,.dark-theme .card-header h3,.dark-theme .status-label,.dark-theme .activity-title,.dark-theme .metric-value,.dark-theme .priority-title{color:var(--text-primary,#f8fafc)}.dark-theme .stat-title,.dark-theme .header-subtitle,.dark-theme .metric-label,.dark-theme .priority-meta,.dark-theme .activity-date{color:var(--text-secondary,#94a3b8)}.dark-theme .action-btn,.dark-theme .activity-item,.dark-theme .metric-item,.dark-theme .priority-item{background:var(--nav-hover,#ffffff0d);border-color:var(--border-color,#334155)}.dark-theme .action-btn:hover,.dark-theme .activity-item:hover{background:var(--nav-active,#3b82f626)}.dark-theme .btn-secondary:hover,.dark-theme .status-bar-track{background:var(--nav-hover,#2d3a4f)}@media (width<=1400px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.status-distribution,.quick-actions,.recent-activity,.metrics,.priority-list,.produce-check{grid-column:span 1}}@media (width<=768px){.dashboard{padding:16px}.dashboard-header{flex-direction:column}.header-right{width:100%}.header-right button{flex:1;justify-content:center}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:20px}.actions-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:1fr 1fr}.header-right{flex-direction:column}.header-right button{justify-content:center;width:100%}}.actions-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.action-btn{background:var(--nav-hover,#f8fafc);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;color:var(--text-primary,#1e293b);font-family:inherit;font-size:inherit;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;text-decoration:none;transition:all .2s;display:flex}.action-icon{color:var(--primary-color,#3b82f6);pointer-events:none;font-size:20px}.action-label{text-align:center;pointer-events:none;font-size:12px;font-weight:500}.priority-item{background:var(--nav-hover,#f8fafc);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex;position:relative}.priority-item:hover{background:var(--nav-active,#f1f5f9);transform:translate(4px)}.priority-view{color:var(--primary-color,#3b82f6);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:500;transition:all .2s}.priority-view:hover{background:var(--primary-color,#3b82f6);color:#fff}.dark-theme .action-btn:hover{background:var(--nav-active,#3b82f626);border-color:var(--primary-color,#3b82f6)}.dark-theme .priority-item{background:var(--nav-hover,#ffffff0d)}.dark-theme .priority-item:hover{background:var(--nav-active,#3b82f626)}.dark-theme .priority-view{color:var(--primary-color,#3b82f6)}.dark-theme .priority-view:hover{background:var(--primary-color,#3b82f6);color:#fff}@media (width<=768px){.actions-grid{grid-template-columns:repeat(2,1fr)}.priority-item{flex-wrap:wrap}.priority-view{margin-left:auto}}@media (width<=480px){.actions-grid{grid-template-columns:1fr 1fr}}.quick-actions{padding:24px}.quick-actions .card-header{margin-bottom:20px}.actions-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:4px;display:grid}.action-btn{background:var(--nav-hover,#f8fafc);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;min-height:90px;color:var(--text-primary,#1e293b);font-family:inherit;font-size:inherit;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:20px 16px;text-decoration:none;transition:all .2s;display:flex;position:relative}.action-btn:hover{background:var(--nav-active,#f1f5f9);border-color:var(--primary-color,#3b82f6);transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.action-btn:active{transform:translateY(0)}.action-icon{color:var(--primary-color,#3b82f6);pointer-events:none;font-size:24px;line-height:1}.action-label{text-align:center;pointer-events:none;font-size:13px;font-weight:500;line-height:1.2}.action-btn:after{content:"";background:var(--primary-color,#3b82f6);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.action-btn:hover:after{width:60%}.dark-theme .action-btn{background:var(--nav-hover,#ffffff0d);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .action-btn:hover{background:var(--nav-active,#3b82f626);border-color:var(--primary-color,#3b82f6);box-shadow:0 6px 20px #3b82f626}@media (width<=1024px){.actions-grid{grid-template-columns:repeat(3,1fr);gap:14px}.action-btn{min-height:80px;padding:16px 12px}}@media (width<=768px){.actions-grid{grid-template-columns:repeat(2,1fr);gap:12px}.quick-actions{padding:16px}.action-btn{min-height:70px;padding:14px 12px}.action-icon{font-size:20px}.action-label{font-size:12px}}@media (width<=480px){.actions-grid{grid-template-columns:repeat(2,1fr);gap:10px}.action-btn{min-height:60px;padding:12px 8px}.action-icon{font-size:18px}.action-label{font-size:11px}}.dashboard .stat-icon svg,.dashboard .action-icon svg,.dashboard .metric-icon svg,.dashboard .activity-icon svg{fill:currentColor;stroke:currentColor;stroke-width:0;color:inherit!important;opacity:1!important}.stat-icon{background:var(--stat-color);z-index:1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;position:relative;color:#fff!important}.stat-icon svg{filter:drop-shadow(0 2px 4px #0000001a);width:24px;height:24px;color:#fff!important;fill:#fff!important}.action-icon{pointer-events:none;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex;color:var(--primary-color,#3b82f6)!important}.action-icon svg{fill:currentColor;filter:drop-shadow(0 1px 2px #3b82f633);width:28px;height:28px;color:var(--primary-color,#3b82f6)!important}.action-btn:hover .action-icon{transition:transform .2s;transform:scale(1.1)}.metric-icon{background:var(--primary-color,#3b82f6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;color:#fff!important}.metric-icon svg{width:22px;height:22px;color:#fff!important;fill:#fff!important}.activity-icon{background:var(--primary-color,#3b82f6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;color:#fff!important}.activity-icon svg{width:16px;height:16px;color:#fff!important;fill:#fff!important}.activity-icon.status-completed{background:#22c55e}.activity-icon.status-inprocess{background:#3b82f6}.activity-icon.status-pending{background:#f59e0b}.activity-icon.status-stopped{background:#ef4444}.dark-theme .action-icon,.dark-theme .action-icon svg{color:#60a5fa!important}.dark-theme .action-btn:hover .action-icon,.dark-theme .action-btn:hover .action-icon svg{color:#93bbfc!important}.dashboard svg{stroke:none!important;stroke-width:0!important}.stat-gold .stat-icon{background:#f59e0b}.stat-gold .stat-icon svg{color:#fbbf24!important;fill:#fbbf24!important}.stat-primary .stat-icon{background:#3b82f6}.stat-success .stat-icon{background:#22c55e}.stat-warning .stat-icon{background:#f59e0b}.stat-info .stat-icon{background:#06b6d4}.stat-danger .stat-icon{background:#ef4444}.dashboard .action-btn .action-icon svg,.dashboard .stat-card .stat-icon svg,.dashboard .metric-item .metric-icon svg{display:block}.dashboard [class*=icon] svg{opacity:1!important}.produce-check{flex-direction:column;gap:14px;display:flex}.produce-select{border:1px solid var(--border-color,#e2e8f0);background:var(--nav-hover,#f8fafc);width:100%;color:var(--text-primary,#1e293b);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:13px}.produce-loading{color:var(--text-secondary,#64748b);padding:8px 0;font-size:13px}.produce-result{background:var(--nav-hover,#f8fafc);border-radius:10px;align-items:center;gap:14px;padding:14px;display:flex}.produce-result-icon{color:#fff;background:#22c55e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.produce-result-icon svg{width:20px;height:20px;color:#fff!important;fill:#fff!important}.produce-result-value{color:var(--text-primary,#1e293b);font-size:20px;font-weight:700}.produce-result-label{color:var(--text-secondary,#64748b);margin-top:2px;font-size:12px}.produce-items{flex-direction:column;gap:8px;max-height:180px;display:flex;overflow-y:auto}.produce-item-row{background:var(--nav-hover,#f8fafc);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.produce-item-name{color:var(--text-primary,#1e293b);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.produce-item-stock{color:var(--text-secondary,#64748b);white-space:nowrap}.produce-item-badge{color:var(--text-primary,#1e293b);white-space:nowrap;background:#e2e8f0;border-radius:12px;padding:2px 8px;font-weight:600}.produce-item-badge.is-bottleneck{color:#dc2626;background:#fee2e2}.dark-theme .produce-select,.dark-theme .produce-result,.dark-theme .produce-item-row{background:var(--nav-hover,#ffffff0d);border-color:var(--border-color,#334155)}.dark-theme .produce-select,.dark-theme .produce-result-value,.dark-theme .produce-item-name{color:var(--text-primary,#f8fafc)}.dark-theme .produce-item-badge{color:var(--text-primary,#f8fafc);background:#ffffff1a}.dark-theme .produce-item-badge.is-bottleneck{color:#f87171;background:#dc262633}.igf-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.igf-inner{max-width:1100px;margin:0 auto}.igf-header{align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.igf-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.igf-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:block}.igf-field{margin-bottom:18px}.igf-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.igf-label-icon{margin-right:4px}.igf-required{color:var(--danger-color)}.igf-error-msg{color:var(--danger-color);align-items:center;gap:3px;margin-top:4px;font-size:11px;display:flex}.igf-field-hint{color:var(--text-secondary);margin-top:4px;font-size:11px}.igf-grid-2{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px;display:grid}.igf-field-check{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.igf-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color);border-radius:3px;flex-shrink:0;margin-top:2px}.igf-check-label{color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500}.igf-check-hint{color:var(--text-secondary);margin-top:2px;font-size:12px}.igf-divider{background:var(--border-color);height:1px;margin:18px 0}.igf-table-block{border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.igf-inline-table{border-collapse:collapse;width:100%;font-size:12.5px}.igf-ith{text-align:left;color:var(--text-secondary);background:var(--layout-bg);border-bottom:1px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:8px 12px;font-size:11px;font-weight:600}.igf-ith-no{width:36px}.igf-ith-action{text-align:center;width:36px}.igf-empty-row{text-align:center;color:var(--text-secondary);padding:16px;font-size:13px}.igf-itr{border-top:1px solid var(--border-color)}.igf-itr:hover{background:var(--nav-hover)}.igf-itd{color:var(--text-primary);vertical-align:middle;padding:6px 12px}.igf-itd-no{color:var(--text-secondary);font-size:12px}.igf-cell-input{width:100%;height:28px;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:0 8px;font-size:12.5px;transition:all .15s}.igf-cell-input:focus{border-color:var(--primary-color);background:var(--card-bg);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent)}.igf-cell-input:hover{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.igf-col-settings{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.igf-col-settings:hover{color:var(--text-primary);background:var(--nav-hover)}.igf-remove-row{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;line-height:1;transition:all .15s}.igf-remove-row:hover{color:var(--danger-color);background:color-mix(in srgb, var(--danger-color) 8%, transparent)}.igf-add-row{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:8px;padding:4px 0;font-size:13px;font-weight:500;transition:all .15s;display:flex}.igf-add-row:hover{color:var(--primary-hover);transform:translate(4px)}.igf-comment-input-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.igf-comment-avatar{color:#92400e;background:#fde68a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.igf-comment-input{border:1px solid var(--border-color);height:34px;color:var(--text-primary);background:var(--card-bg);border-radius:6px;outline:none;flex:1;padding:0 12px;font-size:13px;transition:border-color .15s}.igf-comment-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent)}.igf-comment-input::placeholder{color:var(--text-secondary)}.igf-comment-row{gap:10px;margin-bottom:10px;display:flex}.igf-comment-author{color:var(--text-primary);font-size:13px;font-weight:500}.igf-comment-time{color:var(--text-secondary);font-size:12px;font-weight:400}.igf-comment-text{color:var(--text-primary);margin-top:2px;font-size:13px}.igf-activity-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.igf-activity-title{border-bottom:none!important;margin:0!important;padding-bottom:0!important}.igf-new-email-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500;transition:color .15s}.igf-new-email-btn:hover{color:var(--primary-hover);text-decoration:underline}.igf-activity-list{margin:0;padding:0;list-style:none}.igf-activity-item{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:6px 0;font-size:13px}.igf-activity-item:last-child{border-bottom:none}.igf-activity-time{color:var(--text-secondary)}.igf-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.igf-grid-2{grid-template-columns:1fr;gap:0}.igf-card{padding:16px}.igf-table-block{overflow-x:auto}.igf-inline-table{min-width:600px}.igf-header{flex-wrap:wrap}.error-badge{justify-content:center;width:100%}.igf-footer{flex-direction:column-reverse;width:100%}.igf-footer button{justify-content:center;width:100%}.error-header{flex-direction:column;align-items:flex-start;gap:6px}.error-message{margin-left:0}.igf-activity-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=520px){.igf-page{padding:0 12px 20px}.igf-card{padding:12px}.igf-ith{padding:6px 8px;font-size:10px}.igf-itd{padding:4px 8px}.header-title h1{font-size:16px}}.igl-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.igl-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.igl-stat-icon{color:#fff;background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.igl-stat-content{flex:1;min-width:0}.igl-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.igl-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.igl-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.igl-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.igl-td-id{color:var(--text-primary,#111827);font-weight:600}.igl-status-badge{border-radius:99px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.igl-status-group{color:#2563eb;background:#eff6ff}.igl-status-item{color:#059669;background:#d1fae5}.igl-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.igl-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.igl-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}@keyframes iglFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.igl-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.igl-modal-edit{max-width:520px;box-shadow:0 24px 70px var(--shadow-color,#00000038);border:none;border-radius:20px}.igl-edit-header{background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--primary-color) 10%, transparent) 0%, transparent 55%), var(--card-bg,#fff);border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;align-items:flex-start;gap:16px;padding:28px 28px 22px;display:flex;position:relative}.igl-edit-header:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.igl-edit-header-icon{background:var(--primary-color,#6366f1);color:#fff;width:44px;height:44px;box-shadow:0 2px 6px color-mix(in srgb, var(--primary-color) 35%, transparent);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.igl-edit-header-icon svg{color:#fff;filter:none}.igl-edit-header-text{flex-direction:column;flex:1;gap:3px;padding-right:24px;display:flex}.igl-edit-header .igl-modal-title{background:linear-gradient(90deg, var(--text-primary,#111827) 0%, var(--primary-color,#6366f1) 130%);-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:700;line-height:1.3}.igl-edit-subtitle{color:var(--text-secondary,#6b7280);font-size:12.5px}.igl-edit-header .igl-modal-close{position:absolute;top:18px;right:18px}.igl-modal-edit .igl-modal-body{background:var(--card-bg,#fff);gap:24px;padding:28px}.igl-edit-field{flex-direction:column;gap:9px;display:flex}.igl-edit-label{color:var(--text-primary,#374151);letter-spacing:.1px;align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.igl-edit-label-icon{width:22px;height:22px;color:var(--primary-color,#6366f1);background:color-mix(in srgb, var(--primary-color) 14%, transparent);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:10.5px;display:flex}.igl-edit-field-parent .igl-edit-label-icon{color:#a855f7;background:#a855f724}.igl-required{color:var(--danger-color,#ef4444)}.igl-edit-hint{color:var(--text-secondary,#9ca3af);margin:0;padding-left:30px;font-size:11.5px}.igl-edit-input,.igl-edit-select{border:1.5px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);height:44px;color:var(--text-primary,#374151);border-radius:11px;outline:none;width:100%;padding:0 15px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s,background .2s}.igl-edit-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"), var(--layout-bg,#f9fafb);background-position:right 14px center,0 0;background-repeat:no-repeat;background-size:16px,auto;padding-right:38px}.igl-edit-input:hover:not(:disabled),.igl-edit-select:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color));background:var(--card-bg,#fff)}.igl-edit-input:focus,.igl-edit-select:focus{border-color:var(--primary-color,#6366f1);background:var(--card-bg,#fff);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-color) 16%, transparent)}.igl-edit-input:disabled,.igl-edit-select:disabled{opacity:.6;cursor:not-allowed}.igl-edit-input::placeholder{color:var(--text-secondary,#9ca3af)}.igl-edit-error{color:var(--danger-color,#ef4444);background:#ef444414;border:1px solid #ef444440;border-radius:12px;align-items:center;gap:9px;padding:12px 15px;font-size:12.5px;font-weight:500;display:flex}.igl-edit-error svg{flex-shrink:0}.igl-edit-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, var(--layout-bg)) 0%, color-mix(in srgb, #a855f7 6%, var(--layout-bg)) 100%);border:1px solid color-mix(in srgb, var(--primary-color) 18%, var(--border-color));border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex}.igl-edit-preview-icon{background:linear-gradient(135deg, var(--primary-color,#6366f1) 0%, #a855f7 100%);color:#fff;width:36px;min-width:36px;height:36px;box-shadow:0 4px 10px color-mix(in srgb, var(--primary-color) 35%, transparent);border-radius:10px;justify-content:center;align-items:center;font-size:14px;display:flex}.igl-edit-preview-text{flex-direction:column;gap:4px;min-width:0;display:flex}.igl-edit-preview-label{text-transform:uppercase;letter-spacing:.6px;color:var(--primary-color,#6366f1);font-size:10.5px;font-weight:700}.igl-edit-preview-value{color:var(--text-secondary,#6b7280);flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;display:flex}.igl-edit-preview-value strong{color:var(--text-primary,#111827);font-weight:700}.igl-edit-preview-arrow{color:var(--primary-color,#6366f1);font-weight:700}.igl-modal-edit .igl-modal-footer{background:var(--layout-bg,#f9fafb);gap:12px;padding:18px 28px}.igl-modal-edit .igl-btn-cancel{border:1.5px solid color-mix(in srgb, var(--primary-color) 20%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 6%, var(--card-bg));height:42px;color:var(--text-secondary,#6b7280);border-radius:11px;padding:0 22px;font-weight:600}.igl-modal-edit .igl-btn-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#6366f1)}.igl-modal-edit .igl-btn-save{border-radius:11px;height:42px;padding:0 26px;font-size:13.5px}.igl-btn-save{background:linear-gradient(135deg, var(--primary-color,#6366f1) 0%, var(--primary-hover,#4f46e5) 100%);color:#fff;cursor:pointer;height:38px;box-shadow:0 3px 10px color-mix(in srgb, var(--primary-color) 30%, transparent);border:none;border-radius:9px;align-items:center;gap:7px;padding:0 22px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.igl-btn-save:hover:not(:disabled){box-shadow:0 6px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.igl-btn-save:active:not(:disabled){transform:translateY(0)}.igl-btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none}.igl-spin{animation:.8s linear infinite iglSpin}@keyframes iglSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark-theme .igl-modal-header,.dark-theme .igl-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .igl-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .igl-status-group{color:#60a5fa;background:#2563eb33}.dark-theme .igl-status-item{color:#34d399;background:#05966933}.dark-theme .igl-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .igl-edit-input,.dark-theme .igl-edit-select{background:color-mix(in srgb, var(--primary-color) 6%, #24304a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .igl-edit-input:hover:not(:disabled),.dark-theme .igl-edit-select:hover:not(:disabled),.dark-theme .igl-edit-input:focus,.dark-theme .igl-edit-select:focus{background:color-mix(in srgb, var(--primary-color) 10%, #24304a)}.dark-theme .igl-edit-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .igl-edit-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.dark-theme .igl-btn-save{background:linear-gradient(135deg, var(--primary-color,#3b82f6) 0%, #a855f7 100%)}.dark-theme .igl-edit-error{background:#ef444426;border-color:#ef444459}.dark-theme .igl-edit-header{background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--primary-color) 18%, transparent) 0%, transparent 55%), var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .igl-edit-header .igl-modal-title{background:linear-gradient(90deg, var(--text-primary,#f8fafc) 0%, var(--primary-color,#60a5fa) 130%);-webkit-background-clip:text;background-clip:text}.dark-theme .igl-modal-edit .igl-modal-body{background:var(--card-bg,#1e293b)}.dark-theme .igl-edit-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 16%, #0f172a) 0%, #211e43 100%);border-color:color-mix(in srgb, var(--primary-color) 30%, var(--border-color))}.dark-theme .igl-modal-edit .igl-btn-cancel{background:color-mix(in srgb, var(--primary-color) 12%, #1e293b);border-color:color-mix(in srgb, var(--primary-color) 30%, var(--border-color));color:var(--text-secondary,#94a3b8)}.dark-theme .igl-modal-edit .igl-btn-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 18%, #1e293b);color:var(--primary-color,#60a5fa)}.dark-theme .igl-edit-field-parent .igl-edit-label-icon{color:#c084fc;background:#c084fc2e}@media (width<=1024px){.igl-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.igl-page{gap:12px;padding:12px}.igl-stats-container{grid-template-columns:1fr 1fr;gap:12px}.igl-filter-bar{flex-direction:column;align-items:stretch}.igl-filter-left{width:100%}.igl-search-wrapper{max-width:100%}.igl-filter-right{flex-wrap:wrap;justify-content:flex-start}.igl-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.igl-pagination-center{order:2}.igl-pagination-left,.igl-pagination-right{order:1}.igl-table{min-width:700px}.igl-th-check,.igl-td-check{width:30px;padding-left:10px}.igl-td{padding:8px 10px;font-size:12px}.igl-th{padding:8px 10px;font-size:11px}.igl-td-meta{flex-wrap:wrap;justify-content:flex-end}.igl-stat-card{padding:12px}.igl-stat-value{font-size:18px}.igl-modal{max-width:95vw}.igl-modal-body{padding:16px 20px}.igl-modal-footer{flex-wrap:wrap}.igl-btn-cancel,.igl-btn-delete,.igl-btn-save{flex:1;justify-content:center}}@media (width<=480px){.igl-stats-container{grid-template-columns:1fr}.igl-stat-card{padding:12px}.igl-stat-value{font-size:16px}.igl-stat-icon{width:36px;height:36px;font-size:16px}.igl-filter-right{flex-direction:column;width:100%}.igl-filter-right>*{width:100%}.igl-btn-primary{justify-content:center}.igl-pagination{padding:8px 0 0}.igl-pagination-center{flex-wrap:wrap;justify-content:center}.igl-modal,.igl-modal-edit{border-radius:12px;max-width:98vw}.igl-modal-body{padding:14px 16px}.igl-modal-title{font-size:14px}.igl-modal-header{padding:14px 16px}.igl-modal-footer{flex-direction:column-reverse;gap:8px}.igl-modal-footer button{width:100%}}.itl-page{background:var(--bg-primary,#f8fafc);min-height:100vh;color:var(--text-primary,#111827);padding:20px 24px}.itl-filter-bar{background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:8px 0;display:flex}.itl-filter-left{flex:1;align-items:center;display:flex}.itl-search-wrapper{flex:1;max-width:400px;position:relative}.itl-search-icon{color:var(--text-secondary,#9ca3af);z-index:1;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.itl-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#fff);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.itl-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.itl-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.itl-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);z-index:1;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.itl-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.itl-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#fff);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.itl-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.itl-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#fff);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.itl-filter-btn:hover{background:var(--bg-hover,#f3f4f6)}.itl-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#fff);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.itl-sort-btn:hover{background:var(--bg-hover,#f3f4f6)}.itl-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.itl-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.itl-active-filters{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:8px 16px;font-size:12px;display:flex}.itl-active-filters span{color:var(--text-primary,#111827)}.itl-clear-filters{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.itl-clear-filters:hover{background:var(--bg-hover,#f3f4f6)}.itl-has-variants-bar{border-bottom:1px solid var(--border-color,#f3f4f6);flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px;padding:10px 0;display:flex}.itl-has-variants-label{color:var(--text-primary,#374151);cursor:pointer;font-size:13px}.itl-loading{color:var(--text-secondary,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.itl-loading p{margin:0;font-size:14px}.itl-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.itl-error p{margin:0;font-size:14px}.itl-retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:6px 20px;font-size:13px;transition:background .15s}.itl-retry-btn:hover{background:#b91c1c}.itl-table-wrap{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.itl-table-wrap::-webkit-scrollbar{width:6px;height:6px}.itl-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.itl-table{border-collapse:collapse;width:100%;min-width:800px;font-size:13px}.itl-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.itl-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.itl-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--bg-tertiary,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.itl-th-meta{text-align:right;background:var(--bg-tertiary,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.itl-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.itl-tr{cursor:pointer;transition:background .15s}.itl-tr:hover{background:var(--bg-hover,#f9fafb)}.itl-tr-selected{background:var(--bg-selected,#eff6ff)}.itl-tr-selected:hover{background:var(--bg-selected,#e8f0fe)}.itl-tr+.itl-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.itl-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.itl-td-code{color:var(--text-secondary,#6b7280);font-family:monospace;font-size:12px}.itl-td-name{color:var(--text-primary,#111827);font-weight:600}.itl-td-meta{text-align:right;white-space:nowrap;padding-right:20px}.itl-status-badge{border-radius:99px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.itl-status-enabled{color:#2563eb;background:#eff6ff}.itl-status-disabled{color:#6b7280;background:#f3f4f6}.itl-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.itl-action-buttons{justify-content:flex-end;align-items:center;gap:4px;display:flex}.itl-action-btn{cursor:pointer;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.itl-action-btn:hover:not(:disabled){background:var(--bg-hover,#f3f4f6)}.itl-edit-btn{color:#3b82f6}.itl-edit-btn:hover:not(:disabled){color:#2563eb;background:#3b82f61a}.itl-delete-btn{color:#ef4444}.itl-delete-btn:hover:not(:disabled){color:#dc2626;background:#ef44441a}.itl-action-btn:disabled{opacity:.5;cursor:not-allowed}.itl-pagination{background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px 0;display:flex}.itl-pagination-left,.itl-pagination-right{align-items:center;gap:8px;display:flex}.itl-pagination-center{align-items:center;gap:4px;display:flex}.itl-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.itl-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#fff);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.itl-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.itl-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#fff);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.itl-page-btn:hover:not(:disabled){background:var(--bg-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.itl-page-btn:disabled{opacity:.5;cursor:not-allowed}.itl-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.itl-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.itl-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.itl-empty-state{text-align:center;padding:60px 20px}.itl-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.itl-empty-content svg{color:var(--text-secondary,#9ca3af)}.itl-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.itl-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.dark-theme .itl-page{background:var(--bg-primary,#0f172a)}.dark-theme .itl-filter-btn,.dark-theme .itl-sort-btn,.dark-theme .itl-filter-select,.dark-theme .itl-page-btn,.dark-theme .itl-page-size-select{background:var(--bg-secondary,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .itl-filter-btn:hover,.dark-theme .itl-sort-btn:hover,.dark-theme .itl-page-btn:hover:not(:disabled){background:var(--bg-hover,#ffffff0d)}.dark-theme .itl-search-input{background:var(--bg-secondary,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .itl-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .itl-tr:hover{background:var(--bg-hover,#ffffff0d)}.dark-theme .itl-tr-selected{background:#6366f126}.dark-theme .itl-tr-selected:hover{background:#6366f133}.dark-theme .itl-th{background:var(--bg-tertiary,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .itl-th-meta{background:var(--bg-tertiary,#0f172a)}.dark-theme .itl-active-filters{background:var(--bg-secondary,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .itl-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .itl-clear-filters{background:var(--bg-secondary,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .itl-status-enabled{color:#60a5fa;background:#2563eb33}.dark-theme .itl-status-disabled{color:#9ca3af;background:#6b728033}.dark-theme .itl-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .itl-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .itl-error{background:#dc26261a;border-color:#dc26264d}.dark-theme .itl-table-wrap{background:var(--bg-secondary,#1e293b);border-color:var(--border-color,#334155)}@media (width<=1024px){.itl-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.itl-filter-bar{flex-direction:column;align-items:stretch}.itl-filter-left{width:100%}.itl-search-wrapper{max-width:100%}.itl-filter-right{flex-wrap:wrap;justify-content:flex-start}.itl-pagination{flex-direction:column;align-items:center}.itl-pagination-center{order:2}.itl-pagination-left,.itl-pagination-right{order:1}.itl-table-wrap{overflow-x:auto}.itl-table{min-width:700px}.itl-th-check,.itl-td-check{width:30px;padding-left:10px}.itl-td{padding:8px 10px;font-size:12px}.itl-th{padding:8px 10px;font-size:11px}.itl-td-meta{flex-wrap:wrap;justify-content:flex-end}}@media (width<=480px){.itl-filter-right{flex-direction:column;width:100%}.itl-filter-right>*{width:100%}.itl-btn-primary{justify-content:center}.itl-pagination{padding:8px 0}.itl-pagination-center{flex-wrap:wrap;justify-content:center}.itl-has-variants-bar{padding:8px 0}}.itf-image-card-compact .itf-image-dropzone{min-height:100px;padding:12px 16px}.itf-image-card-compact .itf-image-preview-img{height:100px}.itf-image-card-compact .itf-image-icon-wrap{width:30px;height:30px}.itf-image-card-compact .itf-image-dropzone-text{font-size:10.5px}.itf-image-card-compact .itf-image-dropzone-hint{font-size:9.5px}.itf-image-card-compact .itf-image-preview-wrapper{flex-direction:row;align-items:center;gap:12px}.itf-image-card-compact .itf-image-preview{flex-shrink:0;width:120px;height:100px}.itf-image-card-compact .itf-image-actions{flex-direction:column;flex:1;gap:4px}.itf-image-card-compact .itf-image-btn{padding:4px 8px;font-size:10px}.itf-image-card-compact .itf-section-head{margin-bottom:8px}:root{--itf-primary:var(--primary-color,#4f46e5);--itf-primary-hover:var(--primary-hover,#4338ca);--itf-primary-light:#eef2ff;--itf-bg:var(--bg-primary,#f5f6f8);--itf-surface:var(--bg-secondary,#fff);--itf-input-bg:var(--bg-input,#fff);--itf-border:var(--border-color,#e3e5ea);--itf-text:var(--text-primary,#1a1d29);--itf-text-secondary:var(--text-secondary,#6b7280);--itf-text-muted:var(--text-muted,#9aa0ab);--itf-hover:var(--bg-hover,#f4f5f7);--itf-danger:#e0503a;--itf-danger-bg:#fdf1ef;--itf-success:#1a8f5e;--itf-success-bg:#eaf8f1;--itf-radius-sm:6px;--itf-radius:10px;--itf-radius-lg:14px;--itf-shadow-sm:0 1px 2px #1018280a;--itf-shadow:0 1px 3px #1018280f, 0 1px 2px #1018280a;--itf-shadow-md:0 4px 16px #10182814;--itf-font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.itf-page{background:var(--itf-bg);min-height:100vh;font-family:var(--itf-font);color:var(--itf-text);-webkit-font-smoothing:antialiased;padding:16px 24px 48px}.itf-page *{box-sizing:border-box}.itf-topbar{border-bottom:1px solid var(--itf-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding:2px 0 12px;display:flex}.itf-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.itf-back-btn{background:var(--itf-surface);border:1px solid var(--itf-border);color:var(--itf-text-secondary);cursor:pointer;border-radius:var(--itf-radius-sm);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.itf-back-btn:hover{background:var(--itf-hover);color:var(--itf-text);border-color:var(--itf-text-muted)}.itf-bc-sep{color:var(--itf-text-muted);font-size:12px}.itf-bc-link{color:var(--itf-text-secondary);cursor:pointer;font-size:12px;transition:color .15s}.itf-bc-link:hover{color:var(--itf-primary)}.itf-bc-current{color:var(--itf-text);font-size:13px;font-weight:600}.itf-status-pill{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;margin-left:2px;padding:2px 8px;font-size:10px;font-weight:600}.itf-status-pill.enabled{background:var(--itf-success-bg);color:var(--itf-success)}.itf-status-pill.disabled{background:var(--itf-danger-bg);color:var(--itf-danger)}.itf-topbar-actions{align-items:center;gap:10px;display:flex}.itf-unsaved-dot{color:#b98900;align-items:center;font-size:11px;font-weight:500;display:flex}.itf-unsaved-dot:before{content:"";background:#e0a800;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.itf-btn-save{background:var(--itf-primary);color:#fff;border-radius:var(--itf-radius-sm);cursor:pointer;box-shadow:var(--itf-shadow-sm);border:none;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:background .15s,transform .1s;display:flex}.itf-btn-save:hover:not(:disabled){background:var(--itf-primary-hover)}.itf-btn-save:active:not(:disabled){transform:translateY(1px)}.itf-btn-save:disabled{opacity:.6;cursor:not-allowed}.itf-body{max-width:100%;margin:0 auto}.itf-form{flex-direction:column;gap:14px;display:flex}.itf-grid-main{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.itf-col-left{flex-direction:column;gap:14px;min-width:0;display:flex}.itf-col-right{flex-direction:column;gap:14px;display:flex}.itf-card-sticky{position:sticky;top:16px}.itf-card{background:var(--itf-surface);border-radius:var(--itf-radius);border:1px solid var(--itf-border);box-shadow:var(--itf-shadow);padding:16px 18px}.itf-grid-2{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.itf-grid-3{grid-template-columns:1fr 1fr 1fr;gap:0 16px;display:grid}.itf-col{flex-direction:column;display:flex}.itf-divider{background:var(--itf-border);height:1px;margin:12px 0}.itf-section-head{margin-bottom:12px}.itf-section-title{color:var(--itf-text);align-items:center;gap:6px;margin:0;font-size:14px;font-weight:650;display:flex}.itf-section-icon{background:var(--itf-primary-light);width:24px;height:24px;color:var(--itf-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.itf-section-subtitle{color:var(--itf-text-muted);margin:3px 0 0 30px;font-size:11.5px;line-height:1.3}.itf-field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex;position:relative}.itf-label{color:var(--itf-text-secondary);letter-spacing:.1px;align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:flex}.itf-req{color:var(--itf-danger);font-weight:600}.itf-hint{color:var(--itf-text-muted);margin:0;font-size:10.5px;line-height:1.3}.itf-field-error{color:var(--itf-danger);margin:0;font-size:10.5px;font-weight:500}.itf-input-wrap{border:1px solid var(--itf-border);border-radius:var(--itf-radius-sm);background:var(--itf-input-bg);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.itf-input-wrap:focus-within{border-color:var(--itf-primary);box-shadow:0 0 0 3px var(--itf-primary-light)}.itf-input-wrap-readonly{background:var(--itf-hover)}.itf-input-prefix{color:var(--itf-text-muted);-webkit-user-select:none;user-select:none;padding-left:10px;font-size:12px;font-weight:500}.itf-input-suffix{color:var(--itf-text-muted);-webkit-user-select:none;user-select:none;padding-right:10px;font-size:12px;font-weight:500}.itf-input{border-radius:var(--itf-radius-sm);width:100%;color:var(--itf-text);background:0 0;border:none;outline:none;padding:6px 10px;font-size:12.5px}.itf-input-has-prefix{padding-left:4px}.itf-input[readonly]{color:var(--itf-text-secondary);cursor:default}.itf-input::placeholder{color:var(--itf-text-muted)}.itf-input-wrap input[type=text]{-moz-appearance:textfield}.itf-input-wrap input[type=text]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.itf-input-wrap input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.itf-select-container{isolation:isolate;width:100%;position:relative}.itf-select-container:has(.itf-select-dropdown){z-index:50}.itf-select-wrapper{border:1px solid var(--itf-border);border-radius:var(--itf-radius-sm);background:var(--itf-input-bg);cursor:pointer;justify-content:space-between;align-items:center;min-height:34px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.itf-select-wrapper:hover{border-color:var(--itf-text-muted)}.itf-select-wrapper-open,.itf-select-wrapper:focus-within{border-color:var(--itf-primary);box-shadow:0 0 0 3px var(--itf-primary-light)}.itf-select-display{color:var(--itf-text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:12.5px;overflow:hidden}.itf-select-placeholder{color:var(--itf-text-muted)}.itf-select-search{cursor:text}.itf-select-arrow{color:var(--itf-text-muted);flex-shrink:0;align-items:center;margin-left:6px;display:flex}.itf-chevron-up{transition:transform .15s;transform:rotate(180deg)}.itf-select-dropdown{background-color:var(--itf-surface);-webkit-backdrop-filter:none;opacity:1;border:1px solid var(--itf-border);border-radius:var(--itf-radius-sm);box-shadow:var(--itf-shadow-md);z-index:9999;background-image:none;max-height:200px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.itf-select-option{cursor:pointer;color:var(--itf-text);border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;transition:background .1s;display:flex}.itf-select-option:hover{background:var(--itf-hover)}.itf-select-option-selected{background:var(--itf-primary-light);color:var(--itf-primary);font-weight:500}.itf-select-check{color:var(--itf-primary)}.itf-select-loading,.itf-select-empty{text-align:center;color:var(--itf-text-muted);padding:12px;font-size:12px}.itf-select-loading{justify-content:center;align-items:center;gap:6px;display:flex}.itf-checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;margin-bottom:6px;display:grid}.itf-checkbox-card{border:1px solid var(--itf-border);border-radius:var(--itf-radius-sm);cursor:pointer;background:var(--itf-input-bg);align-items:flex-start;gap:8px;padding:8px 12px;transition:all .15s;display:flex}.itf-checkbox-card:hover{border-color:var(--itf-text-muted)}.itf-checkbox-card-active{border-color:var(--itf-primary);background:var(--itf-primary-light)}.itf-checkbox-input{opacity:0;width:0;height:0;position:absolute}.itf-checkbox-box{border:1.5px solid var(--itf-border);background:var(--itf-surface);color:#0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;margin-top:1px;transition:all .15s;display:flex}.itf-checkbox-card-active .itf-checkbox-box{background:var(--itf-primary);border-color:var(--itf-primary);color:#fff}.itf-checkbox-text{flex-direction:column;gap:1px;min-width:0;display:flex}.itf-checkbox-label{color:var(--itf-text);font-size:11.5px;font-weight:600}.itf-checkbox-desc{color:var(--itf-text-muted);font-size:10px;line-height:1.2}.itf-image-upload-container{width:100%}.itf-image-dropzone{border:1.5px dashed var(--itf-border);border-radius:var(--itf-radius);text-align:center;cursor:pointer;background:var(--itf-hover);justify-content:center;align-items:center;min-height:140px;padding:16px;transition:all .15s;display:flex}.itf-image-dropzone:hover{border-color:var(--itf-primary);background:var(--itf-primary-light)}.itf-image-dropzone-drag{border-color:var(--itf-primary);background:var(--itf-primary-light);border-style:solid}.itf-image-dropzone-content{flex-direction:column;align-items:center;gap:4px;display:flex}.itf-image-icon-wrap{background:var(--itf-surface);border:1px solid var(--itf-border);width:36px;height:36px;color:var(--itf-text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.itf-image-dropzone-text{color:var(--itf-text-secondary);margin:2px 0 1px;font-size:11.5px}.itf-image-dropzone-bold{color:var(--itf-text);font-weight:600}.itf-image-dropzone-hint{color:var(--itf-text-muted);margin:0;font-size:10px}.itf-image-file-input{display:none}.itf-image-preview-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.itf-image-preview{border-radius:var(--itf-radius);border:1px solid var(--itf-border);background:var(--itf-hover);width:100%;position:relative;overflow:hidden}.itf-image-preview-img{object-fit:cover;width:100%;height:140px;display:block}.itf-image-actions{gap:6px;width:100%;display:flex}.itf-image-btn{border:1px solid var(--itf-border);border-radius:var(--itf-radius-sm);background:var(--itf-surface);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.itf-image-btn-change{color:var(--itf-primary);border-color:var(--itf-primary)}.itf-image-btn-change:hover{background:var(--itf-primary-light)}.itf-image-btn-remove{color:var(--itf-danger);border-color:var(--itf-danger)}.itf-image-btn-remove:hover{background:var(--itf-danger-bg)}.itf-opening-stock-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.itf-opening-stock-header h4{color:var(--itf-text);margin:0 0 1px;font-size:12.5px;font-weight:600}.itf-opening-stock-sub{color:var(--itf-text-muted);margin:0;font-size:10.5px}.itf-btn-add-row{background:var(--itf-primary);color:#fff;border-radius:var(--itf-radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.itf-btn-add-row:hover{background:var(--itf-primary-hover)}.itf-table-wrapper{border-radius:var(--itf-radius-sm);border:1px solid var(--itf-border);overflow-x:auto}.itf-table{border-collapse:collapse;width:100%;font-size:12px}.itf-table th{background:var(--itf-hover);text-align:left;text-transform:uppercase;letter-spacing:.2px;color:var(--itf-text-secondary);border-bottom:1px solid var(--itf-border);padding:6px 10px;font-size:10.5px;font-weight:600}.itf-table-th-num{width:30px}.itf-table-th-action{width:36px}.itf-table td{border-bottom:1px solid var(--itf-border);vertical-align:middle;padding:4px 8px}.itf-table tbody tr:last-child td{border-bottom:none}.itf-table-td-num{color:var(--itf-text-muted);text-align:center;font-size:11.5px}.itf-table-input{border:1px solid var(--itf-border);text-align:right;background:var(--itf-input-bg);width:100%;color:var(--itf-text);border-radius:4px;padding:4px 8px;font-size:12px}.itf-table-input:focus{border-color:var(--itf-primary);box-shadow:0 0 0 2px var(--itf-primary-light);outline:none}.itf-table-total{text-align:right;color:var(--itf-text);font-weight:600}.itf-table-empty{text-align:center;color:var(--itf-text-muted);padding:20px 12px;font-size:11.5px}.itf-table-empty-icon{color:var(--itf-text-muted);opacity:.6;margin:0 auto 6px;display:block}.itf-btn-remove-row{color:var(--itf-danger);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background .15s;display:flex}.itf-btn-remove-row:hover{background:var(--itf-danger-bg)}.itf-table tfoot td{background:var(--itf-hover);border-top:1px solid var(--itf-border);border-bottom:none;font-weight:600}.itf-pricing-list{border-radius:var(--itf-radius-sm);border:1px solid var(--itf-border);flex-direction:column;gap:1px;display:flex;overflow:hidden}.itf-pricing-item{background:var(--itf-surface);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.itf-pricing-item-divider{border-bottom:1px solid var(--itf-border)}.itf-pricing-label{color:var(--itf-text-secondary);font-size:11.5px}.itf-pricing-value{color:var(--itf-text);font-size:12px;font-weight:600}.itf-pricing-total{background:var(--itf-primary-light);border-top:1px solid var(--itf-border)}.itf-pricing-total .itf-pricing-label{color:var(--itf-primary);font-weight:600}.itf-pricing-total .itf-pricing-value{color:var(--itf-primary);font-size:13px}.itf-summary-block{flex-direction:column;gap:6px;display:flex}.itf-summary-row{color:var(--itf-text-secondary);justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.itf-summary-row strong{color:var(--itf-text);font-size:12px}.itf-summary-highlight{color:var(--itf-primary)!important;font-size:13px!important}.itf-inventory-loading{color:var(--itf-text-muted);align-items:center;gap:6px;padding:8px 0 2px;font-size:11.5px;display:flex}.itf-inventory-record-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.itf-inventory-record-head span:first-child{color:var(--itf-text);font-size:12px;font-weight:600}.itf-inventory-record-tag{text-transform:uppercase;letter-spacing:.2px;color:var(--itf-success);background:var(--itf-success-bg);border-radius:20px;padding:2px 8px;font-size:9.5px;font-weight:600}.itf-validation-errors{background:var(--itf-danger-bg);border-radius:var(--itf-radius-sm);border:1px solid #f3c8bf;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.itf-validation-error{color:var(--itf-danger);align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.itf-loading-state{min-height:300px;color:var(--itf-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.itf-loading-state p{font-size:13px}.itf-spin{color:var(--itf-primary);animation:.8s linear infinite itf-spin}@keyframes itf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark-theme,.dark{--itf-bg:var(--bg-primary,#0f1117);--itf-surface:var(--bg-secondary,#1a1d27);--itf-input-bg:var(--bg-input,#1a1d27);--itf-border:var(--border-color,#2a2e3a);--itf-text:var(--text-primary,#f1f2f6);--itf-text-secondary:var(--text-secondary,#9ca3af);--itf-text-muted:var(--text-muted,#6b7280);--itf-hover:var(--bg-hover,#232734);--itf-primary-light:#6366f124;--itf-danger-bg:#e0503a1f;--itf-success-bg:#1a8f5e24}@media (width<=980px){.itf-grid-main{grid-template-columns:1fr}.itf-col-right{order:-1}.itf-card-sticky{position:static}}@media (width<=768px){.itf-grid-2{grid-template-columns:1fr;gap:0}.itf-grid-3{grid-template-columns:1fr 1fr;gap:0 12px}}@media (width<=640px){.itf-page{padding:12px 12px 32px}.itf-grid-2,.itf-grid-3{grid-template-columns:1fr;gap:0}.itf-topbar{flex-direction:column;align-items:stretch}.itf-topbar-actions{justify-content:space-between}.itf-btn-save{flex:1;justify-content:center}.itf-card{padding:12px 14px}.itf-checkbox-grid{grid-template-columns:1fr}.itf-col-right{order:-1}}.itf-grid-2-50{grid-template-columns:1fr 1fr;gap:16px;display:grid}.itf-col-left-50,.itf-col-right-50{flex-direction:column;gap:14px;display:flex}@media (width<=980px){.itf-grid-2-50{grid-template-columns:1fr;gap:16px}.itf-col-left-50,.itf-col-right-50{gap:14px}}@media (width<=768px){.itf-grid-2-50{grid-template-columns:1fr}}.ial-page{background:var(--layout-bg,#fff);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.ial-stats-container{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.ial-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.ial-stat-icon{color:#fff;background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.ial-stat-content{flex:1}.ial-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.ial-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.ial-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:8px 0;display:flex}.ial-filter-left{flex:1;align-items:center;display:flex}.ial-search-wrapper{flex:1;max-width:400px;position:relative}.ial-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ial-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.ial-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.ial-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.ial-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ial-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ial-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.ial-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.ial-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.ial-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.ial-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.ial-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.ial-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ial-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.ial-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:8px 16px;font-size:12px;display:flex}.ial-active-filters span{color:var(--text-primary,#111827)}.ial-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.ial-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.ial-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden}.ial-table-wrap::-webkit-scrollbar{width:6px;height:6px}.ial-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.ial-table{border-collapse:collapse;width:100%;min-width:600px;font-size:13px}.ial-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.ial-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.ial-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.ial-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.ial-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.ial-tr{cursor:pointer;transition:background .15s}.ial-tr:hover{background:var(--nav-hover,#f9fafb)}.ial-tr-selected{background:var(--nav-active,#f0f7ff)}.ial-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.ial-tr+.ial-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.ial-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.ial-td-name{color:var(--text-primary,#111827);font-weight:600}.ial-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.ial-status-badge{border-radius:99px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.ial-status-enabled{color:#2563eb;background:#eff6ff}.ial-status-disabled{color:#6b7280;background:#f3f4f6}.ial-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.ial-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.ial-action-buttons{align-items:center;gap:4px;display:flex}.ial-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.ial-action-view{color:var(--primary-color,#6366f1)}.ial-action-view:hover{background:#6366f11a}.ial-action-edit{color:#f59e0b}.ial-action-edit:hover{background:#f59e0b1a}.ial-action-delete{color:var(--danger-color,#ef4444)}.ial-action-delete:hover{background:#ef44441a}.ial-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.ial-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px 0;display:flex}.ial-pagination-left,.ial-pagination-right{align-items:center;gap:8px;display:flex}.ial-pagination-center{align-items:center;gap:4px;display:flex}.ial-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.ial-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.ial-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.ial-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.ial-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.ial-page-btn:disabled{opacity:.5;cursor:not-allowed}.ial-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.ial-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.ial-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.ial-empty-state{text-align:center;padding:60px 20px}.ial-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.ial-empty-content svg{color:var(--text-secondary,#9ca3af)}.ial-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.ial-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.ial-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ial-modal{background:var(--card-bg,#fff);width:100%;max-width:450px;box-shadow:0 20px 40px var(--shadow-color,#00000026);border:1px solid var(--border-color,#e5e7eb);border-radius:16px}.ial-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ial-modal-header h3{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:600}.ial-modal-close{background:var(--layout-bg,#f9fafb);cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex}.ial-modal-close:hover{background:var(--nav-hover,#f3f4f6)}.ial-modal-body{text-align:center;padding:24px}.ial-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.ial-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);border-radius:8px;padding:8px;font-size:16px}.ial-modal-warning{color:var(--danger-color,#ef4444);margin-top:16px;font-size:12px}.ial-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.ial-modal-btn-cancel{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:8px;padding:8px 20px;font-weight:500;transition:all .15s}.ial-modal-btn-cancel:hover{background:var(--nav-hover,#f9fafb)}.ial-modal-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-weight:500;transition:all .15s;display:inline-flex}.ial-modal-btn-delete:hover{background:#dc2626}.dark-theme .ial-filter-btn,.dark-theme .ial-sort-btn,.dark-theme .ial-filter-select,.dark-theme .ial-page-btn,.dark-theme .ial-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .ial-filter-btn:hover,.dark-theme .ial-sort-btn:hover,.dark-theme .ial-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .ial-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .ial-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .ial-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .ial-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .ial-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .ial-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .ial-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .ial-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .ial-modal-header{border-color:var(--border-color,#334155)}.dark-theme .ial-modal-body p{color:var(--text-secondary,#94a3b8)}.dark-theme .ial-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .ial-modal-footer{border-color:var(--border-color,#334155)}.dark-theme .ial-modal-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .ial-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .ial-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .ial-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .ial-status-enabled{color:#60a5fa;background:#2563eb33}.dark-theme .ial-status-disabled{color:#9ca3af;background:#6b728033}.dark-theme .ial-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .ial-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .ial-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .ial-btn-primary:hover{background:var(--primary-hover,#2563eb)}@media (width<=1024px){.ial-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ial-stats-container{grid-template-columns:1fr 1fr;gap:12px}.ial-filter-bar{flex-direction:column;align-items:stretch}.ial-filter-left{width:100%}.ial-search-wrapper{max-width:100%}.ial-filter-right{flex-wrap:wrap;justify-content:flex-start}.ial-pagination{flex-direction:column;align-items:center}.ial-pagination-center{order:2}.ial-pagination-left,.ial-pagination-right{order:1}.ial-table-wrap{overflow-x:auto}.ial-table{min-width:600px}.ial-th-check,.ial-td-check{width:30px;padding-left:10px}.ial-td{padding:8px 10px;font-size:12px}.ial-th{padding:8px 10px;font-size:11px}.ial-td-meta{flex-wrap:wrap;justify-content:flex-end}.ial-stat-card{padding:12px}.ial-stat-value{font-size:18px}}@media (width<=480px){.ial-stats-container{grid-template-columns:1fr}.ial-stat-card{padding:12px}.ial-stat-value{font-size:16px}.ial-stat-icon{width:36px;height:36px;font-size:16px}.ial-filter-right{flex-direction:column;width:100%}.ial-filter-right>*{width:100%}.ial-btn-primary{justify-content:center}.ial-pagination{padding:8px 0}.ial-pagination-center{flex-wrap:wrap;justify-content:center}}.iaf-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.iaf-inner{max-width:1100px;margin:0 auto}.iaf-header{align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.iaf-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.iaf-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:block}.iaf-field{margin-bottom:18px}.iaf-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.iaf-label-icon{margin-right:4px}.iaf-required{color:var(--danger-color)}.iaf-error-msg{color:var(--danger-color);align-items:center;gap:3px;margin-top:4px;font-size:11px;display:flex}.iaf-field-check{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.iaf-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color);border-radius:3px;flex-shrink:0;margin-top:2px}.iaf-check-label{color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500}.iaf-check-hint{color:var(--text-secondary);margin-top:2px;font-size:12px}.iaf-divider{background:var(--border-color);height:1px;margin:18px 0}.iaf-table-block{border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.iaf-inline-table{border-collapse:collapse;width:100%;font-size:12.5px}.iaf-ith{text-align:left;color:var(--text-secondary);background:var(--layout-bg);border-bottom:1px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:8px 12px;font-size:11px;font-weight:600}.iaf-ith-no{width:36px}.iaf-ith-action{text-align:center;width:36px}.iaf-empty-row{text-align:center;color:var(--text-secondary);padding:16px;font-size:13px}.iaf-itr{border-top:1px solid var(--border-color)}.iaf-itr:hover{background:var(--nav-hover)}.iaf-itd{color:var(--text-primary);vertical-align:middle;padding:6px 12px}.iaf-itd-no{color:var(--text-secondary);font-size:12px}.iaf-cell-input{width:100%;height:28px;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:0 8px;font-size:12.5px;transition:all .15s}.iaf-cell-input:focus{border-color:var(--primary-color);background:var(--card-bg);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent)}.iaf-cell-input:hover{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.iaf-remove-row{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;line-height:1;transition:all .15s}.iaf-remove-row:hover{color:var(--danger-color);background:color-mix(in srgb, var(--danger-color) 8%, transparent)}.iaf-add-row{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:8px;padding:4px 0;font-size:13px;font-weight:500;transition:all .15s;display:flex}.iaf-add-row:hover{color:var(--primary-hover);transform:translate(4px)}.iaf-comment-input-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.iaf-comment-avatar{color:#92400e;background:#fde68a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.iaf-comment-input{border:1px solid var(--border-color);height:34px;color:var(--text-primary);background:var(--card-bg);border-radius:6px;outline:none;flex:1;padding:0 12px;font-size:13px;transition:border-color .15s}.iaf-comment-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent)}.iaf-comment-input::placeholder{color:var(--text-secondary)}.iaf-activity-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.iaf-activity-title{border-bottom:none!important;margin:0!important;padding-bottom:0!important}.iaf-new-email-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500;transition:color .15s}.iaf-new-email-btn:hover{color:var(--primary-hover);text-decoration:underline}.iaf-activity-list{margin:0;padding:0;list-style:none}.iaf-activity-item{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:6px 0;font-size:13px}.iaf-activity-item:last-child{border-bottom:none}.iaf-activity-time{color:var(--text-secondary)}.iaf-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}@media (width<=768px){.iaf-card{padding:16px}.iaf-table-block{overflow-x:auto}.iaf-inline-table{min-width:500px}.iaf-header{flex-wrap:wrap}.error-badge{justify-content:center;width:100%}.iaf-footer{flex-direction:column-reverse;width:100%}.iaf-footer button{justify-content:center;width:100%}.error-header{flex-direction:column;align-items:flex-start;gap:6px}.error-message{margin-left:0}.iaf-activity-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=520px){.iaf-page{padding:0 12px 20px}.iaf-card{padding:12px}.iaf-ith{padding:6px 8px;font-size:10px}.iaf-itd{padding:4px 8px}.header-title h1{font-size:16px}}.wf-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.wf-inner{max-width:1100px;margin:0 auto}.wf-header{align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.wf-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.wf-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:block}.wf-field{margin-bottom:18px}.wf-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.wf-label-icon{margin-right:4px}.wf-required{color:var(--danger-color)}.wf-error-msg{color:var(--danger-color);align-items:center;gap:3px;margin-top:4px;font-size:11px;display:flex}.wf-field-hint{color:var(--text-secondary);margin-top:4px;font-size:11px}.wf-grid-2{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px;display:grid}.wf-field-check{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.wf-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color);border-radius:3px;flex-shrink:0;margin-top:2px}.wf-check-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.wf-check-icon{font-size:12px}.wf-check-hint{color:var(--text-secondary);margin-top:2px;font-size:12px}.wf-divider{background:var(--border-color);height:1px;margin:18px 0}.wf-collapsible{margin-bottom:12px}.wf-collapsible-btn{cursor:pointer;color:var(--primary-color);background:0 0;border:none;align-items:center;gap:8px;padding:6px 0;font-size:13px;font-weight:500;transition:color .15s;display:flex}.wf-collapsible-btn:hover{color:var(--primary-hover)}.wf-collapsible-icon{color:var(--text-secondary);font-size:12px}.wf-collapsible-content{border-left:2px solid var(--border-color);margin-left:6px;padding:12px 0 12px 24px}.wf-collapsible-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.wf-link-btn{cursor:pointer;color:var(--primary-color);background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.wf-link-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, transparent);color:var(--primary-hover)}.wf-empty-state{text-align:left;color:var(--text-secondary);background:var(--layout-bg);border:1px dashed var(--border-color);border-radius:8px;margin-bottom:8px;padding:16px;font-size:13px}.wf-comment-input-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.wf-comment-avatar{color:#92400e;background:#fde68a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.wf-comment-input{border:1px solid var(--border-color);height:34px;color:var(--text-primary);background:var(--card-bg);border-radius:6px;outline:none;flex:1;padding:0 12px;font-size:13px;transition:border-color .15s}.wf-comment-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent)}.wf-comment-input::placeholder{color:var(--text-secondary)}.wf-activity-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.wf-activity-title{border-bottom:none!important;margin:0!important;padding-bottom:0!important}.wf-new-email-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500;transition:color .15s}.wf-new-email-btn:hover{color:var(--primary-hover);text-decoration:underline}.wf-activity-list{margin:0;padding:0;list-style:none}.wf-activity-item{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:6px 0;font-size:13px}.wf-activity-item:last-child{border-bottom:none}.wf-activity-time{color:var(--text-secondary)}.wf-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}@media (width<=768px){.wf-grid-2{grid-template-columns:1fr;gap:0}.wf-card{padding:16px}.wf-header{flex-wrap:wrap}.error-badge{justify-content:center;width:100%}.wf-footer{flex-direction:column-reverse;width:100%}.wf-footer button{justify-content:center;width:100%}.error-header{flex-direction:column;align-items:flex-start;gap:6px}.error-message{margin-left:0}.wf-activity-header{flex-direction:column;align-items:flex-start;gap:8px}.wf-collapsible-content{padding-left:12px}}@media (width<=520px){.wf-page{padding:0 12px 20px}.wf-card{padding:12px}.header-title h1{font-size:16px}}.wl-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.wl-page::-webkit-scrollbar{width:6px}.wl-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.wl-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.wl-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.wl-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.wl-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.wl-stat-icon{color:#fff;background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.wl-stat-content{flex:1;min-width:0}.wl-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.wl-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.wl-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.wl-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.wl-search-wrapper{flex:1;max-width:400px;position:relative}.wl-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.wl-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.wl-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.wl-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.wl-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.wl-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wl-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.wl-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.wl-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.wl-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.wl-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.wl-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.wl-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wl-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.wl-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.wl-active-filters span{color:var(--text-primary,#111827)}.wl-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.wl-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.wl-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.wl-table-wrap::-webkit-scrollbar{height:6px}.wl-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.wl-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.wl-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.wl-table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}.wl-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.wl-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.wl-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.wl-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.wl-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.wl-tr{cursor:pointer;transition:background .15s}.wl-tr:hover{background:var(--nav-hover,#f9fafb)}.wl-tr-selected{background:var(--nav-active,#f0f7ff)}.wl-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.wl-tr+.wl-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.wl-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.wl-td-name{color:var(--text-primary,#111827);font-weight:600}.wl-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.wl-status-badge{border-radius:99px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.wl-status-enabled{color:#2563eb;background:#eff6ff}.wl-status-disabled{color:#6b7280;background:#f3f4f6}.wl-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.wl-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.wl-action-buttons{align-items:center;gap:4px;display:flex}.wl-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.wl-action-view{color:var(--primary-color,#6366f1)}.wl-action-view:hover{background:#6366f11a}.wl-action-edit{color:#f59e0b}.wl-action-edit:hover{background:#f59e0b1a}.wl-action-delete{color:var(--danger-color,#ef4444)}.wl-action-delete:hover{background:#ef44441a}.wl-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.wl-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.wl-pagination-left,.wl-pagination-right{align-items:center;gap:8px;display:flex}.wl-pagination-center{align-items:center;gap:4px;display:flex}.wl-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.wl-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.wl-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.wl-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.wl-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.wl-page-btn:disabled{opacity:.5;cursor:not-allowed}.wl-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.wl-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.wl-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.wl-empty-state{text-align:center;padding:60px 20px}.wl-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.wl-empty-content svg{color:var(--text-secondary,#9ca3af)}.wl-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.wl-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.wl-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out wlFadeIn;display:flex;position:fixed;inset:0}@keyframes wlFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.wl-modal{background:var(--card-bg,#fff);width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.wl-modal-delete{max-width:450px}.wl-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.wl-modal-header-left{align-items:center;gap:12px;display:flex}.wl-modal-icon{background:color-mix(in srgb, var(--primary-color) 12%, transparent);width:32px;height:32px;color:var(--primary-color,#6366f1);border-radius:8px;justify-content:center;align-items:center;display:flex}.wl-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.wl-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.wl-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.wl-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.wl-modal-body::-webkit-scrollbar{width:6px}.wl-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.wl-field{flex-direction:column;align-items:flex-start;gap:5px;width:100%;display:flex}.wl-label{color:var(--text-secondary,#6b7280);text-align:left;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.wl-req{color:var(--danger-color,#ef4444)}.wl-input{border:1.5px solid var(--border-color,#e5e7eb);width:100%;height:40px;color:var(--text-primary,#111827);background:var(--input-bg,#f9fafb);box-sizing:border-box;border-radius:8px;outline:none;padding:0 12px;font-size:13.5px;transition:all .15s}.wl-input:hover{border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.wl-input:focus{border-color:var(--primary-color,#6366f1);background:var(--card-bg,#fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}.wl-input::placeholder{color:var(--text-secondary,#9ca3af)}.wl-select{border:1.5px solid var(--border-color,#e5e7eb);width:100%;height:40px;color:var(--text-primary,#111827);background:var(--input-bg,#f9fafb);box-sizing:border-box;cursor:pointer;appearance:auto;border-radius:8px;outline:none;padding:0 12px;font-size:13.5px;transition:all .15s}.wl-select:hover{border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.wl-select:focus{border-color:var(--primary-color,#6366f1);background:var(--card-bg,#fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}.wl-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.wl-btn-edit-full{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wl-btn-edit-full:hover{background:var(--nav-hover,#f9fafb);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.wl-btn-save{background:var(--primary-gradient,#6366f1);color:#fff;cursor:pointer;height:36px;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent);border:none;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wl-btn-save:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.wl-btn-save:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.wl-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wl-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.wl-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wl-btn-delete:hover{background:#dc2626}.wl-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.wl-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.dark-theme .wl-filter-btn,.dark-theme .wl-sort-btn,.dark-theme .wl-filter-select,.dark-theme .wl-page-btn,.dark-theme .wl-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .wl-filter-btn:hover,.dark-theme .wl-sort-btn:hover,.dark-theme .wl-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .wl-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .wl-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .wl-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .wl-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .wl-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .wl-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .wl-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .wl-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .wl-modal-header,.dark-theme .wl-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .wl-btn-edit-full{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .wl-btn-edit-full:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--primary-color,#3b82f6);color:var(--primary-color,#3b82f6)}.dark-theme .wl-btn-save{background:var(--primary-gradient,#3b82f6)}.dark-theme .wl-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .wl-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .wl-modal-icon{background:color-mix(in srgb, var(--primary-color) 20%, transparent)}.dark-theme .wl-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .wl-input:hover{background:var(--card-bg,#1e293b);border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color))}.dark-theme .wl-input:focus{background:var(--card-bg,#1e293b);border-color:var(--primary-color,#3b82f6)}.dark-theme .wl-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .wl-select{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .wl-select:hover{background:var(--card-bg,#1e293b);border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color))}.dark-theme .wl-select:focus{background:var(--card-bg,#1e293b);border-color:var(--primary-color,#3b82f6)}.dark-theme .wl-status-enabled{color:#60a5fa;background:#2563eb33}.dark-theme .wl-status-disabled{color:#9ca3af;background:#6b728033}.dark-theme .wl-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .wl-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .wl-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .wl-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .wl-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .wl-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .wl-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .wl-btn-primary:hover{background:var(--primary-hover,#2563eb)}@media (width<=1024px){.wl-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.wl-page{gap:12px;padding:12px}.wl-stats-container{grid-template-columns:1fr 1fr;gap:12px}.wl-filter-bar{flex-direction:column;align-items:stretch}.wl-filter-left{width:100%}.wl-search-wrapper{max-width:100%}.wl-filter-right{flex-wrap:wrap;justify-content:flex-start}.wl-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.wl-pagination-center{order:2}.wl-pagination-left,.wl-pagination-right{order:1}.wl-table{min-width:700px}.wl-th-check,.wl-td-check{width:30px;padding-left:10px}.wl-td{padding:8px 10px;font-size:12px}.wl-th{padding:8px 10px;font-size:11px}.wl-td-meta{flex-wrap:wrap;justify-content:flex-end}.wl-stat-card{padding:12px}.wl-stat-value{font-size:18px}.wl-modal{max-width:95vw}.wl-modal-body{padding:16px 20px}.wl-modal-footer{flex-wrap:wrap}.wl-btn-edit-full,.wl-btn-save,.wl-btn-cancel,.wl-btn-delete{flex:1;justify-content:center}}@media (width<=480px){.wl-stats-container{grid-template-columns:1fr}.wl-stat-card{padding:12px}.wl-stat-value{font-size:16px}.wl-stat-icon{width:36px;height:36px;font-size:16px}.wl-filter-right{flex-direction:column;width:100%}.wl-filter-right>*{width:100%}.wl-btn-primary{justify-content:center}.wl-pagination{padding:8px 0 0}.wl-pagination-center{flex-wrap:wrap;justify-content:center}.wl-modal{border-radius:12px;max-width:98vw}.wl-modal-body{padding:14px 16px}.wl-modal-title{font-size:14px}.wl-modal-header{padding:14px 16px}.wl-modal-footer{flex-direction:column-reverse;gap:8px}.wl-modal-footer button{width:100%}}.wl-loading{color:var(--text-secondary,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.wl-loading .spinning{animation:.8s linear infinite wlSpin}@keyframes wlSpin{to{transform:rotate(360deg)}}.wl-error{color:var(--danger-color,#ef4444);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.wl-retry-btn{border:1px solid var(--danger-color,#ef4444);color:var(--danger-color,#ef4444);cursor:pointer;background:0 0;border-radius:6px;padding:8px 24px;font-size:13px;transition:all .15s}.wl-retry-btn:hover{background:var(--danger-color,#ef4444);color:#fff}.dark-theme .wl-loading{color:var(--text-secondary,#94a3b8)}.dark-theme .wl-error{color:#f87171}.dark-theme .wl-retry-btn{color:#f87171;border-color:#f87171}.dark-theme .wl-retry-btn:hover{color:#1e293b;background:#f87171}.bf-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.bf-inner{max-width:1100px;margin:0 auto}.bf-header{align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.bf-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.bf-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:block}.bf-field{margin-bottom:18px}.bf-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.bf-label-icon{margin-right:4px}.bf-required{color:var(--danger-color)}.form-field:disabled{background:var(--layout-bg);color:var(--text-secondary);cursor:not-allowed}.bf-error-msg{color:var(--danger-color);align-items:center;gap:3px;margin-top:4px;font-size:11px;display:flex}.bf-divider{background:var(--border-color);height:1px;margin:18px 0}.bf-table-block{border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.bf-inline-table{border-collapse:collapse;width:100%;font-size:12.5px}.bf-ith{text-align:left;color:var(--text-secondary);background:var(--layout-bg);border-bottom:1px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:8px 12px;font-size:11px;font-weight:600}.bf-ith-check{width:36px}.bf-ith-no{width:44px}.bf-ith-act{text-align:center;width:40px}.bf-empty-row{text-align:center;color:var(--text-secondary);background:var(--card-bg);padding:14px;font-size:13px}.bf-itr{border-top:1px solid var(--border-color);transition:background .1s}.bf-itr:hover{background:var(--nav-hover)}.bf-itd{color:var(--text-primary);vertical-align:middle;text-align:left;padding:6px 10px}.bf-itd-check{text-align:center}.bf-itd-no{color:var(--text-secondary);text-align:center;font-size:12px}.bf-itd-act{text-align:center}.bf-cell-input{width:100%;height:28px;color:var(--text-primary);text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:0 8px;font-size:13px;transition:all .15s}.bf-cell-input:focus{border-color:var(--primary-color);background:var(--card-bg);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent)}.bf-cell-input:hover{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.bf-cell-input::placeholder{color:var(--text-secondary)}.bf-remove-row{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px;transition:all .15s}.bf-remove-row:hover{color:var(--danger-color);background:color-mix(in srgb, var(--danger-color) 10%, transparent)}.bf-add-row{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:8px;padding:4px 0;font-size:13px;font-weight:500;transition:all .15s;display:flex}.bf-add-row:hover{color:var(--primary-hover);transform:translate(4px)}.bf-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color);border-radius:3px;flex-shrink:0}.bf-comment-input-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.bf-comment-avatar{color:#92400e;background:#fde68a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.bf-comment-input{border:1px solid var(--border-color);height:34px;color:var(--text-primary);background:var(--card-bg);border-radius:6px;outline:none;flex:1;padding:0 12px;font-size:13px;transition:border-color .15s}.bf-comment-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent)}.bf-comment-input::placeholder{color:var(--text-secondary)}.bf-activity-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.bf-activity-title{border-bottom:none!important;margin:0!important;padding-bottom:0!important}.bf-new-email-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500;transition:color .15s}.bf-new-email-btn:hover{color:var(--primary-hover);text-decoration:underline}.bf-activity-list{margin:0;padding:0;list-style:none}.bf-activity-item{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:6px 0;font-size:13px}.bf-activity-item:last-child{border-bottom:none}.bf-activity-time{color:var(--text-secondary)}.bf-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}@media (width<=768px){.bf-card{padding:16px}.bf-table-block{overflow-x:auto}.bf-inline-table{min-width:500px}.bf-header{flex-wrap:wrap}.error-badge{justify-content:center;width:100%}.bf-footer{flex-direction:column-reverse;width:100%}.bf-footer button{justify-content:center;width:100%}.error-header{flex-direction:column;align-items:flex-start;gap:6px}.error-message{margin-left:0}.bf-activity-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=520px){.bf-page{padding:0 12px 20px}.bf-card{padding:12px}.header-title h1{font-size:16px}.bf-ith{padding:6px 8px;font-size:10px}.bf-itd{padding:4px 8px}}.bl-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.bl-page::-webkit-scrollbar{width:6px}.bl-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.bl-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.bl-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.bl-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.bl-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.bl-stat-icon{color:#fff;background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.bl-stat-content{flex:1;min-width:0}.bl-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.bl-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.bl-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.bl-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.bl-search-wrapper{flex:1;max-width:400px;position:relative}.bl-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.bl-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.bl-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.bl-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.bl-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.bl-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bl-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.bl-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.bl-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.bl-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.bl-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.bl-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.bl-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.bl-active-filters span{color:var(--text-primary,#111827)}.bl-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.bl-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.bl-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.bl-table-wrap::-webkit-scrollbar{height:6px}.bl-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.bl-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.bl-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.bl-table{border-collapse:collapse;width:100%;min-width:600px;font-size:13px}.bl-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.bl-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.bl-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.bl-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.bl-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.bl-tr{cursor:pointer;transition:background .15s}.bl-tr:hover{background:var(--nav-hover,#f9fafb)}.bl-tr-selected{background:var(--nav-active,#f0f7ff)}.bl-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.bl-tr+.bl-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.bl-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.bl-td-name{color:var(--text-primary,#111827);font-weight:600}.bl-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.bl-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.bl-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.bl-action-buttons{align-items:center;gap:4px;display:flex}.bl-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.bl-action-view{color:var(--primary-color,#6366f1)}.bl-action-view:hover{background:#6366f11a}.bl-action-edit{color:#f59e0b}.bl-action-edit:hover{background:#f59e0b1a}.bl-action-delete{color:var(--danger-color,#ef4444)}.bl-action-delete:hover{background:#ef44441a}.bl-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.bl-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.bl-pagination-left,.bl-pagination-right{align-items:center;gap:8px;display:flex}.bl-pagination-center{align-items:center;gap:4px;display:flex}.bl-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.bl-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.bl-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.bl-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.bl-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.bl-page-btn:disabled{opacity:.5;cursor:not-allowed}.bl-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.bl-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.bl-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.bl-empty-state{text-align:center;padding:60px 20px}.bl-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.bl-empty-content svg{color:var(--text-secondary,#9ca3af)}.bl-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.bl-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.bl-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out blFadeIn;display:flex;position:fixed;inset:0}@keyframes blFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.bl-modal{background:var(--card-bg,#fff);width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.bl-modal-delete{max-width:450px}.bl-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.bl-modal-header-left{align-items:center;gap:12px;display:flex}.bl-modal-icon{background:color-mix(in srgb, var(--primary-color) 12%, transparent);width:32px;height:32px;color:var(--primary-color,#6366f1);border-radius:8px;justify-content:center;align-items:center;display:flex}.bl-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.bl-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.bl-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.bl-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.bl-modal-body::-webkit-scrollbar{width:6px}.bl-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.bl-field{flex-direction:column;align-items:flex-start;gap:5px;width:100%;display:flex}.bl-label{color:var(--text-secondary,#6b7280);text-align:left;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.bl-req{color:var(--danger-color,#ef4444)}.bl-input{border:1.5px solid var(--border-color,#e5e7eb);width:100%;height:40px;color:var(--text-primary,#111827);background:var(--input-bg,#f9fafb);box-sizing:border-box;border-radius:8px;outline:none;padding:0 12px;font-size:13.5px;transition:all .15s}.bl-input:hover{border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.bl-input:focus{border-color:var(--primary-color,#6366f1);background:var(--card-bg,#fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}.bl-input::placeholder{color:var(--text-secondary,#9ca3af)}.bl-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.bl-btn-edit-full{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.bl-btn-edit-full:hover{background:var(--nav-hover,#f9fafb);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.bl-btn-save{background:var(--primary-gradient,#6366f1);color:#fff;cursor:pointer;height:36px;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent);border:none;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.bl-btn-save:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.bl-btn-save:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.bl-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.bl-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.bl-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.bl-btn-delete:hover{background:#dc2626}.bl-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.bl-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.dark-theme .bl-filter-btn,.dark-theme .bl-sort-btn,.dark-theme .bl-page-btn,.dark-theme .bl-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .bl-filter-btn:hover,.dark-theme .bl-sort-btn:hover,.dark-theme .bl-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .bl-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .bl-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .bl-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .bl-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .bl-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .bl-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .bl-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .bl-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .bl-modal-header,.dark-theme .bl-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .bl-btn-edit-full{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .bl-btn-edit-full:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--primary-color,#3b82f6);color:var(--primary-color,#3b82f6)}.dark-theme .bl-btn-save{background:var(--primary-gradient,#3b82f6)}.dark-theme .bl-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .bl-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .bl-modal-icon{background:color-mix(in srgb, var(--primary-color) 20%, transparent)}.dark-theme .bl-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .bl-input:hover{background:var(--card-bg,#1e293b);border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color))}.dark-theme .bl-input:focus{background:var(--card-bg,#1e293b);border-color:var(--primary-color,#3b82f6)}.dark-theme .bl-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .bl-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .bl-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .bl-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .bl-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .bl-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .bl-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .bl-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .bl-btn-primary:hover{background:var(--primary-hover,#2563eb)}@media (width<=1024px){.bl-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bl-page{gap:12px;padding:12px}.bl-stats-container{grid-template-columns:1fr 1fr;gap:12px}.bl-filter-bar{flex-direction:column;align-items:stretch}.bl-filter-left{width:100%}.bl-search-wrapper{max-width:100%}.bl-filter-right{flex-wrap:wrap;justify-content:flex-start}.bl-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.bl-pagination-center{order:2}.bl-pagination-left,.bl-pagination-right{order:1}.bl-table{min-width:600px}.bl-th-check,.bl-td-check{width:30px;padding-left:10px}.bl-td{padding:8px 10px;font-size:12px}.bl-th{padding:8px 10px;font-size:11px}.bl-td-meta{flex-wrap:wrap;justify-content:flex-end}.bl-stat-card{padding:12px}.bl-stat-value{font-size:18px}.bl-modal{max-width:95vw}.bl-modal-body{padding:16px 20px}.bl-modal-footer{flex-wrap:wrap}.bl-btn-edit-full,.bl-btn-save,.bl-btn-cancel,.bl-btn-delete{flex:1;justify-content:center}}@media (width<=480px){.bl-stats-container{grid-template-columns:1fr}.bl-stat-card{padding:12px}.bl-stat-value{font-size:16px}.bl-stat-icon{width:36px;height:36px;font-size:16px}.bl-filter-right{flex-direction:column;width:100%}.bl-filter-right>*{width:100%}.bl-btn-primary{justify-content:center}.bl-pagination{padding:8px 0 0}.bl-pagination-center{flex-wrap:wrap;justify-content:center}.bl-modal{border-radius:12px;max-width:98vw}.bl-modal-body{padding:14px 16px}.bl-modal-title{font-size:14px}.bl-modal-header{padding:14px 16px}.bl-modal-footer{flex-direction:column-reverse;gap:8px}.bl-modal-footer button{width:100%}}.uomf-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.uomf-inner{max-width:1100px;margin:0 auto}.uomf-header{align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.uomf-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.uomf-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:block}.uomf-field{margin-bottom:18px}.uomf-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.uomf-label-icon{margin-right:4px}.uomf-required{color:var(--danger-color)}.uomf-error-msg{color:var(--danger-color);align-items:center;gap:3px;margin-top:4px;font-size:11px;display:flex}.uomf-textarea{resize:vertical;min-height:60px;font-family:inherit}.uomf-grid-2{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px;display:grid}.uomf-field-check{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.uomf-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color);border-radius:3px;flex-shrink:0;margin-top:2px}.uomf-check-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.uomf-check-icon{font-size:12px}.uomf-check-hint{color:var(--text-secondary);margin-top:2px;font-size:12px}.uomf-divider{background:var(--border-color);height:1px;margin:18px 0}.uomf-comment-input-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.uomf-comment-avatar{color:#92400e;background:#fde68a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.uomf-comment-input{border:1px solid var(--border-color);height:34px;color:var(--text-primary);background:var(--card-bg);border-radius:6px;outline:none;flex:1;padding:0 12px;font-size:13px;transition:border-color .15s}.uomf-comment-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent)}.uomf-comment-input::placeholder{color:var(--text-secondary)}.uomf-activity-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.uomf-activity-title{border-bottom:none!important;margin:0!important;padding-bottom:0!important}.uomf-new-email-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500;transition:color .15s}.uomf-new-email-btn:hover{color:var(--primary-hover);text-decoration:underline}.uomf-activity-list{margin:0;padding:0;list-style:none}.uomf-activity-item{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:6px 0;font-size:13px}.uomf-activity-item:last-child{border-bottom:none}.uomf-activity-time{color:var(--text-secondary)}.uomf-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}@media (width<=768px){.uomf-grid-2{grid-template-columns:1fr;gap:0}.uomf-card{padding:16px}.uomf-header{flex-wrap:wrap}.error-badge{justify-content:center;width:100%}.uomf-footer{flex-direction:column-reverse;width:100%}.uomf-footer button{justify-content:center;width:100%}.error-header{flex-direction:column;align-items:flex-start;gap:6px}.error-message{margin-left:0}.uomf-activity-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=520px){.uomf-page{padding:0 12px 20px}.uomf-card{padding:12px}.header-title h1{font-size:16px}}.uoml-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.uoml-page::-webkit-scrollbar{width:6px}.uoml-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.uoml-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.uoml-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.uoml-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.uoml-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.uoml-stat-icon{color:#fff;background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.uoml-stat-content{flex:1;min-width:0}.uoml-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.uoml-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.uoml-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.uoml-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.uoml-search-wrapper{flex:1;max-width:400px;position:relative}.uoml-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.uoml-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.uoml-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.uoml-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.uoml-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.uoml-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.uoml-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.uoml-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.uoml-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.uoml-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.uoml-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.uoml-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.uoml-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.uoml-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.uoml-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.uoml-active-filters span{color:var(--text-primary,#111827)}.uoml-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.uoml-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.uoml-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.uoml-table-wrap::-webkit-scrollbar{height:6px}.uoml-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.uoml-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.uoml-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.uoml-table{border-collapse:collapse;width:100%;min-width:600px;font-size:13px}.uoml-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.uoml-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.uoml-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.uoml-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.uoml-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.uoml-tr{cursor:pointer;transition:background .15s}.uoml-tr:hover{background:var(--nav-hover,#f9fafb)}.uoml-tr-selected{background:var(--nav-active,#f0f7ff)}.uoml-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.uoml-tr+.uoml-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.uoml-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.uoml-td-name{color:var(--text-primary,#111827);font-weight:600}.uoml-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.uoml-status-badge{border-radius:99px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.uoml-status-enabled{color:#2563eb;background:#eff6ff}.uoml-status-disabled{color:#6b7280;background:#f3f4f6}.uoml-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.uoml-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.uoml-action-buttons{align-items:center;gap:4px;display:flex}.uoml-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.uoml-action-view{color:var(--primary-color,#6366f1)}.uoml-action-view:hover{background:#6366f11a}.uoml-action-edit{color:#f59e0b}.uoml-action-edit:hover{background:#f59e0b1a}.uoml-action-delete{color:var(--danger-color,#ef4444)}.uoml-action-delete:hover{background:#ef44441a}.uoml-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.uoml-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.uoml-pagination-left,.uoml-pagination-right{align-items:center;gap:8px;display:flex}.uoml-pagination-center{align-items:center;gap:4px;display:flex}.uoml-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.uoml-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.uoml-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.uoml-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.uoml-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.uoml-page-btn:disabled{opacity:.5;cursor:not-allowed}.uoml-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.uoml-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.uoml-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.uoml-empty-state{text-align:center;padding:60px 20px}.uoml-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.uoml-empty-content svg{color:var(--text-secondary,#9ca3af)}.uoml-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.uoml-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.uoml-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out uomlFadeIn;display:flex;position:fixed;inset:0}@keyframes uomlFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.uoml-modal{background:var(--card-bg,#fff);width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.uoml-modal-delete{max-width:450px}.uoml-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.uoml-modal-header-left{align-items:center;gap:12px;display:flex}.uoml-modal-icon{background:color-mix(in srgb, var(--primary-color) 12%, transparent);width:32px;height:32px;color:var(--primary-color,#6366f1);border-radius:8px;justify-content:center;align-items:center;display:flex}.uoml-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.uoml-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.uoml-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.uoml-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.uoml-modal-body::-webkit-scrollbar{width:6px}.uoml-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.uoml-field{flex-direction:column;align-items:flex-start;gap:5px;width:100%;display:flex}.uoml-label{color:var(--text-secondary,#6b7280);text-align:left;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.uoml-req{color:var(--danger-color,#ef4444)}.uoml-input{border:1.5px solid var(--border-color,#e5e7eb);width:100%;height:40px;color:var(--text-primary,#111827);background:var(--input-bg,#f9fafb);box-sizing:border-box;border-radius:8px;outline:none;padding:0 12px;font-size:13.5px;transition:all .15s}.uoml-input:hover{border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.uoml-input:focus{border-color:var(--primary-color,#6366f1);background:var(--card-bg,#fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}.uoml-input::placeholder{color:var(--text-secondary,#9ca3af)}.uoml-select{border:1.5px solid var(--border-color,#e5e7eb);width:100%;height:40px;color:var(--text-primary,#111827);background:var(--input-bg,#f9fafb);box-sizing:border-box;cursor:pointer;appearance:auto;border-radius:8px;outline:none;padding:0 12px;font-size:13.5px;transition:all .15s}.uoml-select:hover{border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.uoml-select:focus{border-color:var(--primary-color,#6366f1);background:var(--card-bg,#fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}.uoml-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.uoml-btn-edit-full{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.uoml-btn-edit-full:hover{background:var(--nav-hover,#f9fafb);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.uoml-btn-save{background:var(--primary-gradient,#6366f1);color:#fff;cursor:pointer;height:36px;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent);border:none;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.uoml-btn-save:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.uoml-btn-save:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.uoml-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.uoml-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.uoml-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.uoml-btn-delete:hover{background:#dc2626}.uoml-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.uoml-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.uoml-category-select-wrapper{width:100%;position:relative}.uoml-category-input-wrapper{align-items:center;gap:8px;display:flex}.uoml-category-input-wrapper .uoml-input{flex:1}.uoml-category-add-btn{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);width:40px;height:40px;color:var(--primary-color,#6366f1);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.uoml-category-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 10%, transparent);border-color:var(--primary-color,#6366f1);transform:scale(1.05)}.uoml-category-dropdown{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);box-shadow:0 4px 12px var(--shadow-color,#00000026);z-index:10;border-radius:8px;max-height:200px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.uoml-category-dropdown::-webkit-scrollbar{width:4px}.uoml-category-dropdown::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:2px}.uoml-category-dropdown-item{cursor:pointer;color:var(--text-primary,#374151);padding:10px 14px;font-size:13.5px;transition:background .1s}.uoml-category-dropdown-item:hover{background:var(--nav-hover,#f3f4f6)}.uoml-category-dropdown-empty{text-align:center;color:var(--text-secondary,#6b7280);flex-direction:column;gap:8px;padding:20px 14px;font-size:13px;display:flex}.uoml-category-dropdown-divider{background:var(--border-color,#e5e7eb);height:1px;margin:4px 0}.uoml-category-dropdown-add-btn{width:100%;color:var(--primary-color,#6366f1);cursor:pointer;background:0 0;border:none;border-radius:0 0 8px 8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:background .1s;display:flex}.uoml-category-dropdown-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.uoml-category-dropdown-add{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);color:var(--primary-color,#6366f1);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:all .15s;display:inline-flex}.uoml-category-dropdown-add:hover{background:color-mix(in srgb, var(--primary-color) 10%, transparent);border-color:var(--primary-color,#6366f1)}.uoml-category-selected{color:var(--text-secondary,#6b7280);margin-top:4px;font-size:12px}.uoml-modal-category{max-width:450px}.uoml-api-error{background:color-mix(in srgb, var(--danger-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger-color) 30%, transparent);color:var(--danger-color,#ef4444);border-radius:8px;align-items:center;gap:10px;margin:0 24px;padding:10px 16px;font-size:13px;display:flex}.uoml-api-error .error-icon{flex-shrink:0;font-size:14px}.uoml-api-error .error-close{color:var(--danger-color,#ef4444);cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:18px}.uoml-api-error .error-close:hover{opacity:1}.uoml-loading{color:var(--text-secondary,#6b7280);justify-content:center;align-items:center;padding:40px;display:flex}.uoml-error{color:var(--danger-color,#ef4444);flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.uoml-retry-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;padding:8px 20px;transition:all .15s}.uoml-retry-btn:hover{background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.uoml-field-check{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0;display:flex}.uoml-check-label{color:var(--text-primary,#374151);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.uoml-check-hint{color:var(--text-secondary,#6b7280);margin:0;padding-left:24px;font-size:12px}.dark-theme .uoml-filter-btn,.dark-theme .uoml-sort-btn,.dark-theme .uoml-filter-select,.dark-theme .uoml-page-btn,.dark-theme .uoml-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .uoml-filter-btn:hover,.dark-theme .uoml-sort-btn:hover,.dark-theme .uoml-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .uoml-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .uoml-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .uoml-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .uoml-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .uoml-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .uoml-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .uoml-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .uoml-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .uoml-modal-header,.dark-theme .uoml-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .uoml-btn-edit-full{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .uoml-btn-edit-full:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--primary-color,#3b82f6);color:var(--primary-color,#3b82f6)}.dark-theme .uoml-btn-save{background:var(--primary-gradient,#3b82f6)}.dark-theme .uoml-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .uoml-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .uoml-modal-icon{background:color-mix(in srgb, var(--primary-color) 20%, transparent)}.dark-theme .uoml-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .uoml-input:hover{background:var(--card-bg,#1e293b);border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color))}.dark-theme .uoml-input:focus{background:var(--card-bg,#1e293b);border-color:var(--primary-color,#3b82f6)}.dark-theme .uoml-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .uoml-select{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .uoml-select:hover{background:var(--card-bg,#1e293b);border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color))}.dark-theme .uoml-select:focus{background:var(--card-bg,#1e293b);border-color:var(--primary-color,#3b82f6)}.dark-theme .uoml-status-enabled{color:#60a5fa;background:#2563eb33}.dark-theme .uoml-status-disabled{color:#9ca3af;background:#6b728033}.dark-theme .uoml-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .uoml-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .uoml-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .uoml-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .uoml-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .uoml-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .uoml-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .uoml-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .uoml-category-add-btn{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--primary-color,#3b82f6)}.dark-theme .uoml-category-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 20%, transparent)}.dark-theme .uoml-category-dropdown{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .uoml-category-dropdown-item{color:var(--text-primary,#f8fafc)}.dark-theme .uoml-category-dropdown-item:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .uoml-category-dropdown-empty{color:var(--text-secondary,#94a3b8)}.dark-theme .uoml-category-dropdown-divider{background:var(--border-color,#334155)}.dark-theme .uoml-category-dropdown-add-btn{color:var(--primary-color,#3b82f6)}.dark-theme .uoml-category-dropdown-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 20%, transparent)}.dark-theme .uoml-category-dropdown-add{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--primary-color,#3b82f6)}.dark-theme .uoml-category-dropdown-add:hover{background:color-mix(in srgb, var(--primary-color) 20%, transparent)}.dark-theme .uoml-category-selected{color:var(--text-secondary,#94a3b8)}.dark-theme .uoml-api-error{background:color-mix(in srgb, var(--danger-color) 15%, transparent);border-color:color-mix(in srgb, var(--danger-color) 30%, transparent);color:#f87171}.dark-theme .uoml-api-error .error-close{color:#f87171}.dark-theme .uoml-check-label{color:var(--text-primary,#f8fafc)}.dark-theme .uoml-check-hint{color:var(--text-secondary,#94a3b8)}@media (width<=1024px){.uoml-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.uoml-page{gap:12px;padding:12px}.uoml-stats-container{grid-template-columns:1fr 1fr;gap:12px}.uoml-filter-bar{flex-direction:column;align-items:stretch}.uoml-filter-left{width:100%}.uoml-search-wrapper{max-width:100%}.uoml-filter-right{flex-wrap:wrap;justify-content:flex-start}.uoml-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.uoml-pagination-center{order:2}.uoml-pagination-left,.uoml-pagination-right{order:1}.uoml-table{min-width:600px}.uoml-th-check,.uoml-td-check{width:30px;padding-left:10px}.uoml-td{padding:8px 10px;font-size:12px}.uoml-th{padding:8px 10px;font-size:11px}.uoml-td-meta{flex-wrap:wrap;justify-content:flex-end}.uoml-stat-card{padding:12px}.uoml-stat-value{font-size:18px}.uoml-modal{max-width:95vw}.uoml-modal-body{padding:16px 20px}.uoml-modal-footer{flex-wrap:wrap}.uoml-btn-edit-full,.uoml-btn-save,.uoml-btn-cancel,.uoml-btn-delete{flex:1;justify-content:center}}@media (width<=480px){.uoml-stats-container{grid-template-columns:1fr}.uoml-stat-card{padding:12px}.uoml-stat-value{font-size:16px}.uoml-stat-icon{width:36px;height:36px;font-size:16px}.uoml-filter-right{flex-direction:column;width:100%}.uoml-filter-right>*{width:100%}.uoml-btn-primary{justify-content:center}.uoml-pagination{padding:8px 0 0}.uoml-pagination-center{flex-wrap:wrap;justify-content:center}.uoml-modal{border-radius:12px;max-width:98vw}.uoml-modal-body{padding:14px 16px}.uoml-modal-title{font-size:14px}.uoml-modal-header{padding:14px 16px}.uoml-modal-footer{flex-direction:column-reverse;gap:8px}.uoml-modal-footer button{width:100%}}.settings-container{max-width:1200px;margin:0 auto;padding:24px}.settings-page-header{margin-bottom:32px}.settings-page-title{color:var(--text-primary,#111827);margin:0 0 8px;font-size:24px;font-weight:600}.settings-page-description{color:var(--text-secondary,#6b7280);margin:0;font-size:14px}.settings-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.settings-card-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.settings-card-header-content{flex:1}.settings-card-header-content h2{color:var(--text-primary,#111827);margin:0 0 6px;font-size:18px;font-weight:600}.settings-theme-description{color:var(--text-secondary,#6b7280);margin:0;font-size:13px}.settings-current-theme-badge{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:8px 16px;display:flex}.settings-badge-label{color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.settings-badge-value{color:var(--text-primary,#111827);text-transform:capitalize;font-size:14px;font-weight:600}.settings-card-body{padding:24px}.settings-theme-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.settings-theme-option{border:2px solid var(--border-color,#e5e7eb);cursor:pointer;background:var(--card-bg,#fff);border-radius:16px;transition:all .3s;overflow:hidden}.settings-theme-option:hover{border-color:var(--primary-color,#6366f1);transform:translateY(-4px);box-shadow:0 8px 25px #00000014}.settings-theme-option.settings-active-theme{border-color:var(--primary-color,#6366f1);transform:translateY(-4px);box-shadow:0 0 0 4px #6366f126}.settings-theme-preview{height:160px;display:flex;overflow:hidden}.settings-preview-sidebar{flex-direction:column;gap:8px;width:70px;padding:12px 10px;display:flex}.settings-preview-logo{background:#ffffff26;border-radius:6px;width:100%;height:18px;margin-bottom:10px}.settings-preview-menu-item{background:#ffffff14;border-radius:4px;width:100%;height:10px}.settings-preview-menu-item:nth-child(3){width:75%}.settings-preview-menu-item:nth-child(4){width:85%}.settings-preview-content{background:var(--card-bg,#fff);flex:1;padding:10px}.settings-preview-navbar{border-radius:8px;justify-content:flex-end;align-items:center;height:35px;margin-bottom:10px;padding:0 12px;display:flex}.settings-preview-nav-dots{gap:6px;display:flex}.settings-preview-nav-dots span{background:#00000026;border-radius:50%;width:5px;height:5px}.settings-preview-cards{gap:6px;display:grid}.settings-preview-cards div{opacity:.8;border-radius:6px;height:25px}.settings-preview-cards div:nth-child(2){opacity:.6}.settings-preview-cards div:nth-child(3){opacity:.4}.settings-theme-info{border-top:1px solid var(--border-color,#e5e7eb);padding:14px 16px}.settings-theme-info-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.settings-theme-info h4{color:var(--text-primary,#111827);margin:0;font-size:15px;font-weight:600}.settings-theme-info p{color:var(--text-secondary,#6b7280);margin:0 0 8px;font-size:12.5px;line-height:1.5}.settings-active-badge{color:#059669;white-space:nowrap;background:#d1fae5;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.settings-active-indicator{background:var(--layout-bg,#f9fafb);border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:6px 12px;display:flex}.settings-active-indicator span{color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.settings-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite settings-pulse}@keyframes settings-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media (width<=768px){.settings-container{padding:16px}.settings-page-title{font-size:20px}.settings-card-header{flex-direction:column;align-items:stretch;padding:16px}.settings-current-theme-badge{align-self:flex-start}.settings-card-body{padding:16px}.settings-theme-grid{grid-template-columns:1fr;gap:16px}.settings-theme-preview{height:140px}.settings-preview-sidebar{width:60px}.settings-badge-value{font-size:13px}}@media (width>=769px) and (width<=1024px){.settings-theme-grid{grid-template-columns:repeat(2,1fr)}}.bom-page{background:var(--layout-bg,#f5f7fb);height:100%;color:var(--text-primary,#1f2433);border-radius:8px;flex-direction:column;gap:16px;padding:20px;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden auto}.bom-page::-webkit-scrollbar{width:6px}.bom-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.bom-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.bom-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.bom-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.bom-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.bom-stat-icon{color:#fff;background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.bom-stat-content{flex:1;min-width:0}.bom-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.bom-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.bom-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.bom-breadcrumb{align-items:center;gap:8px;font-size:14px;display:flex}.bom-breadcrumb__home{background:linear-gradient(135deg, var(--primary-color,#4f46e5), #818cf8);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:box-shadow .15s,transform .1s;display:inline-flex}.bom-breadcrumb__home:hover{box-shadow:0 2px 8px #4f46e54d}.bom-breadcrumb__home:active{transform:translateY(1px)}.bom-breadcrumb__crumb{color:var(--text-secondary,#8b92a5)}.bom-breadcrumb__crumb--active{color:var(--text-primary,#1f2433);font-weight:600}.bom-breadcrumb__sep{color:var(--text-secondary,#9ca3af)}.bom-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bom-dropdown{position:relative}.bom-pill{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:34px;color:var(--text-primary,#1f2433);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.bom-pill:hover{box-shadow:0 2px 8px var(--shadow-color,#14182814)}.bom-pill:active{transform:translateY(1px)}.bom-pill__icon{display:inline-flex}.bom-pill__chev{opacity:.7;margin-left:2px}.bom-pill--blue{--tint:#e9f1ff;--tone:var(--primary-color,#3b82f6)}.bom-pill--blue:hover{border-color:var(--tone);color:var(--tone);background:var(--tint)}.bom-pill--violet{--tint:#f3edff;--tone:#8b5cf6}.bom-pill--violet:hover{border-color:var(--tone);color:var(--tone);background:var(--tint)}.bom-icon-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);width:34px;height:34px;color:var(--text-secondary,#8b92a5);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.bom-icon-btn:hover{border-color:var(--tone,var(--border-color));color:var(--tone,var(--text-primary));background:var(--tint,var(--layout-bg))}.bom-icon-btn--teal{--tone:#14b8a6;--tint:#e7faf6}.bom-icon-btn--slate{--tone:#475569;--tint:#f1f3f7}.bom-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.bom-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.bom-btn-primary:active{transform:translateY(0)}.bom-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.bom-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.bom-search-wrapper{flex:1;max-width:400px;position:relative}.bom-search-icon{color:var(--text-secondary,#9ca3af);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.bom-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.bom-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.bom-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.bom-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.bom-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bom-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.bom-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.bom-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.bom-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.bom-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex;position:relative}.bom-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.bom-sort-btn .bom-menu{top:calc(100% + 8px);left:auto;right:0}.bom-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.bom-active-filters span{color:var(--text-primary,#111827)}.bom-clear-filters{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.bom-clear-filters:hover{background:var(--layout-bg,#f9fafb)}.bom-table-wrap{background:var(--card-bg,#fff);width:100%;box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow-x:auto}.bom-table-wrap::-webkit-scrollbar{height:6px}.bom-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.bom-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.bom-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.bom-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.bom-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.bom-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.bom-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.bom-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.bom-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.bom-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.bom-td-id{color:var(--text-primary,#111827);font-weight:600}.bom-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.bom-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.bom-tr{cursor:default;transition:background .15s}.bom-tr:hover{background:var(--nav-hover,#f9fafb)}.bom-tr-selected{background:var(--nav-active,#f0f7ff)}.bom-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.bom-tr+.bom-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.bom-id-link{color:var(--primary-color,#4f46e5);font-size:13px;font-weight:700;text-decoration:none}.bom-id-link:hover{text-decoration:underline}.bom-status-pill{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:99px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.bom-check-badge{border:1.5px solid var(--border-color);background:var(--card-bg,#fff);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:flex}.bom-check-badge--on{background:linear-gradient(135deg,#10b981,#22c55e);border-color:#22c55e}.bom-cost{color:#334155;white-space:nowrap;font-size:13px;font-weight:600}.bom-toggle-dot{border:1px solid var(--border-color,#e5e7eb);background:#f1f5f9;border-radius:5px;width:18px;height:18px}.bom-toggle-dot--on{background:#dcfce7;border-color:#86efac}.bom-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.bom-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.bom-action-buttons{align-items:center;gap:4px;display:flex}.bom-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.bom-action-view{color:var(--primary-color,#6366f1)}.bom-action-view:hover{background:#6366f11a}.bom-action-edit{color:#f59e0b}.bom-action-edit:hover{background:#f59e0b1a}.bom-action-delete{color:var(--danger-color,#ef4444)}.bom-action-delete:hover{background:#ef44441a}.bom-empty-state{text-align:center;padding:60px 20px}.bom-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.bom-empty-content svg{color:var(--text-secondary,#9ca3af)}.bom-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.bom-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.bom-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.bom-pagination-left,.bom-pagination-right{align-items:center;gap:8px;display:flex}.bom-pagination-center{align-items:center;gap:4px;display:flex}.bom-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.bom-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.bom-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.bom-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.bom-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.bom-page-btn:disabled{opacity:.5;cursor:not-allowed}.bom-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.bom-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.bom-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.bom-menu{z-index:30;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);min-width:200px;max-height:260px;box-shadow:0 10px 28px var(--shadow-color,#1418281f);border-radius:10px;padding:6px;animation:.12s ease-out bom-pop;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}@keyframes bom-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bom-menu--sm{min-width:170px}.bom-menu--list{min-width:240px}.bom-menu--narrow{min-width:150px}.bom-menu--right{left:auto;right:0}.bom-menu__item{color:var(--text-primary,#1f2433);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.bom-menu__item:hover{background:var(--layout-bg,#f9fafb)}.bom-menu__item--active{color:var(--primary-color,#4f46e5)}.bom-menu__check{color:var(--primary-color,#4f46e5);flex-shrink:0}.bom-menu__item:not(.bom-menu__item--active) .bom-menu__check{visibility:hidden}.bom-menu__empty{color:var(--text-secondary,#9ca3af);text-align:center;padding:14px 10px;font-size:13px}@media (width<=1024px){.bom-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bom-page{gap:12px;padding:12px}.bom-stats-container{grid-template-columns:1fr 1fr;gap:12px}.bom-header{flex-direction:column;align-items:flex-start}.bom-actions{justify-content:flex-start;width:100%}.bom-filter-bar{flex-direction:column;align-items:stretch}.bom-filter-left{width:100%}.bom-search-wrapper{max-width:100%}.bom-filter-right{flex-wrap:wrap;justify-content:flex-start}.bom-pagination{flex-direction:column;align-items:center}.bom-pagination-center{order:2}.bom-pagination-left,.bom-pagination-right{order:1}.bom-table{min-width:700px}.bom-th-check,.bom-td-check{width:30px;padding-left:10px}.bom-td{padding:8px 10px;font-size:12px}.bom-th{padding:8px 10px;font-size:11px}.bom-td-meta{flex-wrap:wrap;justify-content:flex-end}.bom-stat-card{padding:12px}.bom-stat-value{font-size:18px}}@media (width<=480px){.bom-stats-container{grid-template-columns:1fr}.bom-stat-card{padding:12px}.bom-stat-value{font-size:16px}.bom-stat-icon{width:36px;height:36px;font-size:16px}.bom-actions{flex-wrap:wrap}.bom-actions>*{flex:auto}.bom-btn-primary{flex:1;justify-content:center}.bom-filter-right{flex-direction:column;width:100%}.bom-filter-right>*{width:100%}.bom-pagination{padding:8px 0 0}.bom-pagination-center{flex-wrap:wrap;justify-content:center}}.dark-theme .bom-page{background:var(--layout-bg,#0f172a)}.dark-theme .bom-filter-btn,.dark-theme .bom-sort-btn,.dark-theme .bom-filter-select,.dark-theme .bom-page-btn,.dark-theme .bom-page-size-select,.dark-theme .bom-menu{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .bom-filter-btn:hover,.dark-theme .bom-sort-btn:hover,.dark-theme .bom-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .bom-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .bom-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .bom-table-wrap{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .bom-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .bom-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .bom-td{background:var(--card-bg,#1e293b);color:var(--text-primary,#f8fafc)}.dark-theme .bom-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .bom-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .bom-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .bom-check-badge{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .bom-check-badge--on{background:linear-gradient(135deg,#10b981,#22c55e);border-color:#22c55e}.dark-theme .bom-toggle-dot{background:#334155;border-color:#475569}.dark-theme .bom-toggle-dot--on{background:#065f46;border-color:#34d399}.dark-theme .bom-status-pill{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.dark-theme .bom-id-link{color:var(--primary-color,#818cf8)}.dark-theme .bom-cost{color:#d1d5db}.dark-theme .bom-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .bom-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .bom-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .bom-clear-filters:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .bom-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .bom-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .bom-pagination{border-color:var(--border-color,#334155)}.dark-theme .bom-pagination-label,.dark-theme .bom-pagination-info,.dark-theme .bom-count-label,.dark-theme .bom-breadcrumb__crumb{color:var(--text-secondary,#94a3b8)}.dark-theme .bom-breadcrumb__crumb--active{color:var(--text-primary,#f8fafc)}.dark-theme .bom-ago{color:var(--text-secondary,#94a3b8)}.dark-theme .bom-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .bom-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .bom-pill{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .bom-icon-btn{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .bom-menu__item{color:var(--text-primary,#f8fafc)}.dark-theme .bom-menu__item:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .bom-menu__item--active{color:var(--primary-color,#818cf8)}.dark-theme .bom-menu__empty{color:var(--text-secondary,#94a3b8)}.bom-loading-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.bom-loading-state p{color:var(--text-secondary,#6b7280);margin:0;font-size:14px}.bom-spinner{border:3px solid var(--border-color,#e5e7eb);border-top-color:var(--primary-color,#6366f1);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite bom-spin}@keyframes bom-spin{to{transform:rotate(360deg)}}.bom-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.bom-error-banner span{flex:1}.bom-error-close{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:inline-flex}.bom-error-close:hover{background:#dc26261a}.bom-status--active{color:#15803d;background:#dcfce7;border-color:#86efac}.bom-status--disabled{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.dark-theme .bom-error-banner{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.dark-theme .bom-error-close:hover{background:#ef444433}.dark-theme .bom-loading-state p{color:var(--text-secondary,#94a3b8)}.dark-theme .bom-spinner{border-color:var(--border-color,#334155);border-top-color:var(--primary-color,#818cf8)}.dark-theme .bom-status--active{color:#34d399;background:#10b98133;border-color:#10b9814d}.dark-theme .bom-status--disabled{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.bom-tab{cursor:pointer;color:var(--text-secondary,#6b7280);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s}.bom-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:4px;height:24px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.bom-tabs{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;flex-shrink:0;gap:4px;padding:4px;display:flex}.bom-tab{cursor:pointer;color:var(--text-secondary,#6b7280);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.bom-tab:hover{background:var(--nav-hover,#f9fafb);color:var(--text-primary,#1f2433)}.bom-tab--active{background:var(--primary-color,#6366f1);color:#fff;box-shadow:0 2px 8px #6366f14d}.bom-tab--active:hover{background:var(--primary-hover,#4f46e5);color:#fff}.bom-tab-count{background:#0000001a;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.bom-tab--active .bom-tab-count{background:#ffffff40}.dark-theme .bom-tabs{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .bom-tab{color:var(--text-secondary,#94a3b8)}.dark-theme .bom-tab:hover{background:var(--nav-hover,#ffffff0d);color:var(--text-primary,#f8fafc)}.dark-theme .bom-tab--active{background:var(--primary-color,#3b82f6);color:#fff}.bom-type-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;height:24px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.bom-type--internal{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.bom-type--external{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.dark-theme .bom-type--internal{color:#93c5fd;background:#3b82f626;border-color:#3b82f64d}.dark-theme .bom-type--external{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b4d}@media (width<=768px){.bom-tabs{flex-direction:column;gap:2px}.bom-tab{justify-content:flex-start;padding:8px 12px}}.bom-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s bom-fade-in;display:flex;position:fixed;inset:0}@keyframes bom-fade-in{0%{opacity:0}to{opacity:1}}.bom-modal{background:var(--card-bg,#fff);border-radius:12px;width:90%;max-width:440px;padding:24px;animation:.3s bom-modal-slide;box-shadow:0 20px 60px #0003}@keyframes bom-modal-slide{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.bom-modal-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.bom-modal-icon{color:#dc2626;background:#fef2f2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bom-modal-title{color:var(--text-primary,#1f2433);margin:0 0 4px;font-size:16px;font-weight:600}.bom-modal-subtitle{color:var(--text-secondary,#6b7280);margin:0;font-size:13px;line-height:1.5}.bom-modal-body{margin-bottom:20px}.bom-modal-info{background:var(--layout-bg,#f9fafb);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.bom-modal-info-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.bom-modal-info-label{color:var(--text-secondary,#6b7280)}.bom-modal-info-value{color:var(--text-primary,#1f2433);font-weight:500}.bom-modal-footer{justify-content:flex-end;gap:8px;display:flex}.bom-btn-secondary{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:38px;color:var(--text-primary,#1f2433);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.bom-btn-secondary:hover{background:var(--nav-hover,#f9fafb)}.bom-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.bom-btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.bom-btn-danger:active{transform:translateY(0)}.bom-btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.bom-toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.bom-toast{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;align-items:center;gap:10px;min-width:300px;max-width:450px;padding:12px 16px;animation:.3s bom-toast-slide;display:flex;box-shadow:0 10px 30px #00000026}@keyframes bom-toast-slide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.bom-toast--success{border-left:4px solid #10b981}.bom-toast--error{border-left:4px solid #dc2626}.bom-toast--info{border-left:4px solid #3b82f6}.bom-toast-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bom-toast--success .bom-toast-icon{color:#16a34a;background:#dcfce7}.bom-toast--error .bom-toast-icon{color:#dc2626;background:#fef2f2}.bom-toast--info .bom-toast-icon{color:#3b82f6;background:#eff6ff}.bom-toast-content{flex:1}.bom-toast-title{color:var(--text-primary,#1f2433);margin:0;font-size:13px;font-weight:600}.bom-toast-message{color:var(--text-secondary,#6b7280);margin:2px 0 0;font-size:12px}.bom-toast-close{width:24px;height:24px;color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.bom-toast-close:hover{background:var(--nav-hover,#f3f4f6)}.dark-theme .bom-modal-overlay{background:#000000b3}.dark-theme .bom-modal{background:var(--card-bg,#1e293b)}.dark-theme .bom-modal-title{color:var(--text-primary,#f8fafc)}.dark-theme .bom-modal-subtitle{color:var(--text-secondary,#94a3b8)}.dark-theme .bom-modal-info{background:var(--layout-bg,#0f172a)}.dark-theme .bom-modal-info-label{color:var(--text-secondary,#94a3b8)}.dark-theme .bom-modal-info-value{color:var(--text-primary,#f8fafc)}.dark-theme .bom-btn-secondary{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .bom-btn-secondary:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .bom-toast{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .bom-toast-title{color:var(--text-primary,#f8fafc)}.dark-theme .bom-toast-message{color:var(--text-secondary,#94a3b8)}:root{--c-primary:var(--primary-color,#1a56db);--c-primary-hover:var(--primary-color,#1547c0);--c-danger:#e24b4a;--c-teal:#0f766e;--c-text:var(--text-primary,#111827);--c-text-muted:var(--text-secondary,#6b7280);--c-text-hint:#9ca3af;--c-border:var(--border-color,#e5e7eb);--c-border-hover:#d1d5db;--c-bg:var(--card-bg,#fff);--c-bg-page:var(--layout-bg,#f5f7fb);--c-bg-muted:#f3f4f6;--c-radius-sm:6px;--c-radius-md:8px;--c-radius-lg:12px;--c-shadow-popup:0 8px 32px #00000024, 0 2px 8px #00000014;--c-shadow-sm:0 1px 3px #0000000f;--c-transition:.16s cubic-bezier(.4, 0, .2, 1)}.nbom-page{background:var(--c-bg-page);min-height:100vh;color:var(--c-text);flex-direction:column;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:13px;display:flex}.nbom-body{flex-direction:column;gap:16px;width:100%;max-width:1400px;margin:0 auto;padding:24px;animation:.2s nbom-fade-slide;display:flex}@keyframes nbom-fade-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.nbom-topbar{background:var(--c-bg);border-bottom:1px solid var(--c-border);height:56px;box-shadow:var(--c-shadow-sm);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:0 24px;display:flex}.nbom-breadcrumb{color:var(--c-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.nbom-breadcrumb__list{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.nbom-breadcrumb__item{align-items:center;display:flex}.nbom-breadcrumb__home-btn{cursor:pointer;color:var(--c-text-muted);border-radius:var(--c-radius-sm);transition:all var(--c-transition);background:0 0;border:none;align-items:center;padding:4px;display:flex}.nbom-breadcrumb__home-btn:hover{color:var(--c-primary);background:#eff6ff}.nbom-breadcrumb__sep{color:var(--c-border-hover);align-items:center;display:flex}.nbom-breadcrumb__link{cursor:pointer;color:var(--c-text-muted);border-radius:var(--c-radius-sm);transition:all var(--c-transition);background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:12px}.nbom-breadcrumb__link:hover{color:var(--c-primary);background:#eff6ff}.nbom-breadcrumb__current{color:var(--c-text);align-items:center;gap:6px;padding:2px 4px;font-weight:600;display:flex}.nbom-breadcrumb__current-dot{background:var(--c-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.nbom-topbar__right{align-items:center;gap:10px;display:flex}.nbom-error-pill{color:#dc2626;white-space:nowrap;background:#fef2f2;border:1px solid #fca5a5;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.nbom-btn-save{background:linear-gradient(135deg, var(--c-primary), #1e40af);color:#fff;border-radius:var(--c-radius-md);cursor:pointer;height:36px;transition:all var(--c-transition);border:none;align-items:center;gap:6px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #2563eb4d}.nbom-btn-save:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb59}.nbom-btn-save:active{transform:translateY(0)}.nbom-btn-save:disabled{opacity:.6;cursor:not-allowed}.nbom-stepper-wrap{background:var(--c-bg);border-bottom:1px solid var(--c-border);box-sizing:border-box;width:100%;box-shadow:var(--c-shadow-sm);padding:8px 24px}.nbom-stepper-row{gap:4px;max-width:1400px;margin:0 auto;display:flex}.nbom-step-btn{cursor:pointer;border-radius:var(--c-radius-md);transition:background var(--c-transition);text-align:left;background:0 0;border:none;outline:none;flex:1;align-items:center;gap:10px;min-width:140px;padding:10px 20px;display:flex;position:relative}.nbom-step-btn:hover{background:var(--c-bg-page)}.nbom-step-btn--active{background:#eff6ff}.nbom-step-circle{border:2px solid var(--c-border);background:var(--c-bg-muted);width:32px;height:32px;color:var(--c-text-muted);transition:all var(--c-transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative}.nbom-step-circle--active{border-color:var(--c-primary);background:var(--c-primary);color:#fff}.nbom-step-label-wrap{flex-direction:column;gap:2px;display:flex}.nbom-step-step{letter-spacing:.5px;text-transform:uppercase;color:var(--c-text-muted);font-size:10px;font-weight:600}.nbom-step-step--active{color:var(--c-primary)}.nbom-step-name{color:var(--c-text-muted);white-space:nowrap;font-size:13px;font-weight:600}.nbom-step-name--active{color:#1e40af}.nbom-step-underline{background:var(--c-primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:12px;right:12px}.nbom-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--c-radius-lg);box-shadow:var(--c-shadow-sm);overflow:hidden}.nbom-card__header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--c-border);background:var(--c-bg-muted);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.nbom-card__header:hover{background:#eef0f3}.nbom-card__title{color:var(--c-text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.nbom-card__title-dot{background:var(--c-primary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.nbom-card__chev{color:var(--c-text-muted);transition:transform .2s}.nbom-card__chev--open{transform:rotate(180deg)}.nbom-card__body{padding:16px}.nbom-field{flex-direction:column;gap:5px;display:flex}.nbom-label{color:var(--c-text-muted);align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.nbom-label__req{color:var(--c-danger);font-size:13px}.nbom-label__info{background:var(--c-bg-muted);border:1px solid var(--c-border-hover);width:14px;height:14px;color:var(--c-text-muted);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.nbom-input{box-sizing:border-box;border:1px solid var(--c-border);border-radius:var(--c-radius-sm);width:100%;height:38px;color:var(--c-text);background:var(--c-bg);transition:border-color var(--c-transition), box-shadow var(--c-transition);appearance:none;outline:none;padding:0 12px;font-family:inherit;font-size:13px}.nbom-input:hover{border-color:var(--c-border-hover)}.nbom-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #2563eb1a}.nbom-input--readonly{background:var(--c-bg-muted);color:var(--c-text-muted);cursor:default}.nbom-input--error{border-color:var(--c-danger)!important}.nbom-input--error:focus{box-shadow:0 0 0 3px #dc26261a}select.nbom-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239ca3af'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.nbom-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.nbom-error-text{color:var(--c-danger);margin-top:2px;font-size:11px;font-weight:500}.nbom-check-row{align-items:flex-start;gap:8px;display:flex}.nbom-check-row input[type=checkbox],.nbom-check-row input[type=radio]{width:15px;height:15px;accent-color:var(--c-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.nbom-check-row__label{color:var(--c-text);font-size:13px;font-weight:500}.nbom-check-row__hint{color:var(--c-text-muted);margin-top:2px;font-size:12px}.nbom-table-wrap{border:1px solid var(--c-border);-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.nbom-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:12px}.nbom-table thead tr{background:var(--c-bg-muted);border-bottom:1px solid var(--c-border)}.nbom-table thead th{text-align:left;color:var(--c-text-muted);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:700}.nbom-table tbody tr{transition:background var(--c-transition);border-bottom:1px solid #f3f4f6}.nbom-table tbody tr:hover{background:#f8fafc}.nbom-table tbody tr:last-child td{border-bottom:none}.nbom-table tbody td{vertical-align:middle;padding:8px 12px}.nbom-table-no{text-align:center;width:35px}.nbom-table-val{text-align:right;color:var(--c-text);white-space:nowrap;font-size:12px;font-weight:600}.nbom-table{table-layout:auto;border-collapse:collapse;width:100%}.nbom-table-input{color:var(--c-text);box-sizing:border-box;width:100%;min-width:60px;transition:border-color var(--c-transition), background var(--c-transition);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:6px 10px;font-family:inherit;font-size:12px}.nbom-table-input:hover{border-color:var(--c-border);background:var(--c-bg)}.nbom-table-input:focus{border-color:var(--c-primary);background:var(--c-bg);box-shadow:0 0 0 2px #2563eb14}.nbom-table-select{color:var(--c-text);cursor:pointer;width:100%;min-width:180px;transition:border-color var(--c-transition), background var(--c-transition);appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%239ca3af'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #0000;border-radius:4px;outline:none;padding:6px 28px 6px 10px;font-family:inherit;font-size:12px}.nbom-table-select:hover{border-color:var(--c-border);background:var(--c-bg)}.nbom-table-select:focus{border-color:var(--c-primary);background:var(--c-bg)}.nbom-table-input.nbom-input--error,.nbom-table-select.nbom-input--error{border-color:var(--c-danger)!important;background:#fef2f2!important}.nbom-table-drag-col{text-align:center;width:30px}.nbom-table-drag-handle{text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;width:30px;cursor:grab!important;padding:0!important}.nbom-table-drag-handle:active{cursor:grabbing!important}.nbom-table-drag-handle svg{color:#9ca3af;transition:color .15s}.nbom-table-drag-handle:hover svg{color:var(--c-primary)!important}.nbom-draggable-row{cursor:default;transition:all .15s}.nbom-draggable-row[draggable=true]{-webkit-user-select:none;user-select:none}.nbom-dragging{opacity:.4;background:#eff6ff!important}.nbom-drag-over{background:#f0fdf4!important}.nbom-drag-over td{animation:.8s infinite nbom-drop-pulse;border-top:2px solid #3b82f6!important}@keyframes nbom-drop-pulse{0%{border-color:#3b82f6}50%{border-color:#60a5fa}to{border-color:#3b82f6}}.nbom-card .nbom-table th:nth-child(2) .nbom-card .nbom-table th:nth-child(3){min-width:180px}.nbom-edit-btn{border:1px solid var(--c-border);background:var(--c-bg);width:30px;height:30px;color:var(--c-text-muted);cursor:pointer;transition:all var(--c-transition);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.nbom-edit-btn:hover{color:var(--c-primary);background:#eff6ff;border-color:#93c5fd}.nbom-edit-btn--delete{color:#9ca3af;border-color:var(--c-border)}.nbom-edit-btn--delete:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.nbom-table-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.nbom-table-footer__left,.nbom-table-footer__right{align-items:center;gap:8px;display:flex}.nbom-btn-link{color:var(--c-primary);cursor:pointer;border-radius:var(--c-radius-sm);transition:all var(--c-transition);background:0 0;border:1px dashed #93c5fd;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.nbom-btn-link:hover{background:#eff6ff;border-style:solid}.nbom-btn-ghost{border:1px solid var(--c-border);color:var(--c-text-muted);cursor:pointer;border-radius:var(--c-radius-md);transition:all var(--c-transition);background:0 0;padding:6px 12px;font-size:12px}.nbom-btn-ghost:hover{background:var(--c-bg-muted);border-color:var(--c-border-hover)}.nbom-footer-row{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--c-radius-lg);box-shadow:var(--c-shadow-sm);box-sizing:border-box;justify-content:flex-end;align-items:center;gap:10px;width:calc(100% - 48px);max-width:1400px;margin:0 auto 24px;padding:18px 24px;display:flex}.nbom-footer-btn{border-radius:var(--c-radius-sm);cursor:pointer;height:38px;transition:all var(--c-transition);border:1px solid #0000;outline:none;align-items:center;gap:7px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.nbom-footer-btn--primary{background:linear-gradient(135deg, var(--c-primary), #1e40af);color:#fff;border-color:#1e40af;box-shadow:0 1px 3px #2563eb4d}.nbom-footer-btn--primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb59}.nbom-footer-btn--primary:active{box-shadow:none;transform:translateY(0)}.nbom-footer-btn--primary:disabled{opacity:.6;cursor:not-allowed}.nbom-footer-btn--secondary{background:var(--c-bg);color:var(--c-text-muted);border-color:var(--c-border)}.nbom-footer-btn--secondary:hover{color:var(--c-text);background:var(--c-bg-muted);border-color:#c0c8d4}.nbom-footer-btn--submit{justify-content:center;min-width:150px}.nbom-cost-summary{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.nbom-cost-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:10px;padding:16px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.nbom-cost-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000014}.nbom-cost-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.nbom-cost-card--material:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.nbom-cost-card--operation:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.nbom-cost-card--total{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-color:#bbf7d0}.nbom-cost-card--total:before{background:linear-gradient(90deg,#059669,#10b981)}.nbom-cost-card__icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;display:flex}.nbom-cost-card--material .nbom-cost-card__icon{color:#3b82f6;background:#eff6ff}.nbom-cost-card--operation .nbom-cost-card__icon{color:#8b5cf6;background:#f5f3ff}.nbom-cost-card--total .nbom-cost-card__icon{color:#059669;background:#d1fae5}.nbom-cost-card__label{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:600}.nbom-cost-card__value{color:var(--c-text);margin-bottom:2px;font-size:20px;font-weight:700;line-height:1.2}.nbom-cost-card--total .nbom-cost-card__value{color:#059669;font-size:22px}.nbom-cost-card__subtitle{color:var(--c-text-muted);font-size:10px}.nbom-toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.nbom-toast{background:var(--c-bg);border:1px solid var(--c-border);border-radius:10px;align-items:center;gap:10px;min-width:320px;max-width:450px;padding:14px 18px;animation:.3s nbom-toast-slide;display:flex;box-shadow:0 10px 30px #00000026}@keyframes nbom-toast-slide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.nbom-toast--success{border-left:4px solid #10b981}.nbom-toast--error{border-left:4px solid #dc2626}.nbom-toast--info{border-left:4px solid #3b82f6}.nbom-toast-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nbom-toast--success .nbom-toast-icon{color:#16a34a;background:#dcfce7}.nbom-toast--error .nbom-toast-icon{color:#dc2626;background:#fef2f2}.nbom-toast--info .nbom-toast-icon{color:#3b82f6;background:#eff6ff}.nbom-toast-content{flex:1}.nbom-toast-title{color:var(--c-text);margin:0;font-size:13px;font-weight:600}.nbom-toast-message{color:var(--c-text-muted);margin:2px 0 0;font-size:12px}.nbom-toast-close{width:24px;height:24px;color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.nbom-toast-close:hover{background:var(--c-bg-muted)}.nbom-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11182780;justify-content:center;align-items:center;padding:20px;animation:.15s nbom-fade-in;display:flex;position:fixed;inset:0}@keyframes nbom-fade-in{0%{opacity:0}to{opacity:1}}.nbom-validation-modal{background:var(--c-bg);border-radius:var(--c-radius-lg);border:1px solid var(--c-border);box-shadow:var(--c-shadow-popup);flex-direction:column;width:100%;max-width:500px;max-height:80vh;animation:.18s nbom-slide-up;display:flex;overflow:hidden}@keyframes nbom-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nbom-delete-modal{background:var(--c-bg);border-radius:var(--c-radius-lg);width:90%;max-width:440px;box-shadow:var(--c-shadow-popup);padding:24px;animation:.2s nbom-slide-up}.nbom-delete-modal-header{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.nbom-delete-modal-icon{color:#dc2626;background:#fef2f2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.nbom-delete-modal-title{color:var(--c-text);margin:0 0 4px;font-size:16px;font-weight:600}.nbom-delete-modal-subtitle{color:var(--c-text-muted);margin:0;font-size:13px;line-height:1.5}.nbom-delete-modal-footer{justify-content:flex-end;gap:8px;display:flex}.nbom-btn-cancel{height:38px;color:var(--c-text-muted);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--c-radius-sm);cursor:pointer;transition:all var(--c-transition);align-items:center;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.nbom-btn-cancel:hover{background:var(--c-bg-muted);border-color:var(--c-border-hover)}.nbom-btn-delete{border-radius:var(--c-radius-sm);color:#fff;cursor:pointer;height:38px;transition:all var(--c-transition);background:#dc2626;border:none;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.nbom-btn-delete:hover{background:#b91c1c;transform:translateY(-1px)}.nbom-btn-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}.nbom-modal-header{border-bottom:1px solid var(--c-border);background:#fef2f2;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.nbom-modal-title{color:#dc2626;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.nbom-modal-close{width:28px;height:28px;color:var(--c-text-muted);cursor:pointer;transition:all var(--c-transition);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.nbom-modal-close:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.nbom-modal-body{flex:1;padding:16px 18px;overflow-y:auto}.nbom-modal-intro{color:var(--c-text-muted);margin:0 0 12px;font-size:13px;line-height:1.5}.nbom-error-list{flex-direction:column;gap:8px;display:flex}.nbom-validation-error-item{border-radius:var(--c-radius-md);cursor:pointer;transition:all var(--c-transition);background:#fff5f5;border:1px solid #fecaca;padding:10px 12px}.nbom-validation-error-item:hover{background:#fee2e2;border-color:#fca5a5;transform:translate(2px)}.nbom-error-header{align-items:center;gap:6px;margin-bottom:3px;display:flex}.nbom-error-icon{color:#dc2626;flex-shrink:0}.nbom-error-label{color:var(--c-text);flex:1;font-size:13px;font-weight:600}.nbom-error-tab{color:#d97706;white-space:nowrap;background:#fffbeb;border:1px solid #fcd34d;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.nbom-error-message{color:var(--c-text-muted);padding-left:20px;font-size:12px;line-height:1.5}.nbom-hint-banner{border-radius:var(--c-radius-md);color:var(--c-primary);background:#eff6ff;align-items:center;gap:6px;margin-top:14px;padding:8px 10px;font-size:11px;font-weight:500;display:flex}.nbom-hint-icon{flex-shrink:0}.nbom-modal-footer{border-top:1px solid var(--c-border);background:var(--c-bg-muted);flex-shrink:0;justify-content:flex-end;align-items:center;padding:12px 18px;display:flex}.nbom-tab-content{flex-direction:column;gap:0;display:flex}.nbom-config-section{border-bottom:1px solid var(--c-border);flex-direction:column;gap:14px;padding:20px 0;display:flex}.nbom-config-section:last-child{border-bottom:none}.nbom-config-section__title{color:var(--c-text);font-size:14px;font-weight:600}.nbom-hint{color:var(--c-text-muted);margin:0;font-size:12px}@media (width<=1400px){.nbom-body{max-width:100%;padding:20px}.nbom-footer-row{width:calc(100% - 40px);max-width:100%;margin:0 20px 20px}}@media (width<=1100px){.nbom-table{min-width:900px}}@media (width<=900px){.nbom-cost-summary{grid-template-columns:1fr}.nbom-body{padding:16px}.nbom-footer-row{width:calc(100% - 32px);margin:0 16px 16px}.nbom-table{min-width:800px;font-size:11px}.nbom-table-select{min-width:150px}}@media (width<=768px){.nbom-body{gap:12px;padding:12px}.nbom-form-grid{grid-template-columns:1fr}.nbom-step-label-wrap{display:none}.nbom-step-btn{justify-content:center;min-width:44px;padding:10px}.nbom-footer-row{flex-wrap:wrap;width:calc(100% - 24px);margin:0 12px 12px;padding:14px 16px}}@media (width<=480px){.nbom-body{gap:8px;padding:8px}.nbom-cost-card{padding:14px}.nbom-cost-card__value{font-size:18px}.nbom-table{min-width:650px;font-size:10px}.nbom-table-select{min-width:120px;font-size:10px}.nbom-table-input{padding:4px 6px;font-size:10px}}.nbom-bom-type-wrapper{margin:8px 0 16px}.nbom-bom-type-section{background:var(--c-bg-card,#fff);border:1px solid var(--c-border,#e5e7eb);border-radius:8px;padding:12px 16px}.nbom-bom-type-header{margin-bottom:10px}.nbom-bom-type-title{color:var(--c-text,#111827);margin:0 0 2px;font-size:13px;font-weight:600}.nbom-bom-type-subtitle{color:var(--c-text-muted,#6b7280);margin:0;font-size:11.5px}.nbom-bom-type-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.nbom-bom-type-card{border:1.5px solid var(--c-border,#e5e7eb);cursor:pointer;background:var(--c-bg,#f9fafb);border-radius:8px;padding:8px 12px;transition:all .2s}.nbom-bom-type-card:hover{border-color:var(--c-primary,#6366f1);background:var(--c-bg-hover,#eef2ff)}.nbom-bom-type-card.active{border-color:var(--c-primary,#6366f1);background:var(--c-bg-active,#eef2ff)}.nbom-bom-type-card-content{align-items:center;gap:10px;display:flex}.nbom-bom-type-card-icon{background:var(--c-bg-icon,#f3f4f6);width:32px;height:32px;color:var(--c-primary,#6366f1);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nbom-bom-type-card-icon svg{width:16px;height:16px}.nbom-bom-type-card.active .nbom-bom-type-card-icon{background:var(--c-primary-light,#eef2ff)}.nbom-bom-type-card-info{flex:1;min-width:0}.nbom-bom-type-card-label{color:var(--c-text,#111827);font-size:12.5px;font-weight:600}.nbom-bom-type-card-hint{color:var(--c-text-muted,#6b7280);font-size:11px}.nbom-bom-type-card-check{color:var(--c-primary,#6366f1);flex-shrink:0}.nbom-bom-type-card-check svg{width:16px;height:16px}.nbom-radio-option{cursor:pointer;align-items:flex-start;gap:8px;padding:6px 0;display:flex}.nbom-radio-option input[type=radio]{flex-shrink:0;margin-top:2px}.nbom-radio-option__label{color:var(--c-text,#111827);font-size:12.5px;font-weight:500}.nbom-radio-option__hint{color:var(--c-text-muted,#6b7280);font-size:11px}@media (width<=640px){.nbom-bom-type-options{grid-template-columns:1fr}.nbom-bom-type-card{padding:8px 12px}}.input-group-label{color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.digit-input-wrapper{border:1px solid var(--border-color,#e3e5ea);background:var(--bg-input,#fff);border-radius:6px;align-items:center;min-height:34px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.digit-input-wrapper:focus-within{border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 3px #4f46e51a}.digit-input-wrapper.digit-input-readonly{background:var(--bg-muted,#f4f5f7)}.digit-input-prefix{color:var(--text-muted,#9aa0ab);-webkit-user-select:none;user-select:none;padding-left:10px;font-size:13px;font-weight:500}.digit-input-suffix{color:var(--text-muted,#9aa0ab);-webkit-user-select:none;user-select:none;padding-right:10px;font-size:13px;font-weight:500}.digit-input{width:100%;color:var(--text-primary,#1a1d29);background:0 0;border:none;border-radius:6px;outline:none;padding:6px 10px;font-size:13px}.digit-input-with-prefix{padding-left:4px}.digit-input:disabled{opacity:.6;cursor:not-allowed}.digit-input[readonly]{color:var(--text-secondary,#6b7280);cursor:default}.digit-input::placeholder{color:var(--text-muted,#9aa0ab)}.digit-input-wrapper input[type=text]{-moz-appearance:textfield}.digit-input-wrapper input[type=text]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.digit-input-wrapper input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group .hint{color:var(--text-muted,#9aa0ab);margin:0;font-size:10.5px;line-height:1.3}.nbom-bom-type-section{flex-direction:column;gap:4px;display:flex}.nbom-radio-options{flex-wrap:wrap;gap:16px;display:flex}.nbom-radio-option{cursor:pointer;border:1.5px solid var(--c-border);background:var(--c-bg);color:var(--c-text-muted);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nbom-radio-option:hover{border-color:var(--c-primary);background:var(--c-bg-hover)}.nbom-radio-option input[type=radio]{display:none}.nbom-radio-option .nbom-radio-option-label{transition:color .2s}.nbom-radio-option input[type=radio]:checked+.nbom-radio-option-label{color:var(--c-primary)}.nbom-radio-option:has(input[type=radio]:checked){border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary);background:#3b82f60f}.nbom-radio-option:has(input[type=radio]:checked):before{content:"";background:var(--c-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:0;display:inline-block}@media (prefers-color-scheme:dark){.nbom-radio-option:has(input[type=radio]:checked){background:#3b82f61f}}.nbom-two-column{align-items:flex-start;gap:16px;display:flex}.nbom-flex-item{flex:1}.nbom-qty-field{flex-shrink:0;width:180px}.nbom-qty-field .nbom-digit-input{width:100%}@media (width<=768px){.nbom-two-column{flex-direction:column}.nbom-qty-field{width:100%}}.nbom-bom-type-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.nbom-bom-type-title{color:var(--c-text);white-space:nowrap;margin:0;font-weight:600}.nbom-radio-options{align-items:center;gap:20px;display:flex}.nbom-radio-option{cursor:pointer;align-items:center;gap:6px;margin:0;display:flex}.nbom-radio-option input[type=radio]{margin:0}.nbom-radio-option-label{white-space:nowrap}.nbom-error-text--block .nbom-error-text{margin-top:0}.nbom-input--error{border-color:#dc2626!important;box-shadow:0 0 0 1px #dc2626!important}.nbom-input--error:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262633!important}.digit-input--error{border-color:#dc2626!important;box-shadow:0 0 0 1px #dc2626!important}.digit-input--error:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262633!important}.nbom-error-text{color:#dc2626;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:500;display:flex}.nbom-error-text--block{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.nbom-table-select.nbom-input--error,.nbom-table-input.nbom-input--error{border-color:#dc2626!important;box-shadow:0 0 0 1px #dc2626!important}.nbom-table-select.nbom-input--error:focus,.nbom-table-input.nbom-input--error:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262633!important}.jc-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.jc-stat-card{box-shadow:0 1px 3px var(--shadow-color,#0000000f);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:flex}.jc-stat-card:hover{box-shadow:0 4px 12px var(--shadow-color,#00000014);transform:translateY(-2px)}.jc-stat-icon{background:#fff9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.jc-stat-content{flex:1;min-width:0}.jc-stat-title{color:var(--text-secondary,#6b7280);letter-spacing:.3px;margin-bottom:2px;font-size:12px;font-weight:500}.jc-stat-value{color:var(--text-primary,#111827);margin:0;font-size:22px;font-weight:700;line-height:1.2}.jc-group-container{flex-direction:column;gap:8px;display:flex}.jc-group{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow:hidden}.jc-group-header{cursor:pointer;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.jc-group-header:hover{background:var(--nav-hover,#f3f4f6)}.jc-group-header-left{align-items:center;gap:10px;display:flex}.jc-group-toggle{color:var(--text-secondary,#6b7280);font-size:12px;transition:transform .2s}.jc-group-title{color:var(--text-primary,#111827);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.jc-group-icon{color:var(--primary-color,#6366f1)}.jc-group-header-right{align-items:center;gap:16px;display:flex}.jc-group-stats{color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.jc-group-progress{align-items:center;gap:8px;min-width:80px;display:flex}.jc-group-progress-bar{background:var(--border-color,#e5e7eb);border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}.jc-group-progress-fill{border-radius:3px;height:100%;transition:width .5s}.jc-group-progress-text{color:var(--text-secondary,#6b7280);text-align:right;min-width:32px;font-size:11px;font-weight:600}.dark-theme .jc-stat-card{background:var(--card-bg,#1e293b)}.dark-theme .jc-stat-value{color:var(--text-primary,#f8fafc)}.dark-theme .jc-group{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .jc-group-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .jc-group-header:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .jc-group-title{color:var(--text-primary,#f8fafc)}.dark-theme .jc-group-progress-bar{background:var(--border-color,#334155)}.dark-theme .jc-group-progress-text,.dark-theme .jc-group-stats{color:var(--text-secondary,#94a3b8)}@media (width<=768px){.jc-stats-container{grid-template-columns:repeat(2,1fr);gap:12px}.jc-group-header,.jc-group-header-right{flex-wrap:wrap;gap:8px}.jc-group-progress{min-width:60px}}@media (width<=480px){.jc-stats-container{grid-template-columns:1fr}.jc-stat-card{padding:12px 16px}.jc-stat-value{font-size:18px}.jc-stat-icon{width:36px;height:36px;font-size:14px}}@keyframes jcFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dark-theme .jc-modal-header,.dark-theme .jc-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.jc-progress-container{align-items:center;gap:8px;min-width:100px;display:flex}.jc-progress-bar{background:var(--border-color,#e5e7eb);border-radius:3px;flex:1;min-width:50px;height:6px;overflow:hidden}.jc-progress-fill{background:var(--primary-color,#6366f1);border-radius:3px;height:100%;transition:width .3s}.jc-progress-text{color:var(--text-secondary,#6b7280);text-align:right;min-width:32px;font-size:11px;font-weight:600}.jc-td-dates{font-size:12px}.jc-date-range{flex-wrap:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.jc-date-label{color:var(--text-secondary,#6b7280);text-transform:uppercase;font-size:10px;font-weight:500}.jc-date-sep{color:var(--text-secondary,#9ca3af);margin:0 2px}.jc-td-number{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.jc-th-number{text-align:right}.dark-theme .jc-progress-bar{background:var(--border-color,#334155)}.dark-theme .jc-progress-fill{background:var(--primary-color,#3b82f6)}.dark-theme .jc-progress-text{color:var(--text-secondary,#94a3b8)}.dark-theme .jc-date-label{color:var(--text-secondary,#64748b)}.dark-theme .jc-date-sep{color:var(--text-secondary,#475569)}@media (width<=768px){.jc-table{min-width:1100px}.jc-progress-container{min-width:80px}.jc-date-range{flex-wrap:wrap;font-size:10px}.jc-page{gap:12px;padding:12px}.jc-filter-bar{flex-direction:column;align-items:stretch}.jc-filter-left{width:100%}.jc-search-wrapper{max-width:100%}.jc-filter-right{flex-wrap:wrap;justify-content:flex-start}.jc-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.jc-pagination-center{order:2}.jc-pagination-left,.jc-pagination-right{order:1}.jc-th-check,.jc-td-check{width:30px;padding-left:10px}.jc-td{padding:8px 10px;font-size:12px}.jc-th{padding:8px 10px;font-size:11px}.jc-td-meta{flex-wrap:wrap;justify-content:flex-end}.jc-modal{max-width:95vw}.jc-modal-body{padding:16px 20px}.jc-modal-footer{flex-wrap:wrap}.jc-btn-cancel,.jc-btn-delete{flex:1;justify-content:center}}@media (width<=480px){.jc-filter-right{flex-direction:column;width:100%}.jc-filter-right>*{width:100%}.jc-btn-primary{justify-content:center}.jc-pagination{padding:8px 0 0}.jc-pagination-center{flex-wrap:wrap;justify-content:center}.jc-modal{border-radius:12px;max-width:98vw}.jc-modal-body{padding:14px 16px}.jc-modal-title{font-size:14px}.jc-modal-header{padding:14px 16px}.jc-modal-footer{flex-direction:column-reverse;gap:8px}.jc-modal-footer button{width:100%}}.jc-pagination-container{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-radius:0 0 12px 12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.jc-pagination-controls{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.jc-pagination-size{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.jc-pagination-size label{margin:0}.jc-pagination-select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-size:.9rem}.jc-pagination-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.jc-pagination-buttons{align-items:center;gap:12px;display:flex}.jc-pagination-btn{border:1px solid var(--border-color);background:var(--bg-primary);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.jc-pagination-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-color)}.jc-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.jc-pagination-current{color:var(--text-primary);text-align:center;min-width:80px;font-size:.95rem;font-weight:500}@media (width<=768px){.jc-pagination-container{flex-direction:column;align-items:stretch;padding:12px 16px}.jc-pagination-info{text-align:center}.jc-pagination-controls{justify-content:center}.jc-pagination-size,.jc-pagination-buttons{justify-content:center;width:100%}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.jcf-assigned-employees{background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-color,#e0e0e0);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.jcf-assigned-header{align-items:center;gap:8px;margin-right:8px;display:flex}.jcf-assigned-employee-tag{background:var(--primary-color,#4f46e5);color:#fff;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.jcf-assigned-employee-tag svg{font-size:10px}.jcf-employee-list{max-height:400px;overflow-y:auto}.jcf-employee-item{border-bottom:1px solid var(--border-color,#e0e0e0);cursor:pointer;align-items:center;padding:10px 12px;transition:background-color .2s;display:flex}.jcf-employee-item:hover{background-color:var(--hover-bg,#f5f5f5)}.jcf-employee-item .jcf-checkbox{flex-shrink:0;width:16px;height:16px;margin-right:12px}.jcf-employee-item .jcf-employee-id{color:var(--text-primary);font-size:.85rem;font-weight:600}.jcf-employee-item .jcf-employee-name{color:var(--text-primary);font-size:.95rem}.jcf-employee-item .jcf-employee-designation{color:var(--text-secondary);margin-top:2px;font-size:.75rem}@keyframes jcf-spin{to{transform:rotate(360deg)}}.jcf-btn-start{background:var(--success-color,#10b981);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.jcf-btn-start:hover:not(:disabled){background:var(--success-color-dark,#059669);transform:translateY(-1px)}.jcf-btn-start:disabled{opacity:.5;cursor:not-allowed}.jcf-btn-complete{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.jcf-btn-complete:hover:not(:disabled){background:var(--primary-color-dark,#4338ca);transform:translateY(-1px)}.jcf-btn-complete:disabled{opacity:.5;cursor:not-allowed}.jcf-status-done{background:var(--success-color,#10b981);color:#fff;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:500;display:inline-flex}.jcf-tab-btn-active,.jcf-tab-btn-active:hover{background:var(--jcf-blue-light)}@keyframes jcf-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes jcf-modal-in{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=900px){.jcf-grid-3,.jcf-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.jcf-grid-3,.jcf-grid-4{grid-template-columns:1fr}}@keyframes jcf-fade-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=680px){.jcf-grid-2{grid-template-columns:1fr}.jcf-container{padding:0}.jcf-card{padding:16px}.jcf-tab-btn{gap:7px;min-width:90px;padding:8px 10px}.jcf-tab-name{font-size:12px}.jcf-title{font-size:15px}}@media (width<=480px){.jcf-tab-label-wrap{display:none}.jcf-tab-btn{flex:0 0 44px;justify-content:center;min-width:44px;padding:8px}.jcf-tabs-row{gap:4px}}@media (prefers-reduced-motion:reduce){.jcf-fade-in,.jcf-validation-modal,.jcf-modal-overlay{animation:none}.jcf-btn-primary:hover,.jcf-validation-error-item:hover{transform:none}}.jcf-form-layout{align-items:flex-start;gap:24px;display:flex}.jcf-main-col{flex:1;min-width:0}.jcf-sidebar{flex-shrink:0;width:280px}.jcf-sidebar-card{background:var(--jcf-surface);border:1px solid var(--jcf-border);border-radius:var(--jcf-radius-lg);box-shadow:var(--jcf-shadow-sm);flex-direction:column;gap:18px;padding:20px 16px;display:flex}.jcf-sidebar-timer{border-bottom:1px solid var(--jcf-border);flex-direction:column;gap:2px;padding-bottom:12px;display:flex}.jcf-sidebar-timer .jcf-timer-label{letter-spacing:.6px;text-transform:uppercase;color:var(--jcf-text-muted);font-size:10.5px;font-weight:700}.jcf-sidebar-timer .jcf-timer-value{font-family:var(--jcf-mono);color:var(--jcf-text-primary);letter-spacing:1px;font-size:24px;font-weight:700}.jcf-sidebar-status{border-bottom:1px solid var(--jcf-border);justify-content:space-between;align-items:center;padding:4px 0 12px;display:flex}.jcf-status-label{color:var(--jcf-text-secondary);font-size:12px;font-weight:600}.jcf-status-badge{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.jcf-status-open{color:#374151;background:#f3f4f6}.jcf-status-work-in-progress{color:#1e40af;background:#dbeafe}.jcf-status-on-hold{color:#92400e;background:#fef3c7}.jcf-status-completed{color:#065f46;background:#d1fae5}.jcf-status-cancelled{color:#991b1b;background:#fee2e2}.jcf-sidebar-section{border-bottom:1px solid var(--jcf-border);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.jcf-sidebar-section-title{color:var(--jcf-text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.jcf-assigned-count{background:var(--jcf-blue);color:#fff;border-radius:10px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:700}.jcf-sidebar-empty{color:var(--jcf-text-muted);font-size:13px;font-style:italic}.jcf-assigned-employee-tag{background:var(--jcf-blue-light);border:1px solid var(--jcf-blue-mid);color:var(--jcf-blue-dark);border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:inline-flex}.jcf-assigned-list{flex-wrap:wrap;gap:4px;display:flex}.jcf-sidebar-actions{flex-direction:column;gap:8px;display:flex}.jcf-btn-block{justify-content:center;width:100%}@media (width<=860px){.jcf-form-layout{flex-direction:column}.jcf-sidebar{width:100%}}.jcf-assigned-employee-item{align-items:center;gap:4px;display:flex}.jcf-remove-employee-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:8px;transition:all .2s;display:inline-flex}.jcf-remove-employee-btn:hover:not(:disabled){background:#fecaca;transform:scale(1.1)}.jcf-remove-employee-btn:disabled{opacity:.4;cursor:not-allowed}.jcf-mode-selector{gap:8px;margin-top:4px;display:flex}.jcf-mode-btn{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.jcf-mode-btn:hover:not(:disabled){color:#4f46e5;border-color:#4f46e5}.jcf-mode-btn.active{color:#4f46e5;background:#eef2ff;border-color:#4f46e5}.jcf-mode-btn:disabled{cursor:not-allowed;opacity:.6}.jcf-summary-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.jcf-summary-box label{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.jcf-summary-amount{color:#111827;font-size:18px;font-weight:600}.jcf-charge-category{text-transform:capitalize;color:#6b7280;background:#f3f4f6;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.jcf-charge-category[data-category=labour]{color:#1e40af;background:#dbeafe}.jcf-charge-category[data-category=machine]{color:#92400e;background:#fef3c7}.jcf-charge-category[data-category=overhead]{color:#3730a3;background:#e0e7ff}.jcf-charge-category[data-category=other]{color:#6d28d9;background:#f3e8ff}.jcf-status-pending{color:#92400e;background:#fef3c7}.jcf-status-issued{color:#1e40af;background:#dbeafe}.jcf-status-returned{color:#065f46;background:#d1fae5}.jcf-btn-sm{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:inline-flex}.jcf-btn-sm:hover:not(:disabled){color:#4f46e5;background:#f8fafc;border-color:#4f46e5}.jcf-btn-sm:disabled{cursor:not-allowed;opacity:.6}.jcf-btn-icon{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.jcf-btn-icon:hover:not(:disabled){color:#374151;background:#f3f4f6}.jcf-btn-icon.jcf-btn-danger:hover:not(:disabled){color:#dc2626;background:#fef2f2}.jcf-btn-icon:disabled{cursor:not-allowed;opacity:.4}.jcf-empty-state{text-align:center;color:#6b7280;padding:32px 20px}.jcf-empty-state svg{opacity:.5;margin-bottom:8px}.jcf-empty-state p{margin:0;font-size:14px}.jcf-job-type-selector{background:var(--bg-secondary,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;gap:8px;width:auto;margin-bottom:20px;padding:6px;display:inline-flex}.jcf-job-type-btn{cursor:pointer;background:var(--bg-secondary,#e2e8f0);white-space:nowrap;border:none;border-radius:8px;flex:0 auto;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;color:var(--text-primary,#1e293b)!important}.jcf-job-type-btn span{color:var(--text-primary,#1e293b)!important}.jcf-job-type-btn svg{font-size:16px;color:var(--text-secondary,#64748b)!important}.jcf-job-type-btn:hover{background:#ffffff80;color:var(--text-primary,#1e293b)!important}.jcf-job-type-btn:hover span,.jcf-job-type-btn:hover svg{color:var(--text-primary,#1e293b)!important}.jcf-job-type-btn.active{background:var(--primary-color,#2563eb);box-shadow:0 2px 8px #2563eb4d;color:#fff!important}.jcf-job-type-btn.active span,.jcf-job-type-btn.active svg{color:#fff!important}@media (width<=768px){.jcf-job-type-selector{width:100%;max-width:100%;display:flex}.jcf-job-type-btn{flex:1;justify-content:center;padding:8px 16px;font-size:13px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.jcf-section-badge{background:var(--primary-light,#dbeafe);color:var(--primary-color,#2563eb);border-radius:20px;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:500}.jcf-subcontractor-card{border-left:4px solid var(--primary-color,#2563eb)}.jcf-material-card{border-left:4px solid var(--warning-color,#f59e0b)}.jcf-purchase-card{border-left:4px solid var(--success-color,#22c55e)}.jcf-sale-card{border-left:4px solid var(--info-color,#3b82f6)}.jcf-payment-card{border-left:4px solid var(--danger-color,#ef4444)}.jcf-table-wrap{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin-top:8px;overflow-x:auto}.jcf-subcontracting-table{border-collapse:collapse;width:100%;font-size:13px}.jcf-status-submitted{background:var(--primary-light,#dbeafe);color:var(--primary-color,#2563eb)}.jcf-status-completed{background:var(--success-light,#dcfce7);color:var(--success-color,#22c55e)}.jcf-status-pending{background:var(--warning-light,#fef3c7);color:var(--warning-color,#f59e0b)}@media (width<=768px){.jcf-job-type-selector{flex-direction:column;gap:8px}.jcf-job-type-btn{padding:10px 16px;font-size:14px}.jcf-subcontracting-section .jcf-grid-3{grid-template-columns:1fr}.jcf-subcontracting-table{font-size:12px}.jcf-subcontracting-table th,.jcf-subcontracting-table td{padding:6px 8px}}.jcf-page.dark .jcf-job-type-selector{background:var(--bg-secondary-dark,#1e293b);border-color:var(--border-color-dark,#334155)}.jcf-page.dark .jcf-job-type-btn,.jcf-page.dark .jcf-job-type-btn span,.jcf-page.dark .jcf-job-type-btn svg{color:#fff!important}.jcf-page.dark .jcf-job-type-btn.active{background:var(--primary-color-dark,#3b82f6);color:#fff!important}.jcf-page.dark .jcf-job-type-btn.active span,.jcf-page.dark .jcf-job-type-btn.active svg{color:#fff!important}.jcf-page.dark .jcf-card{background:var(--bg-primary-dark,#0f172a);border-color:var(--border-color-dark,#334155)}.jcf-page.dark .jcf-card-header{color:var(--text-primary-dark,#f1f5f9);border-bottom-color:var(--border-color-dark,#334155)}.jcf-page.dark .jcf-step-progress{background:var(--bg-secondary-dark,#1e293b);border-color:var(--border-color-dark,#334155)}.jcf-page.dark .jcf-step-number{background:var(--bg-secondary-dark,#334155);color:var(--text-secondary-dark,#94a3b8)}.jcf-page.dark .jcf-step-item.active .jcf-step-number{background:var(--primary-color-dark,#3b82f6);color:#fff}.jcf-page.dark .jcf-step-label{color:var(--text-secondary-dark,#94a3b8)}.jcf-page.dark .jcf-step-item.active .jcf-step-label{color:var(--text-primary-dark,#f1f5f9)}.jcf-page.dark .jcf-step-line{background:var(--border-color-dark,#334155)}.jcf-page.dark .jcf-reason-btn{border-color:var(--border-color-dark,#334155);color:var(--text-secondary-dark,#94a3b8)}.jcf-page.dark .jcf-reason-btn:hover{border-color:var(--primary-color-dark,#3b82f6);background:var(--bg-hover-dark,#334155)}.jcf-page.dark .jcf-reason-btn.selected{border-color:var(--primary-color-dark,#3b82f6);background:var(--primary-dark,#1e40af);color:#93c5fd}.jcf-page.dark .jcf-subcontracting-table{border-color:var(--border-color-dark,#334155)}.jcf-page.dark .jcf-subcontracting-table thead{background:var(--bg-secondary-dark,#1e293b)}.jcf-page.dark .jcf-subcontracting-table th{color:var(--text-secondary-dark,#94a3b8);border-bottom-color:var(--border-color-dark,#334155)}.jcf-page.dark .jcf-subcontracting-table td{border-bottom-color:var(--border-color-dark,#334155);color:var(--text-primary-dark,#f1f5f9)}.jcf-page.dark .jcf-subcontracting-table tbody tr:hover{background:var(--bg-hover-dark,#334155)}.jcf-page.dark .jcf-subcontracting-table tfoot{background:var(--bg-secondary-dark,#1e293b)}.jcf-page.dark .jcf-subcontracting-table tfoot td{border-top-color:var(--border-color-dark,#334155)}.jcf-page.dark .jcf-cell-input,.jcf-page.dark .jcf-cell-select{background:var(--bg-primary-dark,#1e293b);border-color:var(--border-color-dark,#334155);color:var(--text-primary-dark,#f1f5f9)}.jcf-page.dark .jcf-grand-total-box{background:var(--primary-dark,#1e40af)}.jcf-page.dark .jcf-grand-total-value{color:#93c5fd}.jcf-page.dark .jcf-charge-breakdown{background:var(--bg-secondary-dark,#1e293b)}.jcf-page.dark .jcf-breakdown-total{color:#93c5fd}.jcf-step-progress{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 20px;display:flex}.jcf-step-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;transition:all .2s;display:flex;position:relative}.jcf-step-item:hover{background:var(--bg-hover,#f1f5f9)}.jcf-step-number{background:var(--bg-secondary,#e2e8f0);width:28px;height:28px;color:var(--text-secondary,#64748b);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .3s;display:flex}.jcf-step-item.active .jcf-step-number{background:var(--primary-color,#2563eb);color:#fff;box-shadow:0 2px 8px #2563eb4d}.jcf-step-label{color:var(--text-secondary,#64748b);font-size:12px;font-weight:500}.jcf-step-item.active .jcf-step-label{color:var(--text-primary,#0f172a);font-weight:600}.jcf-step-check{color:var(--success-color,#22c55e);font-size:12px}.jcf-step-line{background:var(--border-color,#e2e8f0);flex:1;height:2px;margin:0 4px}.jcf-reason-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.jcf-reason-btn{border:2px solid var(--border-color,#e2e8f0);cursor:pointer;color:var(--text-secondary,#64748b);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.jcf-reason-btn:hover{border-color:var(--primary-color,#2563eb);background:var(--bg-hover,#f1f5f9)}.jcf-reason-btn.selected{border-color:var(--primary-color,#2563eb);background:var(--primary-light,#dbeafe);color:var(--primary-color,#2563eb)}.jcf-reason-btn svg{opacity:.6}.jcf-reason-btn.selected svg{opacity:1}.jcf-subcontracting-section{margin-top:20px;animation:.3s slideDown}.jcf-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;margin-bottom:16px;padding:16px 20px;transition:all .2s}.jcf-card:hover{box-shadow:0 2px 8px #0000000a}.jcf-card-header{color:var(--text-primary,#0f172a);border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;font-size:14px;font-weight:600;display:flex}.jcf-card-header svg{color:var(--primary-color,#2563eb)}.jcf-table-wrap{margin-top:8px;overflow-x:auto}.jcf-subcontracting-table{border-collapse:collapse;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;width:100%;font-size:13px;overflow:hidden}.jcf-subcontracting-table thead{background:var(--bg-secondary,#f8fafc)}.jcf-subcontracting-table th{text-align:left;color:var(--text-secondary,#64748b);border-bottom:1px solid var(--border-color,#e2e8f0);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;font-size:11px;font-weight:600}.jcf-subcontracting-table td{border-bottom:1px solid var(--border-color,#f1f5f9);color:var(--text-primary,#0f172a);padding:6px 8px}.jcf-subcontracting-table tbody tr:hover{background:var(--bg-hover,#f8fafc)}.jcf-subcontracting-table tbody tr:last-child td{border-bottom:none}.jcf-subcontracting-table tfoot{background:var(--bg-secondary,#f8fafc)}.jcf-subcontracting-table tfoot td{border-top:2px solid var(--border-color,#e2e8f0);padding:8px 10px}.jcf-cell-input{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-primary,#fff);width:100%;color:var(--text-primary,#0f172a);border-radius:4px;min-width:60px;padding:4px 6px;font-size:12px}.jcf-cell-input:focus{border-color:var(--primary-color,#2563eb);outline:none}.jcf-cell-select{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-primary,#fff);color:var(--text-primary,#0f172a);border-radius:4px;padding:4px 6px;font-size:12px}.jcf-cell-digit{width:80px}.jcf-cell-digit .digit-input{min-width:60px;padding:4px 6px;font-size:12px}.jcf-cell-amount{color:var(--text-primary,#0f172a);font-weight:500}.jcf-remove-row-btn{color:var(--danger-color,#ef4444);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.jcf-remove-row-btn:hover{background:var(--danger-light,#fef2f2)}.jcf-add-item-btn{background:var(--primary-color,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.jcf-add-item-btn:hover{background:var(--primary-dark,#1d4ed8)}.jcf-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.jcf-charge-input{width:100%}.jcf-charge-input .digit-input{text-align:right;padding:6px 8px;font-size:13px}.jcf-grand-total-box{background:var(--primary-light,#dbeafe);border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-end;padding:8px 12px;display:flex}.jcf-grand-total-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.jcf-grand-total-value{color:var(--primary-color,#2563eb);font-size:20px;font-weight:700}.jcf-charge-breakdown{background:var(--bg-secondary,#f8fafc);border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;font-size:13px;display:flex}.jcf-breakdown-total{color:var(--primary-color,#2563eb);font-size:14px;font-weight:700}.jcf-status-display{flex-direction:column;gap:4px;display:flex}.jcf-po-status{margin-left:auto}.jcf-btn-success{background:var(--success-color,#22c55e);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.jcf-btn-success:hover{background:var(--success-dark,#16a34a)}@media (width<=1024px){.jcf-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.jcf-job-type-selector{max-width:100%}.jcf-step-progress{flex-wrap:wrap;justify-content:center;gap:8px}.jcf-step-line{display:none}.jcf-grid-4{grid-template-columns:1fr}.jcf-reason-grid{grid-template-columns:1fr 1fr}.jcf-subcontracting-table{font-size:11px}.jcf-subcontracting-table th,.jcf-subcontracting-table td{padding:4px 6px}.jcf-cell-digit{width:60px}}.digit-input-wrapper{width:100%;display:block}.digit-input{width:100%;height:38px;font-family:var(--jcf-font,"Inter", sans-serif);color:var(--text-primary,#1e293b);background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:6px;outline:none;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.digit-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a}.digit-input:disabled{background:var(--bg-secondary,#f1f5f9);cursor:not-allowed;opacity:.6}.digit-input-focused{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a}.digit-input-disabled{background:var(--bg-secondary,#f1f5f9);cursor:not-allowed;opacity:.6}.input-group,.input-group .digit-input-wrapper{width:100%;display:block}.se-page{background:var(--bg-primary,#f1f5f9);min-height:100vh;padding:24px}.se-stats-bar{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.se-stat-item{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.se-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.se-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.se-stat-icon.blue{color:#2563eb;background:#dbeafe}.se-stat-icon.green{color:#059669;background:#d1fae5}.se-stat-icon.purple{color:#7c3aed;background:#ede9fe}.se-stat-icon.orange{color:#d97706;background:#fef3c7}.se-stat-icon.teal{color:#0d9488;background:#ccfbf1}.se-stat-icon.red{color:#dc2626;background:#fee2e2}.se-stat-content{flex:1;min-width:0}.se-stat-value{color:var(--text-primary,#0f172a);font-size:18px;font-weight:700;line-height:1.2;display:block}.se-stat-label{color:var(--text-secondary,#64748b);font-size:12px}.se-filter-bar{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.se-filter-left{flex:1;min-width:200px}.se-search-wrapper{align-items:center;display:flex;position:relative}.se-search-icon{color:var(--text-secondary,#94a3b8);font-size:14px;position:absolute;left:12px}.se-search-input{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-input,#fff);width:100%;color:var(--text-primary,#0f172a);border-radius:8px;padding:8px 36px;font-size:13px;transition:all .2s}.se-search-input:focus{border-color:var(--primary-color,#4f46e5);outline:none;box-shadow:0 0 0 3px #4f46e51a}.se-search-clear{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:10px}.se-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.se-filter-select{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-input,#fff);color:var(--text-primary,#0f172a);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px}.se-view-toggle{background:var(--bg-secondary,#f1f5f9);border-radius:6px;gap:2px;padding:3px;display:flex}.se-view-btn{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.se-view-btn:hover{color:var(--text-primary,#0f172a)}.se-view-btn.active{background:var(--bg-primary,#fff);color:var(--primary-color,#4f46e5);box-shadow:0 1px 3px #0000001a}.se-btn-primary{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.se-btn-primary:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.se-active-filters{background:var(--bg-secondary,#f1f5f9);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:flex}.se-clear-filters{background:var(--bg-hover,#e2e8f0);color:var(--text-secondary,#64748b);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.se-clear-filters:hover{background:var(--border-color,#d1d5db)}.se-loading,.se-error{color:var(--text-secondary,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.se-loading .spinning{color:var(--primary-color,#4f46e5);animation:1s linear infinite spin}.se-retry-btn{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px}.se-table-wrap{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow-x:auto}.se-table{border-collapse:collapse;width:100%;font-size:13px}.se-table thead{background:var(--bg-secondary,#f8fafc)}.se-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#64748b);border-bottom:2px solid var(--border-color,#e2e8f0);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.se-th-check{width:36px}.se-th-meta{text-align:right}.se-checkbox{cursor:pointer;width:16px;height:16px}.se-tr{border-bottom:1px solid var(--border-color,#f1f5f9);transition:background .15s}.se-tr:hover{background:var(--bg-hover,#f8fafc)}.se-tr-selected{background:var(--bg-selected,#4f46e50d)}.se-td{vertical-align:middle;padding:10px 12px}.se-td-check{padding:10px 12px}.se-item-info{flex-direction:column;display:flex}.se-item-name{color:var(--text-primary,#0f172a);font-weight:500}.se-item-code{color:var(--text-secondary,#94a3b8);font-family:monospace;font-size:11px}.se-status-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.se-status-badge.s-open{color:#1e40af;background:#dbeafe}.se-status-badge.s-inprocess,.se-status-badge.s-completed{color:#065f46;background:#d1fae5}.se-status-badge.s-draft{color:#6b7280;background:#f3f4f6}.se-status-badge.s-notstarted,.se-status-badge.s-onhold{color:#92400e;background:#fef3c7}.se-status-badge.s-stopped,.se-status-badge.s-cancelled{color:#991b1b;background:#fee2e2}.se-warehouse-flow{align-items:center;gap:6px;display:flex}.se-warehouse-label{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary,#64748b);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:100px;padding:2px 8px;font-size:12px;overflow:hidden}.flow-arrow-sm{color:var(--text-secondary,#94a3b8);font-size:10px}.se-qty{color:var(--text-primary,#0f172a);font-weight:600}.se-amount{color:var(--primary-color,#4f46e5);font-weight:600}.se-date-info{color:var(--text-secondary,#64748b);align-items:center;gap:6px;font-size:12px;display:flex}.se-date-icon{color:var(--text-secondary,#94a3b8)}.se-ago-badge{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary,#94a3b8);white-space:nowrap;border-radius:10px;padding:1px 6px;font-size:10px}.se-td-meta{text-align:right}.se-action-buttons{justify-content:flex-end;align-items:center;gap:4px;display:flex}.se-action-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.se-action-view{color:var(--text-secondary,#64748b);background:0 0}.se-action-view:hover{background:var(--bg-secondary,#f1f5f9);color:var(--primary-color,#4f46e5)}.se-action-edit{color:var(--text-secondary,#64748b);background:0 0}.se-action-edit:hover{background:var(--bg-secondary,#f1f5f9);color:#f59e0b}.se-action-delete{color:var(--text-secondary,#64748b);background:0 0}.se-action-delete:hover{background:var(--bg-secondary,#f1f5f9);color:#ef4444}.se-empty-state{text-align:center;padding:60px 20px}.se-empty-content{color:var(--text-secondary,#64748b);flex-direction:column;align-items:center;gap:8px;display:flex}.se-empty-content p{margin:0;font-size:16px;font-weight:500}.se-empty-content span{font-size:14px}.se-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.se-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:12px;padding:16px;transition:all .2s;position:relative}.se-card:hover{border-color:var(--primary-color,#4f46e5);transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.se-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.se-card-type{align-items:center;gap:8px;display:flex}.se-card-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.se-card-icon.s-open{color:#1e40af;background:#dbeafe}.se-card-icon.s-inprocess,.se-card-icon.s-completed{color:#065f46;background:#d1fae5}.se-card-icon.s-draft{color:#6b7280;background:#f3f4f6}.se-card-icon.s-notstarted,.se-card-icon.s-onhold{color:#92400e;background:#fef3c7}.se-card-icon.s-stopped,.se-card-icon.s-cancelled{color:#991b1b;background:#fee2e2}.se-card-type-label{color:var(--text-primary,#0f172a);font-size:13px;font-weight:500}.se-card-body{margin-bottom:12px}.se-card-item{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.se-card-item-name{color:var(--text-primary,#0f172a);font-size:16px;font-weight:600}.se-card-item-qty{align-items:center;gap:4px;font-size:14px;display:flex}.qty-label{color:var(--text-secondary,#64748b)}.qty-value{color:var(--text-primary,#0f172a);font-weight:600}.se-card-warehouse-flow{background:var(--bg-secondary,#f8fafc);border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.se-card-warehouse{color:var(--text-secondary,#64748b);align-items:center;gap:4px;font-size:12px;display:flex}.wh-icon{color:var(--text-secondary,#94a3b8);font-size:12px}.flow-arrow{color:var(--text-secondary,#94a3b8);font-size:10px}.se-card-meta{gap:16px;display:flex}.se-card-meta-item{color:var(--text-secondary,#64748b);align-items:center;gap:4px;font-size:12px;display:flex}.meta-icon{color:var(--text-secondary,#94a3b8);font-size:12px}.se-card-footer{border-top:1px solid var(--border-color,#f1f5f9);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.se-card-actions{gap:4px;display:flex}.se-card-time{color:var(--text-secondary,#94a3b8);font-size:11px}.se-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.se-pagination-left,.se-pagination-right{color:var(--text-secondary,#64748b);align-items:center;gap:8px;font-size:13px;display:flex}.se-page-size-select{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-input,#fff);border-radius:6px;padding:4px 8px;font-size:13px}.se-pagination-center{gap:4px;display:flex}.se-page-btn{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-primary,#fff);min-width:32px;height:32px;color:var(--text-secondary,#64748b);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;transition:all .2s;display:inline-flex}.se-page-btn:hover:not(:disabled):not(.active){background:var(--bg-secondary,#f1f5f9);border-color:var(--primary-color,#4f46e5)}.se-page-btn.active{background:var(--primary-color,#4f46e5);color:#fff;border-color:var(--primary-color,#4f46e5)}.se-page-btn:disabled{opacity:.4;cursor:not-allowed}.se-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.se-modal{background:var(--bg-primary,#fff);border-radius:12px;width:90%;max-width:500px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.se-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.se-modal-title{color:var(--text-primary,#0f172a);font-size:18px;font-weight:600}.se-modal-close{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.se-modal-body{padding:20px}.se-modal-item-details{background:var(--bg-secondary,#f1f5f9);border-radius:6px;margin:12px 0;padding:12px}.se-modal-item-details p{margin:4px 0;font-size:13px}.se-modal-warning{color:#dc2626;margin-top:8px;font-size:13px}.se-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.se-btn-cancel{border:1px solid var(--border-color,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-secondary,#64748b);cursor:pointer;border-radius:6px;padding:8px 16px}.se-btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;display:flex}.dark .se-page{background:#0f172a}.dark .se-stat-item,.dark .se-filter-bar,.dark .se-table-wrap,.dark .se-card,.dark .se-modal{background:#1e293b;border-color:#334155}.dark .se-stat-value{color:#f1f5f9}.dark .se-stat-label{color:#94a3b8}.dark .se-search-input,.dark .se-filter-select,.dark .se-page-size-select{color:#f1f5f9;background:#334155;border-color:#475569}.dark .se-search-input::placeholder{color:#94a3b8}.dark .se-table thead{background:#1a2332}.dark .se-table thead th{color:#94a3b8}.dark .se-tr:hover{background:#1a2332}.dark .se-tr td{color:#e2e8f0}.dark .se-item-name,.dark .se-card-item-name{color:#f1f5f9}.dark .se-card-warehouse-flow{background:#1a2332}.dark .se-active-filters{background:#1e293b}.dark .se-view-toggle{background:#1a2332}.dark .se-view-btn.active{color:#818cf8;background:#334155}.dark .se-page-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.dark .se-page-btn.active{color:#fff;background:#4f46e5}.dark .se-page-btn:hover:not(:disabled):not(.active),.dark .se-modal-item-details{background:#334155}.dark .se-btn-cancel{color:#94a3b8;background:#334155;border-color:#475569}.dark .se-status-badge.s-open{color:#60a5fa;background:#1e3a5f}.dark .se-status-badge.s-inprocess{color:#34d399;background:#064e3b}.dark .se-status-badge.s-draft{color:#9ca3af;background:#374151}.dark .se-status-badge.s-notstarted{color:#fbbf24;background:#78350f}.dark .se-status-badge.s-stopped,.dark .se-status-badge.s-cancelled{color:#fca5a5;background:#7f1d1d}.dark .se-card-icon.s-open{color:#60a5fa;background:#1e3a5f}.dark .se-card-icon.s-inprocess{color:#34d399;background:#064e3b}.dark .se-card-icon.s-draft{color:#9ca3af;background:#374151}.dark .se-card-icon.s-notstarted{color:#fbbf24;background:#78350f}.dark .se-card-icon.s-stopped,.dark .se-card-icon.s-cancelled{color:#fca5a5;background:#7f1d1d}@media (width<=992px){.se-stats-bar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (width<=768px){.se-page{padding:12px}.se-filter-bar{flex-direction:column;align-items:stretch}.se-filter-right{flex-wrap:wrap}.se-card-grid{grid-template-columns:1fr}.se-pagination{flex-direction:column;align-items:center}.se-pagination-center{flex-wrap:wrap;justify-content:center}.se-stats-bar{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.se-stat-item{padding:10px 12px}.se-stat-value{font-size:15px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}.home-page{background:var(--layout-bg,#f5f7fa);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.home-container{width:100%;max-width:900px;margin:0 auto;animation:.5s ease-out fadeIn}.home-card{background:var(--card-bg,#fff);box-shadow:0 8px 40px var(--shadow-color,#00000014);border:1px solid var(--border-color,#e2e8f0);border-radius:20px;padding:32px 32px 24px;transition:all .3s}.home-header{border-bottom:2px solid var(--border-color,#e2e8f0);align-items:center;gap:16px;margin-bottom:28px;padding-bottom:16px;display:flex}.home-logo{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex}.home-logo:hover{transform:scale(1.05)}.home-logo-image{object-fit:contain;width:100%;height:100%;display:block}.home-header-content{flex:1}.home-header-content h1{color:var(--text-primary,#1f2d3d);letter-spacing:-.5px;margin:0 0 2px;font-size:22px;font-weight:700}.home-header-content p{color:var(--text-secondary,#6c7a91);margin:0;font-size:13px;font-weight:400}.module-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.module-card{background:var(--input-bg,#fff);border:1.5px solid var(--border-color,#e2e8f0);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.module-card:before{content:"";background:var(--module-color,#6366f1);opacity:0;border-radius:11px;transition:opacity .3s;position:absolute;inset:0}.module-card:hover{box-shadow:0 8px 24px var(--shadow-color,#0000001a);border-color:var(--module-color,#6366f1);transform:translateY(-3px)}.module-card:hover:before{opacity:.06}.module-card:active{transform:translateY(-1px)scale(.97)}.module-icon{color:#fff;z-index:1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:18px;transition:all .3s;display:flex;position:relative}.module-card:hover .module-icon{transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}.module-content{z-index:1;flex:1;width:100%;min-width:0;position:relative}.module-content h3{color:var(--text-primary,#1f2d3d);letter-spacing:.2px;margin:0 0 2px;font-size:13px;font-weight:600;transition:color .3s}.module-card:hover .module-content h3{color:var(--module-color,#6366f1)}.module-content p{color:var(--text-secondary,#6c7a91);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;line-height:1.3;overflow:hidden}.home-footer{border-top:2px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.footer-left{color:var(--text-secondary,#6c7a91);align-items:center;gap:8px;font-size:13px;display:flex}.footer-dot{background:var(--success-color,#10b981);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.logout-btn{color:var(--text-secondary,#6c7a91);border:1.5px solid var(--border-color,#e2e8f0);cursor:pointer;background:0 0;background:var(--card-bg,#fff);border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .3s;display:flex}.logout-btn:hover{background:var(--danger-color,#dc2626);border-color:var(--danger-color,#dc2626);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc262640}.logout-btn:active{transform:translateY(0)scale(.98)}.dark-theme .home-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .home-header-content h1{color:var(--text-primary,#f8fafc)}.dark-theme .home-header-content p{color:var(--text-secondary,#94a3b8)}.dark-theme .module-card{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .module-content h3{color:var(--text-primary,#f8fafc)}.dark-theme .module-content p{color:var(--text-secondary,#94a3b8)}.dark-theme .module-card:hover .module-content h3{color:var(--module-color,#6366f1)}.dark-theme .home-footer{border-color:var(--border-color,#334155)}.dark-theme .footer-left{color:var(--text-secondary,#94a3b8)}.dark-theme .logout-btn{background:var(--input-bg,#1e293b);color:var(--text-secondary,#94a3b8);border-color:var(--border-color,#334155)}.dark-theme .logout-btn:hover{background:var(--danger-color,#dc2626);border-color:var(--danger-color,#dc2626);color:#fff}@media (width<=1024px){.module-grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media (width<=820px){.module-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (width<=640px){.home-card{border-radius:16px;padding:24px 20px 20px}.home-header{text-align:center;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:14px}.home-logo{width:44px;height:44px}.home-header-content h1{font-size:20px}.home-header-content p{font-size:13px}.module-grid{grid-template-columns:repeat(2,1fr);gap:10px}.module-card{border-radius:10px;padding:14px 10px}.module-icon{border-radius:8px;width:36px;min-width:36px;height:36px;font-size:15px}.module-content h3{font-size:12px}.module-content p{white-space:normal;font-size:10px}.home-footer{flex-direction:column;align-items:stretch;gap:12px;padding-top:14px}.footer-left{justify-content:center;font-size:12px}.logout-btn{justify-content:center;padding:10px;font-size:12px}}@media (width<=400px){.module-grid{grid-template-columns:1fr 1fr;gap:8px}.module-card{padding:12px 8px}.module-icon{width:32px;min-width:32px;height:32px;font-size:13px}.module-content h3{font-size:11px}.module-content p{font-size:9px}}.sales-order-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.sales-order-page::-webkit-scrollbar{width:6px}.sales-order-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.sales-order-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.sales-order-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}@keyframes qtFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dark-theme .sales-order-page{background:var(--layout-bg,#0f172a)}.dark-theme .qt-filter-select,.dark-theme .qt-btn-secondary{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}@media (width<=768px){.qt-stats-container{grid-template-columns:repeat(2,1fr);gap:12px}.sales-order-page{gap:12px;padding:12px}.qt-filter-bar{flex-direction:column;align-items:stretch}.qt-filter-left{width:100%}.qt-search-wrapper{max-width:100%}.qt-filter-right{flex-wrap:wrap;justify-content:flex-start}.qt-table{min-width:700px}.qt-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.qt-td{padding:8px 10px;font-size:12px}.qt-th{padding:8px 10px;font-size:11px}.qt-td-meta{flex-wrap:wrap;justify-content:flex-end}.qt-modal{max-width:95vw}.qt-modal-body{padding:16px 20px}.qt-modal-footer{flex-wrap:wrap}.qt-btn-cancel,.qt-btn-delete,.qt-btn-primary,.qt-btn-new{flex:1;justify-content:center}}@media (width<=480px){.qt-stats-container{grid-template-columns:1fr}.qt-stat-card{padding:12px 16px}.qt-stat-value{font-size:18px}.qt-stat-icon{width:36px;height:36px;font-size:14px}.qt-filter-right{flex-direction:column;width:100%}.qt-filter-right>*{width:100%}.qt-btn-new{justify-content:center}.qt-modal{border-radius:12px;max-width:98vw}.qt-modal-body{padding:14px 16px}.qt-modal-title{font-size:14px}.qt-modal-header{padding:14px 16px}.qt-modal-footer{flex-direction:column-reverse;gap:8px}.qt-modal-footer button{width:100%}}.qt-action-proforma{color:#8b5cf6}.qt-action-proforma:hover{background:#8b5cf61a}.dark-theme .qt-action-proforma{color:#a78bfa}.dark-theme .qt-action-proforma:hover{background:#8b5cf626}.so-page{background:var(--layout-bg,#f8fafc);min-height:100vh;padding:0 2rem;font-family:Inter,sans-serif}.so-table-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.so-table-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.so-table-input[type=number]{appearance:textfield}.so-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:.5rem;display:flex}.so-header-left{align-items:center;gap:10px;display:flex}.so-header-right{align-items:center;display:flex}.so-back-btn{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);cursor:pointer;border-radius:30px;align-items:center;gap:5px;padding:6px 8px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.so-back-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#2563eb);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 12%, transparent)}.so-header-divider{background:var(--border-color,#e2e8f0);width:1px;height:20px}.so-header-title{color:var(--text-primary,#0f172a);margin:0;font-size:18px;font-weight:700}.so-checkbox-label{color:var(--text-primary,#0f172a);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.so-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color,#2563eb)}.so-error-pill{background:color-mix(in srgb, var(--danger-color) 12%, transparent);border:1px solid var(--danger-color,#ef4444);color:var(--danger-color,#ef4444);border-radius:20px;align-items:center;gap:8px;margin-bottom:1rem;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.so-main-box{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:0 1px 4px var(--shadow-color,#0000000f);border-radius:14px;margin-bottom:1.5rem;padding:14px 24px}.so-compact-layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;margin-top:0;display:grid}@media (width<=1200px){.so-compact-layout{grid-template-columns:1fr;gap:16px}.so-right-column{order:-1}}.so-left-column{flex-direction:column;gap:0;display:flex}.so-right-column{flex-direction:column;align-self:flex-start;gap:14px;display:flex;position:sticky;top:1rem}.so-section-header{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:8px;margin-bottom:.25rem;padding-bottom:.5rem;font-size:11px;font-weight:600;display:flex}.so-section-icon{color:var(--primary-color,#2563eb);font-size:13px}.so-field-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0;display:grid}.so-field-half{flex-direction:column;display:flex}@media (width<=768px){.so-field-row{grid-template-columns:1fr}}.so-grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}@media (width<=768px){.so-grid-3{grid-template-columns:1fr;gap:12px}}.so-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;font-size:11px;font-weight:600;display:block}.so-required{color:var(--danger-color,#ef4444)}.so-input,.so-select{border:1.5px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);box-sizing:border-box;border-radius:10px;min-height:32px;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.so-input:hover,.so-select:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.so-input:focus,.so-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg));outline:none}.so-input-error,.so-select-error{border-color:var(--danger-color,#ef4444)}.so-input-error:focus,.so-select-error:focus{border-color:var(--danger-color,#ef4444);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger-color) 12%, transparent)}.so-error-text{color:var(--danger-color,#ef4444);margin-top:2px;font-size:11px;display:block}.so-loading-text{color:var(--primary-color,#2563eb);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.so-textarea{border:1.5px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);resize:vertical;border-radius:10px;min-height:60px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.so-textarea:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);outline:none}.so-date-field{align-items:center;display:flex;position:relative}.so-date-field input[type=date]{padding-right:32px}.so-date-field input[type=date]::-webkit-calendar-picker-indicator{display:none}.so-date-icon-btn{width:20px;height:20px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:8px}.so-detail-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow:hidden}.so-empty-card{opacity:.7}.so-card-header{background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:600;display:flex}.so-card-content{padding:12px 14px}.so-card-content h3{color:var(--text-primary,#0f172a);margin:0 0 10px;font-size:14px;font-weight:600}.so-card-info{flex-direction:column;gap:6px;display:flex}.so-info-item{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;display:flex}.so-info-item:last-child{border-bottom:none}.so-info-label{color:var(--text-secondary,#64748b);align-items:center;gap:4px;font-size:10px;font-weight:500;display:flex}.so-info-value{color:var(--text-primary,#0f172a);font-size:12px;font-weight:500}.so-empty-state{color:var(--text-secondary,#64748b);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.so-empty-state p{margin:0;font-size:12px}.so-items-full{width:100%;margin:1rem 0 0}.so-items-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:0;margin-bottom:1rem;display:flex}.so-items-title{color:var(--text-primary,#0f172a);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.so-items-icon{color:var(--primary-color,#2563eb);font-size:13px}.so-add-btn{background:var(--primary-color,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .2s,transform .1s;display:flex}.so-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 85%, #000);transform:translateY(-1px)}.so-items-error{background:color-mix(in srgb, var(--danger-color) 15%, transparent);border:1px solid var(--danger-color,#ef4444);color:var(--danger-color,#ef4444);border-radius:8px;align-items:center;gap:8px;margin-bottom:1rem;padding:8px 12px;font-size:12px;display:flex}.so-table-wrap{border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow-x:auto}.so-items-table{border-collapse:collapse;width:100%;font-size:12px}.so-items-table th{text-transform:uppercase;color:var(--text-secondary,#64748b);white-space:nowrap;background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);text-align:left;padding:8px 10px;font-size:10px;font-weight:600}.so-items-table td{vertical-align:middle;border-bottom:1px solid var(--border-color,#f1f5f9);padding:6px 8px}.so-items-table tbody tr:hover{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.so-col-sno{text-align:center;width:2%}.so-col-code{width:12%}.so-col-code .so-table-input{text-align:left}.so-col-name{width:12%}.so-col-name .so-table-input{text-align:left}.so-col-hsn{width:10%}.so-col-hsn .so-table-input{text-align:left}.so-col-qty{text-align:center;width:10%}.so-col-uom{text-align:center;width:6%}.so-col-uom .so-table-input{text-align:left}.so-col-rate{text-align:right;width:9%}.so-col-tax{text-align:center;width:7%}.so-col-tax .so-table-input{text-align:left}.so-col-amount{text-align:right;width:9%}.so-table-input{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);text-align:right;box-sizing:border-box;border-radius:4px;min-height:28px;padding:4px 6px;font-family:inherit;font-size:12px}.so-table-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 15%, transparent);outline:none}.so-table-input-disabled{background:var(--layout-bg,#f8fafc);color:var(--text-secondary,#94a3b8);cursor:not-allowed;border-color:var(--border-color,#e2e8f0)}.so-table-input-text{text-align:left}.so-table-value{color:var(--text-primary,#0f172a);white-space:nowrap;padding:4px 6px;font-weight:600;display:inline-block}.so-remove-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;transition:all .15s}.so-remove-btn:hover{color:var(--danger-color,#ef4444);background:color-mix(in srgb, var(--danger-color) 8%, transparent)}.so-item-dropdown{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);z-index:50;border-radius:6px;min-width:220px;max-height:220px;position:absolute;top:calc(100% + 2px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.so-item-row{color:var(--text-primary,#0f172a);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:8px 10px;font-size:12px;overflow:hidden}.so-item-row:hover{background:color-mix(in srgb, var(--primary-color) 10%, transparent)}.so-item-loading,.so-item-empty{color:var(--text-secondary,#6b7280);align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.so-bottom-section{grid-template-columns:1fr 320px;align-items:start;gap:24px;margin-top:1rem;display:grid}.so-bottom-left{flex-direction:column;gap:8px;display:flex}.so-bottom-right{flex-direction:column;display:flex}@media (width<=1200px){.so-bottom-section{grid-template-columns:1fr;gap:16px}}.so-payment-table-wrap{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin-top:.5rem;overflow-x:auto}.so-payment-table{border-collapse:collapse;width:100%;font-size:12px}.so-payment-table th{text-align:left;color:var(--text-secondary,#64748b);background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);text-transform:uppercase;padding:8px 10px;font-size:10px;font-weight:600}.so-payment-table td{border-bottom:1px solid var(--border-color,#f1f5f9);vertical-align:middle;text-align:left;padding:6px 8px}.so-payment-table .so-col-no{text-align:center;width:8%}.so-payment-table .so-col-date{text-align:left;width:40%}.so-payment-table .so-col-duration{text-align:center;width:30%}.so-payment-table .so-col-amount{text-align:right;width:22%}.so-payment-table .so-col-action{text-align:center;width:6%}.so-payment-table .so-date-field input{text-align:left}.so-add-payment-btn{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color,#2563eb);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;margin-top:.5rem;padding:5px 12px;font-size:11px;font-weight:500;display:flex}.so-add-payment-btn:hover{background:color-mix(in srgb, var(--primary-color) 25%, transparent)}.so-summary-grid{flex-direction:column;gap:0;display:flex}.so-summary-item{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.so-summary-item:last-of-type{border-bottom:none}.so-summary-label{color:var(--text-secondary,#64748b);font-size:11px;font-weight:500}.so-summary-value{color:var(--text-primary,#0f172a);font-size:12px;font-weight:600}.so-summary-grand{border-top:2px solid var(--primary-color,#2563eb);justify-content:space-between;align-items:center;margin-top:4px;padding:8px 0 2px;display:flex}.so-summary-grand-label{color:var(--text-primary,#0f172a);font-size:12px;font-weight:700}.so-summary-grand-value{color:var(--primary-color,#2563eb);font-size:13px;font-weight:700}.so-spinning{animation:1s linear infinite soSpin}@keyframes soSpin{to{transform:rotate(360deg)}}.so-stock-badge{white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.so-stock-available{color:#059669;background:#ecfdf5}.so-stock-insufficient{color:#dc2626;background:#fef2f2}.so-stock-unknown{color:#6b7280;background:#f3f4f6}.so-stock-checking{color:#3b82f6;background:#eff6ff}.so-form-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:1.5rem;display:flex}.so-btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:7px;padding:8px 24px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.so-btn:disabled{opacity:.6;cursor:not-allowed}.so-btn-secondary{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b)}.so-btn-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#2563eb);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 12%, transparent)}.so-btn-submit{background:var(--primary-gradient,linear-gradient(135deg, #2563eb 0%, #1e40af 100%));color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent)}.so-btn-submit:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.so-btn-submit:active:not(:disabled){transform:translateY(0)scale(.97)}.so-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;background:#0009;justify-content:center;align-items:center;animation:.25s ease-out soFadeIn;display:flex;position:fixed;inset:0}@keyframes soFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.so-modal-container{background:var(--card-bg,#fff);text-align:center;border-radius:20px;width:90%;max-width:460px;padding:40px 48px 32px;animation:.3s ease-out soSlideUp;position:relative;box-shadow:0 24px 64px #0003}@keyframes soSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.so-modal-success-icon{color:#22c55e;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex}.so-modal-success-icon svg{font-size:40px}.so-modal-title{color:var(--text-primary,#0f172a);margin:0 0 8px;font-size:24px;font-weight:700}.so-modal-message{color:var(--text-secondary,#64748b);margin:0 0 24px;font-size:14px;line-height:1.5}.so-modal-details{background:var(--layout-bg,#f8fafc);text-align:left;border-radius:12px;margin-bottom:24px;padding:16px 20px}.so-modal-detail-item{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.so-modal-detail-item:last-child{border-bottom:none}.so-modal-detail-label{color:var(--text-secondary,#64748b);font-size:12px;font-weight:500}.so-modal-detail-value{color:var(--text-primary,#0f172a);font-size:14px;font-weight:600}.so-modal-so-number{color:var(--primary-color,#2563eb);letter-spacing:.5px;font-size:16px;font-weight:700}.so-modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.so-modal-btn{cursor:pointer;border:none;border-radius:30px;min-width:140px;padding:10px 28px;font-size:13px;font-weight:600;transition:all .2s}.so-modal-btn-primary{background:var(--primary-color,#2563eb);color:#fff;box-shadow:0 2px 8px #2563eb4d}.so-modal-btn-primary:hover{background:color-mix(in srgb, var(--primary-color) 85%, #000);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.so-modal-btn-secondary{background:var(--layout-bg,#f1f5f9);color:var(--text-secondary,#64748b)}.so-modal-btn-secondary:hover{background:var(--border-color,#e2e8f0)}.so-validation-modal{background:var(--card-bg,#fff);border-radius:12px;width:100%;max-width:500px;animation:.22s ease-out soModalIn;overflow:hidden;box-shadow:0 16px 40px #00000024}@keyframes soModalIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.so-modal-header{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.so-modal-header-warning{background:#fffbeb;border-bottom:1px solid #fcd34d}.so-modal-title-warning{color:#d97706;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.so-modal-close{width:28px;height:28px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:all .16s;display:flex}.so-modal-close:hover{color:var(--text-primary,#1f2433);background:#00000012}.so-modal-body{flex-direction:column;gap:14px;max-height:60vh;padding:20px;display:flex;overflow-y:auto}.so-modal-intro{color:var(--text-secondary,#6b7280);margin:0;font-size:13px}.so-error-list{flex-direction:column;gap:8px;display:flex}.so-validation-error-item{cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;flex-direction:column;gap:4px;padding:11px 14px;transition:all .16s;display:flex}.so-validation-error-item:hover{background:#fee2e2;border-color:#dc2626;transform:translate(2px)}.so-error-header{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.so-error-icon{color:#dc2626;flex-shrink:0}.so-error-label{color:var(--text-primary,#1f2433);font-size:13px;font-weight:600}.so-error-message{color:#dc2626;padding-left:20px;font-size:12.5px}.so-hint-banner{color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f3f4f6);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.so-hint-icon{color:var(--primary-color,#6366f1);flex-shrink:0}.so-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--layout-bg,#f3f4f6);justify-content:flex-end;padding:14px 20px;display:flex}.so-btn-cancel{height:34px;color:var(--text-secondary,#6b7280);background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:6px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .16s}.so-btn-cancel:hover{color:var(--text-primary,#1f2433);border-color:#c0c8d4}.dark-theme .so-page{background:var(--layout-bg,#0f172a)}.dark-theme .so-main-box{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .so-input,.dark-theme .so-select,.dark-theme .so-textarea{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .so-input:hover,.dark-theme .so-select:hover{background:color-mix(in srgb, var(--primary-color) 5%, var(--card-bg))}.dark-theme .so-input:focus,.dark-theme .so-select:focus,.dark-theme .so-textarea:focus{border-color:var(--primary-color,#818cf8)}.dark-theme .so-detail-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .so-card-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .so-card-content h3{color:var(--text-primary,#f8fafc)}.dark-theme .so-info-item{border-color:var(--border-color,#334155)}.dark-theme .so-info-value{color:var(--text-primary,#f8fafc)}.dark-theme .so-summary-item{border-color:var(--border-color,#334155)}.dark-theme .so-summary-value{color:var(--text-primary,#f8fafc)}.dark-theme .so-summary-grand-value{color:var(--primary-color,#60a5fa)}.dark-theme .so-table-input{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .so-table-value{color:var(--text-primary,#f8fafc)}.dark-theme .so-btn-submit{background:var(--primary-color,#3b82f6)}.dark-theme .so-btn-secondary{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .so-btn-secondary:hover:not(:disabled){background:var(--layout-bg,#ffffff0d);border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#60a5fa)}.dark-theme .so-modal-container{background:var(--card-bg,#1e293b);border:1px solid var(--border-color,#334155)}.dark-theme .so-modal-title{color:var(--text-primary,#f8fafc)}.dark-theme .so-modal-success-icon{background:#22c55e26}.dark-theme .so-modal-details{background:var(--layout-bg,#0f172a)}.dark-theme .so-modal-detail-item{border-color:var(--border-color,#334155)}.dark-theme .so-modal-detail-value{color:var(--text-primary,#f8fafc)}.dark-theme .so-modal-so-number{color:var(--primary-color,#60a5fa)}.dark-theme .so-modal-btn-secondary{background:var(--layout-bg,#1e293b);color:var(--text-secondary,#94a3b8);border:1px solid var(--border-color,#334155)}@media (width<=1024px){.so-page{padding:1rem 1.5rem}.so-main-box{padding:1rem}}@media (width<=768px){.so-page{padding:.75rem 1rem}.so-main-box{padding:1rem}.so-header{flex-wrap:wrap}.so-header-title{font-size:16px}.so-form-footer{flex-direction:column}.so-form-footer .so-btn{justify-content:center;width:100%}.so-grid-3{grid-template-columns:1fr;gap:12px}.so-col-sno{width:3%}.so-col-code,.so-col-name{width:14%}.so-col-hsn{width:10%}.so-col-qty{width:11%}.so-col-uom{width:8%}.so-col-rate{width:10%}.so-col-tax{width:8%}.so-col-amount{width:10%}}@media (width<=480px){.so-page{padding:.5rem}.so-main-box{padding:.75rem}.so-header-title{font-size:14px}.so-items-table{font-size:10px}.so-col-sno{display:none}.so-col-code{width:20%}.so-col-name{width:18%}.so-col-hsn{display:none}.so-col-qty{width:12%}.so-col-uom{display:none}.so-col-rate{width:14%}.so-col-tax{width:10%}.so-col-amount{width:14%}.so-modal-container{margin:16px;padding:32px 20px 24px}.so-modal-actions{flex-direction:column;gap:10px}.so-modal-btn{width:100%;min-width:auto}}.so-custom-scroll::-webkit-scrollbar{width:4px;height:4px}.so-custom-scroll::-webkit-scrollbar-track{background:var(--border-color,#f1f5f9);border-radius:2px}.so-custom-scroll::-webkit-scrollbar-thumb{background:var(--text-secondary,#cbd5e1);border-radius:2px}.so-custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary,#94a3b8)}.so-custom-scroll{scrollbar-width:thin;scrollbar-color:var(--text-secondary,#cbd5e1) var(--border-color,#f1f5f9)}@media print{.so-form-footer,.so-back-btn{display:none!important}body{background:#fff;padding:0}.so-page{background:#fff}}.so-invoice-type-section{border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.so-invoice-type-section .so-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:600;margin-bottom:0!important}.so-radio-group{background:var(--layout-bg,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:6px;flex-shrink:0;gap:3px;width:auto;max-width:260px;padding:2px;display:inline-flex}.so-radio-label{color:var(--text-secondary,#64748b);cursor:pointer;white-space:nowrap;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:4px;min-height:22px;padding:3px 10px;font-size:10px;font-weight:600;transition:background .18s,color .18s;display:flex}.so-radio-label:hover{background:color-mix(in srgb, var(--primary-color,#2563eb) 8%, var(--card-bg,#fff));color:var(--primary-color,#2563eb)}.so-radio-label input[type=radio]{accent-color:var(--primary-color,#2563eb);cursor:pointer;width:11px;height:11px;margin:0}.so-radio-label:has(input:checked){background:var(--primary-color,#2563eb);color:#fff;box-shadow:0 1px 2px #2563eb33}.dark-theme .so-radio-label{color:var(--text-secondary,#94a3b8)}.dark-theme .so-radio-label:hover{background:color-mix(in srgb, var(--primary-color,#3b82f6) 15%, var(--card-bg,#1e293b));color:var(--primary-color,#60a5fa)}.dark-theme .so-radio-label:has(input:checked){background:var(--primary-color,#3b82f6);color:#fff}.dark-theme .so-radio-group{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}@media (width<=768px){.so-invoice-type-section{flex-wrap:wrap;gap:8px}.so-radio-group{flex:1;max-width:100%}}@media (width<=480px){.so-radio-group{flex:1;max-width:100%}.so-radio-label{padding:2px 8px;font-size:9px}}.so-stock-indicator{white-space:nowrap;border-radius:8px;align-items:center;gap:2px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-flex}.so-stock-indicator.so-stock-available{color:#059669;background:#ecfdf5}.so-stock-indicator.so-stock-insufficient{color:#dc2626;background:#fef2f2}.so-stock-indicator.so-stock-unknown{color:#6b7280;background:#f3f4f6}.so-stock-indicator.so-stock-checking{color:#3b82f6;background:#eff6ff}.so-payment-col-no{text-align:center;width:4%}.so-payment-col-term{width:18%}.so-payment-col-term .so-table-input{text-align:left}.so-payment-col-date{width:18%}.so-payment-col-date .so-table-input{text-align:left}.so-payment-col-duration,.so-payment-col-portion{text-align:center;width:10%}.so-payment-col-amount{text-align:right;width:18%}.so-payment-col-portion .so-table-input,.so-payment-col-duration .so-table-input,.so-payment-col-amount .so-table-input{text-align:right}.so-payment-col-action{text-align:center;width:6%}.so-payment-table th{text-align:left;color:var(--text-secondary,#64748b);background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);text-transform:uppercase;white-space:nowrap;padding:8px 6px;font-size:10px;font-weight:600}.so-payment-table td{border-bottom:1px solid var(--border-color,#f1f5f9);vertical-align:middle;padding:4px 6px}.so-payment-table .so-table-input{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);box-sizing:border-box;border-radius:4px;min-height:28px;padding:4px 6px;font-family:inherit;font-size:12px}.so-payment-table .so-table-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 15%, transparent);outline:none}.so-payment-table .so-table-input-text{text-align:left}.cl-page{background:var(--layout-bg,#fff);border-radius:8px;flex-direction:column;height:auto;min-height:100%;display:flex;overflow:visible}.cl-stats-container{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.cl-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.cl-stat-icon{color:#fff;background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.cl-stat-content{flex:1}.cl-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.cl-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.cl-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:8px 0;display:flex}.cl-filter-left{flex:1;align-items:center;display:flex}.cl-search-wrapper{flex:1;max-width:400px;position:relative}.cl-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cl-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.cl-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.cl-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.cl-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cl-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cl-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.cl-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.cl-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.cl-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.cl-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.cl-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.cl-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cl-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.cl-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:8px 16px;font-size:12px;display:flex}.cl-active-filters span{color:var(--text-primary,#111827)}.cl-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.cl-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.cl-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden}.cl-table-wrap::-webkit-scrollbar{width:6px;height:6px}.cl-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.cl-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}.cl-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.cl-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.cl-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.cl-th-bool{text-align:center}.cl-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.cl-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.cl-tr{cursor:pointer;transition:background .15s}.cl-tr:hover{background:var(--nav-hover,#f9fafb)}.cl-tr-selected{background:var(--nav-active,#f0f7ff)}.cl-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.cl-tr+.cl-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.cl-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.cl-td-name{color:var(--text-primary,#111827);font-weight:600}.cl-td-bool{text-align:center}.cl-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.cl-bank-badge{color:#3730a3;cursor:pointer;background:#e0e7ff;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.cl-bank-badge:hover{background:var(--primary-color,#6366f1);color:#fff;box-shadow:0 3px 10px color-mix(in srgb, var(--primary-color) 30%, transparent);transform:translateY(-1px)}.cl-bank-badge svg{flex-shrink:0}.cl-bank-add-btn{color:var(--primary-color,#6366f1);border:1.5px dashed color-mix(in srgb, var(--primary-color) 45%, var(--border-color));cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.cl-bank-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border-color:var(--primary-color,#6366f1);transform:translateY(-1px)}.cl-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.cl-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.cl-action-buttons{align-items:center;gap:4px;display:flex}.cl-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.cl-action-view{color:var(--primary-color,#6366f1)}.cl-action-view:hover{background:#6366f11a}.cl-action-edit{color:#f59e0b}.cl-action-edit:hover{background:#f59e0b1a}.cl-action-delete{color:var(--danger-color,#ef4444)}.cl-action-delete:hover{background:#ef44441a}.cl-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.cl-checkbox-readonly{cursor:default;opacity:.95}.cl-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px 0;display:flex}.cl-pagination-left,.cl-pagination-right{align-items:center;gap:8px;display:flex}.cl-pagination-center{align-items:center;gap:4px;display:flex}.cl-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.cl-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.cl-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.cl-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.cl-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.cl-page-btn:disabled{opacity:.5;cursor:not-allowed}.cl-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.cl-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.cl-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.cl-empty-state{text-align:center;padding:60px 20px}.cl-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.cl-empty-content svg{color:var(--text-secondary,#9ca3af)}.cl-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.cl-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.cl-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cl-modal{background:var(--card-bg,#fff);width:100%;max-width:450px;box-shadow:0 20px 40px var(--shadow-color,#00000026);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;max-height:90vh;display:flex;overflow:hidden}.cl-modal-bank{max-width:640px}.cl-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.cl-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cl-modal-header h3{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:600}.cl-modal-close{background:var(--layout-bg,#f9fafb);cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex}.cl-modal-close:hover{background:var(--nav-hover,#f3f4f6)}.cl-modal-body{text-align:center;flex:1;padding:24px;overflow-y:auto}.cl-modal-body::-webkit-scrollbar{width:6px}.cl-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.cl-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.cl-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);border-radius:8px;padding:8px;font-size:16px}.cl-modal-warning{color:var(--danger-color,#ef4444);margin-top:16px;font-size:12px}.cl-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.cl-modal-btn-cancel{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:8px;padding:8px 20px;font-weight:500;transition:all .15s}.cl-modal-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.cl-modal-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-weight:500;transition:all .15s;display:inline-flex}.cl-modal-btn-delete:hover{background:#dc2626}.cl-btn-edit{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cl-btn-edit:hover{background:var(--primary-hover,#4f46e5)}.cl-bank-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--primary-color) 10%, transparent) 0%, transparent 55%), var(--card-bg,#fff);flex-shrink:0;align-items:center;gap:14px;padding:18px 24px;display:flex;position:relative}.cl-bank-modal-header-icon{background:var(--primary-color,#6366f1);color:#fff;width:40px;height:40px;box-shadow:0 2px 6px color-mix(in srgb, var(--primary-color) 35%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cl-bank-modal-header-text{flex-direction:column;flex:1;gap:2px;padding-right:24px;display:flex}.cl-edit-subtitle{color:var(--text-secondary,#6b7280);font-size:12.5px}.cl-bank-modal-header .cl-modal-close{position:absolute;top:14px;right:14px}.cl-bank-modal-body{background:var(--card-bg,#fff);text-align:left;flex-direction:column;gap:14px;display:flex}.cl-bank-card{border:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);border-radius:14px;gap:14px;padding:16px;transition:border-color .15s;display:flex}.cl-bank-card:hover{border-color:color-mix(in srgb, var(--primary-color) 35%, var(--border-color))}.cl-bank-card-icon{background:color-mix(in srgb, var(--primary-color) 14%, transparent);width:40px;height:40px;color:var(--primary-color,#6366f1);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cl-bank-card-info{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.cl-bank-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cl-bank-card-top strong{color:var(--text-primary,#111827);font-size:14px}.cl-bank-card-badges{flex-wrap:wrap;gap:6px;display:flex}.cl-bank-badge-tag{white-space:nowrap;border-radius:10px;align-items:center;gap:4px;height:20px;padding:0 10px;font-size:10px;font-weight:500;line-height:20px;display:inline-flex}.cl-bank-badge-primary{color:#1d4ed8;background:#dbeafe}.cl-bank-badge-verified{color:#065f46;background:#d1fae5}.cl-bank-badge-unverified{color:#b91c1c;background:#f9dcdc}.cl-bank-card-rows{grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}.cl-bank-card-row{gap:6px;min-width:0;font-size:12.5px;display:flex}.cl-bank-card-row-full{grid-column:1/-1}.cl-bank-card-row label{color:var(--text-secondary,#6b7280);flex-shrink:0;min-width:82px;font-weight:500}.cl-bank-card-row span{color:var(--text-primary,#374151);overflow-wrap:anywhere}.cl-bank-empty{color:var(--text-secondary,#6b7280);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.cl-bank-empty svg{color:var(--text-secondary,#9ca3af)}.cl-single{flex-direction:column;gap:16px;display:flex}.cl-single-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cl-single-toolbar-info{color:var(--text-secondary,#6b7280);align-items:center;gap:8px;font-size:13px;display:flex}.cl-single-toolbar-info svg{color:var(--primary-color,#6366f1)}.cl-single-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border-radius:14px;transition:box-shadow .2s,border-color .2s;animation:.35s both cl-fade-in;overflow:hidden}.cl-single-card:hover{box-shadow:0 6px 20px var(--shadow-color,#00000014);border-color:color-mix(in srgb, var(--primary-color) 20%, var(--border-color))}@keyframes cl-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cl-single-card-header{color:var(--text-primary,#111827);background:linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 6%, transparent), transparent), var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:8px;padding:14px 18px;font-size:13px;font-weight:600;display:flex}.cl-single-card-header svg{color:var(--primary-color,#6366f1)}.cl-single-card-header-row{background:linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 6%, transparent), transparent), var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.cl-single-card-header-row .cl-single-card-header{background:0 0;border:none;padding:0}.cl-single-card-body{padding:18px}.cl-single-count-pill{background:var(--primary-color,#6366f1);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.cl-single-profile{background:radial-gradient(140% 160% at 100% 0%, color-mix(in srgb, var(--primary-color) 7%, transparent) 0%, transparent 60%), var(--card-bg,#fff);align-items:flex-start;gap:20px;padding:24px;display:flex}.cl-single-logo{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 88%, #000 12%), color-mix(in srgb, var(--primary-color) 40%, #000 60%));color:#fff;letter-spacing:.5px;width:68px;height:68px;box-shadow:0 4px 14px color-mix(in srgb, var(--primary-color) 35%, transparent), inset 0 0 0 1px #ffffff1f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;overflow:hidden}.cl-single-logo span{text-shadow:0 1px 4px #0009}.cl-single-logo img{object-fit:cover;width:100%;height:100%}.cl-single-profile-info{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.cl-single-profile-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cl-single-profile-top h2{color:var(--text-primary,#111827);margin:0;font-size:20px;font-weight:700}.cl-single-abbr-badge{letter-spacing:.4px;background:color-mix(in srgb, var(--primary-color) 14%, transparent);color:var(--primary-color,#6366f1);border-radius:8px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.cl-single-profile-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cl-single-badge{border-radius:12px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.cl-single-badge-good{color:#065f46;background:#d1fae5}.cl-single-badge-accent{background:color-mix(in srgb, var(--primary-color) 16%, transparent);color:var(--primary-color,#6366f1)}.cl-single-badge-muted{background:var(--layout-bg,#f3f4f6);color:var(--text-secondary,#6b7280);border:1px solid var(--border-color,#e5e7eb)}.cl-single-desc{color:var(--text-secondary,#6b7280);margin:2px 0 0;font-size:13px;line-height:1.5}.cl-single-profile-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.cl-single-grid{grid-template-columns:1.6fr 1fr;align-items:start;gap:16px;display:grid}.cl-single-grid-full{grid-template-columns:1fr}.cl-single-side{flex-direction:column;gap:16px;display:flex}.cl-single-details-grid{grid-template-columns:1fr 1fr;gap:4px 24px;display:grid}.cl-single-details-list{flex-direction:column;display:flex}.cl-detail-row{border-bottom:1px solid var(--border-color,#f3f4f6);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.cl-single-details-grid .cl-detail-row:last-child,.cl-single-details-list .cl-detail-row:last-child{border-bottom:none}.cl-detail-label{color:var(--text-secondary,#6b7280);flex-shrink:0;font-size:12.5px}.cl-detail-value{color:var(--text-primary,#111827);text-align:right;overflow-wrap:anywhere;font-size:13px;font-weight:500}.cl-single-bank-list{flex-direction:column;gap:14px;display:flex}.cl-single-bank-list-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:14px;display:grid}.cl-single-bank-list-grid .cl-bank-card-rows{grid-template-columns:1fr}.cl-single-footer-meta{color:var(--text-secondary,#9ca3af);align-items:center;gap:8px;padding:4px 4px 0;font-size:12px;display:flex}.dark-theme .cl-filter-btn,.dark-theme .cl-sort-btn,.dark-theme .cl-filter-select,.dark-theme .cl-page-btn,.dark-theme .cl-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .cl-filter-btn:hover,.dark-theme .cl-sort-btn:hover,.dark-theme .cl-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .cl-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .cl-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .cl-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .cl-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .cl-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .cl-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .cl-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .cl-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .cl-modal-header{border-color:var(--border-color,#334155)}.dark-theme .cl-modal-body p{color:var(--text-secondary,#94a3b8)}.dark-theme .cl-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .cl-modal-footer{border-color:var(--border-color,#334155);background:var(--layout-bg,#0f172a)}.dark-theme .cl-modal-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .cl-modal-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .cl-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .cl-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .cl-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .cl-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .cl-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .cl-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .cl-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .cl-btn-edit{background:var(--primary-color,#3b82f6)}.dark-theme .cl-btn-edit:hover{background:var(--primary-hover,#2563eb)}.dark-theme .cl-bank-badge{color:#a5b4fc;background:#6366f133}.dark-theme .cl-bank-badge:hover{background:var(--primary-color,#3b82f6);color:#fff}.dark-theme .cl-bank-add-btn{color:var(--primary-color,#60a5fa);border-color:color-mix(in srgb, var(--primary-color) 35%, var(--border-color))}.dark-theme .cl-bank-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 14%, transparent)}.dark-theme .cl-bank-modal-header{background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--primary-color) 18%, transparent) 0%, transparent 55%), var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .cl-bank-modal-body{background:var(--card-bg,#1e293b)}.dark-theme .cl-bank-card{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .cl-bank-card-top strong{color:var(--text-primary,#f8fafc)}.dark-theme .cl-bank-card-row label{color:var(--text-secondary,#94a3b8)}.dark-theme .cl-bank-card-row span{color:var(--text-primary,#f8fafc)}.dark-theme .cl-bank-badge-primary{color:#818cf8;background:#6366f133}.dark-theme .cl-bank-badge-verified{color:#34d399;background:#10b98133}.dark-theme .cl-bank-badge-unverified{color:#f87171;background:#ef44442e}.dark-theme .cl-bank-empty,.dark-theme .cl-single-toolbar-info{color:var(--text-secondary,#94a3b8)}.dark-theme .cl-single-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .cl-single-card-header,.dark-theme .cl-single-card-header-row{background:linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 12%, transparent), transparent), var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .cl-single-profile-top h2{color:var(--text-primary,#f8fafc)}.dark-theme .cl-single-badge-muted{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .cl-single-badge-good{color:#34d399;background:#10b9812e}.dark-theme .cl-single-badge-accent{color:#a5b4fc;background:#6366f133}.dark-theme .cl-single-desc{color:var(--text-secondary,#94a3b8)}.dark-theme .cl-detail-row{border-color:var(--border-color,#334155)}.dark-theme .cl-detail-label{color:var(--text-secondary,#94a3b8)}.dark-theme .cl-detail-value{color:var(--text-primary,#f8fafc)}.dark-theme .cl-single-footer-meta{color:var(--text-secondary,#64748b)}@media (width<=1024px){.cl-stats-container{grid-template-columns:repeat(2,1fr)}.cl-single-grid,.cl-single-bank-list-grid{grid-template-columns:1fr}}@media (width<=768px){.cl-stats-container{grid-template-columns:1fr 1fr;gap:12px}.cl-filter-bar{flex-direction:column;align-items:stretch}.cl-filter-left{width:100%}.cl-search-wrapper{max-width:100%}.cl-filter-right{flex-wrap:wrap;justify-content:flex-start}.cl-pagination{flex-direction:column;align-items:center}.cl-pagination-center{order:2}.cl-pagination-left,.cl-pagination-right{order:1}.cl-table-wrap{overflow-x:auto}.cl-table{min-width:760px}.cl-th-check,.cl-td-check{width:30px;padding-left:10px}.cl-td{padding:8px 10px;font-size:12px}.cl-th{padding:8px 10px;font-size:11px}.cl-td-meta{flex-wrap:wrap;justify-content:flex-end}.cl-stat-card{padding:12px}.cl-stat-value{font-size:18px}.cl-modal,.cl-modal-bank{max-width:95vw}.cl-modal-body{padding:16px 20px}.cl-modal-footer{flex-wrap:wrap}.cl-modal-btn-cancel,.cl-modal-btn-delete,.cl-btn-edit{flex:1;justify-content:center}.cl-bank-card{flex-direction:column}.cl-bank-card-rows{grid-template-columns:1fr}.cl-single-profile{flex-direction:column}.cl-single-profile-actions{align-self:flex-end}.cl-single-details-grid{grid-template-columns:1fr}}@media (width<=480px){.cl-stats-container{grid-template-columns:1fr}.cl-stat-card{padding:12px}.cl-stat-value{font-size:16px}.cl-stat-icon{width:36px;height:36px;font-size:16px}.cl-filter-right{flex-direction:column;width:100%}.cl-filter-right>*{width:100%}.cl-btn-primary{justify-content:center}.cl-pagination{padding:8px 0}.cl-pagination-center{flex-wrap:wrap;justify-content:center}.cl-modal,.cl-modal-bank{border-radius:12px;max-width:98vw}.cl-modal-body{padding:14px 16px}.cl-modal-title{font-size:14px}.cl-modal-header,.cl-bank-modal-header{padding:14px 16px}.cl-modal-footer{flex-direction:column-reverse;gap:8px}.cl-modal-footer button{width:100%}.cl-bank-badge,.cl-bank-add-btn{padding:4px 9px;font-size:11px}.cl-single-toolbar{flex-direction:column;align-items:stretch}.cl-single-toolbar .cl-btn-primary{justify-content:center}.cl-single-logo{width:56px;height:56px;font-size:18px}.cl-single-profile-top h2{font-size:17px}.cl-single-card-body{padding:14px}}.acf-page{background:var(--layout-bg,#f7f8fa);border-radius:8px;flex-direction:column;min-height:100%;display:flex;overflow:visible}.acf-header-wrap{margin-bottom:16px}.acf-header-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.acf-back-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:36px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.acf-back-btn:hover{background:var(--nav-hover,#f9fafb)}.acf-title{letter-spacing:-.3px;color:var(--text-primary,#111827);flex:1;min-width:140px;margin:0;font-size:16px;font-weight:700}.acf-error-pill{color:var(--danger-color,#dc2626);white-space:nowrap;background:#fef2f2;border:1px solid #fca5a5;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:flex}.acf-header-save{flex-shrink:0}.acf-container{flex:1}.acf-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border-radius:12px;padding:24px}.acf-section-title{letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary,#6b7280);border-top:1px solid var(--border-color,#e5e7eb);border-bottom:1px solid var(--border-color,#f3f4f6);align-items:center;gap:7px;margin-top:4px;margin-bottom:16px;padding-top:20px;padding-bottom:10px;font-size:11px;font-weight:700;display:flex}.acf-section-title-first{border-top:none;margin-top:0;padding-top:0}.acf-section-title svg{color:var(--primary-color,#6366f1);flex-shrink:0}.acf-field-block{margin-bottom:4px}.acf-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.acf-input:focus{border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px #6366f11a}.acf-input::placeholder{color:var(--text-secondary,#9ca3af)}.acf-input-error{border-color:var(--danger-color,#ef4444)}.acf-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.acf-error-text{color:var(--danger-color,#ef4444);margin-top:4px;font-size:11.5px;display:block}.acf-field-note{color:var(--text-secondary,#9ca3af);margin-top:6px;font-size:11.5px;line-height:1.5;display:block}.acf-textarea{resize:vertical;min-height:70px;font-family:inherit}.acf-date-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;font-size:13px}.acf-date-input:focus{border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px #6366f11a}.acf-checkbox-cell{align-items:center;display:flex}.acf-checkbox-label{color:var(--text-primary,#374151);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.acf-checkbox{cursor:pointer;width:15px;height:15px;accent-color:var(--primary-color,#6366f1);border-radius:3px}.acf-nav-card{border:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.acf-nav-card:hover{border-color:var(--primary-color,#6366f1);background:color-mix(in srgb, var(--primary-color) 6%, transparent)}.acf-nav-card-icon{background:color-mix(in srgb, var(--primary-color) 12%, transparent);width:38px;height:38px;color:var(--primary-color,#6366f1);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.acf-nav-card-text{flex:1;min-width:0}.acf-nav-card-title{color:var(--text-primary,#111827);font-size:13.5px;font-weight:700}.acf-nav-card-sub{color:var(--text-secondary,#6b7280);margin-top:2px;font-size:12px;line-height:1.4}.acf-nav-card-arrow{color:var(--text-secondary,#9ca3af);flex-shrink:0;transition:transform .15s}.acf-nav-card:hover .acf-nav-card-arrow{color:var(--primary-color,#6366f1);transform:translate(3px)}.acf-bank-accounts-list{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.acf-bank-account-card{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 40px 12px 14px;transition:border-color .18s,box-shadow .18s,background .18s,transform .1s;display:flex;position:relative}.acf-bank-account-card:hover{border-color:color-mix(in srgb, var(--primary-color) 45%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg));box-shadow:0 4px 14px color-mix(in srgb, var(--primary-color) 10%, transparent)}.acf-bank-account-card:active{transform:scale(.995)}.acf-bank-account-icon{background:color-mix(in srgb, var(--primary-color) 12%, transparent);width:38px;min-width:38px;height:38px;color:var(--primary-color,#6366f1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.acf-bank-account-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.acf-bank-account-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acf-bank-account-name{color:var(--text-primary,#111827);font-size:13.5px;font-weight:600}.acf-bank-account-badges{align-items:center;gap:6px;display:flex}.acf-bank-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.acf-bank-badge-primary{background:color-mix(in srgb, var(--primary-color) 15%, transparent);color:var(--primary-color,#6366f1)}.acf-bank-badge-verified{color:#065f46;background:#d1fae5}.acf-bank-account-details{color:var(--text-secondary,#6b7280);flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.acf-bank-account-details span:not(:last-child):after{content:"•";color:var(--border-color,#e5e7eb);margin-left:10px}.acf-bank-remove-btn{width:26px;height:26px;color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:10px}.acf-bank-remove-btn:hover{background:color-mix(in srgb, var(--danger-color) 12%, transparent);color:var(--danger-color,#ef4444)}.acf-add-bank-btn{border:1.5px dashed color-mix(in srgb, var(--primary-color) 45%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 4%, var(--card-bg));color:var(--primary-color,#6366f1);cursor:pointer;border-radius:10px;align-items:center;gap:7px;margin-bottom:8px;padding:9px 18px;font-size:12.5px;font-weight:600;transition:background .18s,border-color .18s,transform .1s;display:inline-flex}.acf-add-bank-btn:hover{background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));border-color:var(--primary-color,#6366f1)}.acf-add-bank-btn:active{transform:scale(.97)}.acf-bank-hint{color:var(--text-secondary,#9ca3af);align-items:center;gap:6px;margin-top:4px;font-size:11.5px;display:flex}.acf-footer-row{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border-radius:12px;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;padding:18px 24px;display:flex}.acf-btn-secondary{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:36px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;padding:0 18px;font-size:13.5px;font-weight:600;transition:all .15s}.acf-btn-secondary:hover{background:var(--nav-hover,#f9fafb)}.acf-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 20px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.acf-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.acf-btn-submit:disabled{cursor:not-allowed;transform:none}.acf-spinning{animation:.8s linear infinite acf-spin}@keyframes acf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.acf-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.acf-validation-modal{background:var(--card-bg,#fff);width:100%;max-width:540px;max-height:80vh;box-shadow:0 20px 40px var(--shadow-color,#00000026);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex}.acf-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.acf-modal-header-warning{background:#f59e0b14}.acf-modal-title-warning{color:#b45309;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.acf-modal-close{background:var(--layout-bg,#f9fafb);cursor:pointer;width:30px;height:30px;color:var(--text-secondary,#6b7280);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:background .15s;display:flex}.acf-modal-close:hover{background:var(--nav-hover,#f3f4f6)}.acf-modal-body{padding:20px 22px;overflow-y:auto}.acf-modal-intro{color:var(--text-secondary,#6b7280);margin:0 0 14px;font-size:13px}.acf-error-list{flex-direction:column;gap:8px;display:flex}.acf-validation-error-item{border:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);cursor:pointer;border-radius:8px;padding:10px 14px;transition:all .15s}.acf-validation-error-item:hover{border-color:var(--danger-color,#ef4444);background:#ef44440d}.acf-error-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acf-error-icon{color:var(--danger-color,#ef4444);flex-shrink:0}.acf-error-label{color:var(--text-primary,#111827);font-size:13px}.acf-error-tab{color:var(--text-secondary,#9ca3af);background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);border-radius:99px;margin-left:auto;padding:2px 9px;font-size:11px}.acf-error-message{color:var(--text-secondary,#6b7280);margin-top:4px;font-size:12px}.acf-hint-banner{background:color-mix(in srgb, var(--primary-color) 8%, transparent);color:var(--text-primary,#374151);border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;font-size:12px;display:flex}.acf-hint-icon{color:var(--primary-color,#6366f1);flex-shrink:0}.acf-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;padding:14px 22px;display:flex}.acf-btn-cancel{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.acf-btn-cancel:hover{background:var(--nav-hover,#f9fafb)}.dark-theme .acf-page,.dark-theme .acf-header-wrap{background:var(--layout-bg,#0f172a)}.dark-theme .acf-back-btn,.dark-theme .acf-card,.dark-theme .acf-footer-row,.dark-theme .acf-btn-secondary,.dark-theme .acf-validation-modal,.dark-theme .acf-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .acf-back-btn:hover,.dark-theme .acf-btn-secondary:hover,.dark-theme .acf-btn-cancel:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .acf-input,.dark-theme .acf-date-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .acf-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .acf-section-title{color:var(--text-primary,#f8fafc);border-top-color:var(--border-color,#334155)}.dark-theme .acf-nav-card,.dark-theme .acf-validation-error-item{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .acf-error-tab{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .acf-modal-header,.dark-theme .acf-modal-footer{border-color:var(--border-color,#334155)}.dark-theme .acf-field-note{color:var(--text-secondary,#94a3b8)}.dark-theme .acf-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .acf-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .acf-bank-account-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .acf-bank-account-card:hover{background:color-mix(in srgb, var(--primary-color) 8%, #1e293b)}.dark-theme .acf-bank-account-icon{background:color-mix(in srgb, var(--primary-color) 18%, transparent)}.dark-theme .acf-bank-badge-primary{background:color-mix(in srgb, var(--primary-color) 22%, transparent)}.dark-theme .acf-bank-badge-verified{color:#34d399;background:#10b9812e}.dark-theme .acf-add-bank-btn{background:color-mix(in srgb, var(--primary-color) 8%, #1e293b)}@media (width<=1100px){.acf-grid-3,.acf-bank-accounts-list{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.acf-card{padding:16px}.acf-grid-3,.acf-bank-accounts-list{grid-template-columns:1fr}.acf-bank-account-card{padding-right:14px}.acf-title{font-size:15px}.acf-footer-row{flex-direction:column-reverse;align-items:stretch}.acf-btn-primary,.acf-btn-secondary{justify-content:center;width:100%}.acf-header-save{display:none}}.lh-page{background:var(--layout-bg,#fff);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.lh-stats-container{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.lh-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.lh-stat-icon{color:#fff;background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.lh-stat-content{flex:1}.lh-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.lh-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.lh-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:8px 0;display:flex}.lh-filter-left{flex:1;align-items:center;display:flex}.lh-search-wrapper{flex:1;max-width:400px;position:relative}.lh-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lh-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.lh-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.lh-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.lh-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.lh-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lh-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.lh-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.lh-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.lh-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.lh-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.lh-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.lh-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.lh-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.lh-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:8px 16px;font-size:12px;display:flex}.lh-active-filters span{color:var(--text-primary,#111827)}.lh-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.lh-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.lh-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden}.lh-table-wrap::-webkit-scrollbar{width:6px;height:6px}.lh-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.lh-table{border-collapse:collapse;width:100%;min-width:620px;font-size:13px}.lh-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.lh-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.lh-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.lh-th-bool{text-align:center}.lh-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.lh-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.lh-tr{cursor:pointer;transition:background .15s}.lh-tr:hover{background:var(--nav-hover,#f9fafb)}.lh-tr-selected{background:var(--nav-active,#f0f7ff)}.lh-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.lh-tr+.lh-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.lh-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.lh-td-name{color:var(--text-primary,#111827);font-weight:600}.lh-td-bool{text-align:center}.lh-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.lh-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.lh-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.lh-action-buttons{align-items:center;gap:4px;display:flex}.lh-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.lh-action-view{color:var(--primary-color,#6366f1)}.lh-action-view:hover{background:#6366f11a}.lh-action-edit{color:#f59e0b}.lh-action-edit:hover{background:#f59e0b1a}.lh-action-delete{color:var(--danger-color,#ef4444)}.lh-action-delete:hover{background:#ef44441a}.lh-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.lh-checkbox-readonly{cursor:default;opacity:.95}.lh-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px 0;display:flex}.lh-pagination-left,.lh-pagination-right{align-items:center;gap:8px;display:flex}.lh-pagination-center{align-items:center;gap:4px;display:flex}.lh-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.lh-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.lh-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.lh-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.lh-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.lh-page-btn:disabled{opacity:.5;cursor:not-allowed}.lh-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.lh-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.lh-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.lh-empty-state{text-align:center;padding:60px 20px}.lh-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.lh-empty-content svg{color:var(--text-secondary,#9ca3af)}.lh-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.lh-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.lh-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lh-modal{background:var(--card-bg,#fff);width:100%;max-width:450px;box-shadow:0 20px 40px var(--shadow-color,#00000026);border:1px solid var(--border-color,#e5e7eb);border-radius:16px}.lh-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lh-modal-header h3{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:600}.lh-modal-close{background:var(--layout-bg,#f9fafb);cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex}.lh-modal-close:hover{background:var(--nav-hover,#f3f4f6)}.lh-modal-body{text-align:center;padding:24px}.lh-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.lh-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);border-radius:8px;padding:8px;font-size:16px}.lh-modal-warning{color:var(--danger-color,#ef4444);margin-top:16px;font-size:12px}.lh-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.lh-modal-btn-cancel{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:8px;padding:8px 20px;font-weight:500;transition:all .15s}.lh-modal-btn-cancel:hover{background:var(--nav-hover,#f9fafb)}.lh-modal-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-weight:500;transition:all .15s;display:inline-flex}.lh-modal-btn-delete:hover{background:#dc2626}.dark-theme .lh-filter-btn,.dark-theme .lh-sort-btn,.dark-theme .lh-filter-select,.dark-theme .lh-page-btn,.dark-theme .lh-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .lh-filter-btn:hover,.dark-theme .lh-sort-btn:hover,.dark-theme .lh-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .lh-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .lh-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .lh-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .lh-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .lh-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .lh-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .lh-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .lh-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .lh-modal-header{border-color:var(--border-color,#334155)}.dark-theme .lh-modal-body p{color:var(--text-secondary,#94a3b8)}.dark-theme .lh-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .lh-modal-footer{border-color:var(--border-color,#334155)}.dark-theme .lh-modal-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .lh-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .lh-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .lh-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .lh-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .lh-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .lh-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .lh-btn-primary:hover{background:var(--primary-hover,#2563eb)}@media (width<=1024px){.lh-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.lh-stats-container{grid-template-columns:1fr 1fr;gap:12px}.lh-filter-bar{flex-direction:column;align-items:stretch}.lh-filter-left{width:100%}.lh-search-wrapper{max-width:100%}.lh-filter-right{flex-wrap:wrap;justify-content:flex-start}.lh-pagination{flex-direction:column;align-items:center}.lh-pagination-center{order:2}.lh-pagination-left,.lh-pagination-right{order:1}.lh-table-wrap{overflow-x:auto}.lh-table{min-width:620px}.lh-th-check,.lh-td-check{width:30px;padding-left:10px}.lh-td{padding:8px 10px;font-size:12px}.lh-th{padding:8px 10px;font-size:11px}.lh-td-meta{flex-wrap:wrap;justify-content:flex-end}.lh-stat-card{padding:12px}.lh-stat-value{font-size:18px}}@media (width<=480px){.lh-stats-container{grid-template-columns:1fr}.lh-stat-card{padding:12px}.lh-stat-value{font-size:16px}.lh-stat-icon{width:36px;height:36px;font-size:16px}.lh-filter-right{flex-direction:column;width:100%}.lh-filter-right>*{width:100%}.lh-btn-primary{justify-content:center}.lh-pagination{padding:8px 0}.lh-pagination-center{flex-wrap:wrap;justify-content:center}}.alhf-page{background:var(--layout-bg,#f9fafb);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:visible}.alhf-header-wrap{margin-bottom:16px}.alhf-header-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.alhf-back-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:36px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.alhf-back-btn:hover{background:var(--nav-hover,#f9fafb)}.alhf-title{color:var(--text-primary,#111827);flex:1;margin:0;font-size:20px;font-weight:700}.alhf-error-pill{color:var(--danger-color,#ef4444);background:#ef44441a;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.alhf-preview-toggle{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.alhf-preview-toggle:hover,.alhf-preview-toggle-active{background:color-mix(in srgb, var(--primary-color,#6366f1) 8%, transparent);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.alhf-workspace{align-items:flex-start;gap:20px;display:flex}.alhf-form-area{flex:1;min-width:0}.alhf-workspace-split .alhf-form-area{flex:0 0 52%}.alhf-preview-panel{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:14px;flex:1;min-width:0;position:sticky;top:20px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.alhf-preview-panel-header{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.4px;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);align-items:center;gap:8px;padding:11px 16px;font-size:11.5px;font-weight:700;display:flex}.alhf-preview-live-badge{color:#16a34a;letter-spacing:.2px;background:#22c55e1f;border-radius:99px;margin-left:auto;padding:2px 9px;font-size:10px;font-weight:600}.alhf-preview-scroll{max-height:calc(100vh - 180px);padding:16px;overflow-y:auto}.alhf-paper-stage{background:var(--layout-bg,#f3f4f6);background-image:radial-gradient(circle,#d1d5db 1px,#0000 1px);background-size:20px 20px;border-radius:10px;justify-content:center;padding:20px 16px;display:flex}.alhf-paper{color:#1a1a1a;background:#fff;border-radius:3px;flex-direction:column;width:100%;max-width:460px;font-family:Georgia,Times New Roman,serif;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 4px 12px #00000014,0 0 0 .5px #0000000f}.alhf-paper-ref{color:#888;margin:-6px 0 12px;font-size:13px}.alhf-paper-header{flex-shrink:0;min-height:64px;overflow:hidden}.alhf-paper-body{flex:1;padding:22px 26px}.alhf-paper-footer{flex-shrink:0;min-height:20px}.alhf-paper-pgnum{text-align:right;color:#bbb;padding:2px 14px 5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8px}.alhf-hdr-band{align-items:stretch;min-height:62px;display:flex}.alhf-hdr-logo-box{flex-shrink:0;justify-content:center;align-items:center;min-width:80px;padding:12px 16px;display:flex}.alhf-hdr-logo-inner{letter-spacing:-.5px;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:700;display:flex}.alhf-hdr-info{flex-direction:column;flex:1;justify-content:center;gap:2px;padding:10px 12px 10px 0;display:flex}.alhf-hdr-company{letter-spacing:-.2px;margin-left:3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:700}.alhf-hdr-tagline{letter-spacing:.6px;text-transform:uppercase;opacity:.8;margin-left:3px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:11px;font-weight:500}.alhf-hdr-contact{text-align:right;flex-direction:column;justify-content:center;gap:3px;padding:10px 14px 10px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9px;display:flex}.alhf-hdr-contact span{justify-content:flex-end;align-items:center;gap:4px;display:flex}.alhf-hdr-slogan-bar{justify-content:flex-end;align-items:center;height:18px;padding:0 14px;display:flex}.alhf-hdr-slogan-text{letter-spacing:.9px;text-transform:uppercase;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8px;font-weight:600}.alhf-hdr-center-top{text-align:center;padding:16px 20px}.alhf-hdr-logo-center{width:42px;height:42px;margin-bottom:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:inline-flex!important}.alhf-hdr-company-center{color:#fff;letter-spacing:-.2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:700}.alhf-hdr-tagline-center{color:#ffffffbf;letter-spacing:.7px;text-transform:uppercase;margin-top:2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8.5px}.alhf-hdr-center-contact{flex-wrap:wrap;justify-content:center;gap:16px;padding:6px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9px;display:flex}.alhf-hdr-center-contact span{align-items:center;gap:4px;display:flex}.alhf-hdr-minimal{border-bottom-style:solid;border-bottom-width:2px;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.alhf-paper-hdr-img{padding:10px 16px}.alhf-paper-ftr-img{padding:8px 16px}.alhf-paper-date{color:#888;margin-bottom:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px}.alhf-paper-para{color:#333;text-align:justify;margin-bottom:10px;font-size:10.5px;line-height:1.8}.alhf-paper-sig{margin-top:26px}.alhf-sig-line{background:#ccc;width:72px;height:.5px;margin-bottom:7px}.alhf-sig-name{color:#111;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:700}.alhf-sig-role{color:#888;margin:2px 0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9.5px}.alhf-ftr-band{color:#ffffffd9;justify-content:space-between;align-items:center;padding:7px 18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8.5px;display:flex}.alhf-ftr-mid{text-align:center;flex:1}.alhf-ftr-rule{color:#888;border-top-style:solid;border-top-width:1.5px;justify-content:space-between;margin:0 18px;padding:7px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8.5px;display:flex}.alhf-tabs-wrap{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin-bottom:16px;padding:8px;overflow-x:auto}.alhf-tabs-row{align-items:stretch;gap:4px;min-width:480px;display:flex}.alhf-tab-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex;position:relative}.alhf-tab-btn:hover{background:var(--nav-hover,#f9fafb)}.alhf-tab-btn-active{background:color-mix(in srgb, var(--primary-color,#6366f1) 8%, transparent)}.alhf-tab-circle{background:var(--layout-bg,#f3f4f6);width:30px;min-width:30px;height:30px;color:var(--text-secondary,#6b7280);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .2s;display:flex;position:relative}.alhf-tab-circle-active{background:var(--primary-color,#6366f1);color:#fff}.alhf-tab-circle-warning{color:#f59e0b;background:#f59e0b26}.alhf-tab-error-badge{background:var(--danger-color,#ef4444);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.alhf-tab-label-wrap{flex-direction:column;gap:1px;min-width:0;display:flex}.alhf-tab-step{color:var(--text-secondary,#9ca3af);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.alhf-tab-step-active{color:var(--primary-color,#6366f1)}.alhf-tab-step-warning{color:#f59e0b}.alhf-tab-name{color:var(--text-primary,#374151);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.alhf-tab-name-active{color:var(--primary-color,#6366f1)}.alhf-tab-underline{background:var(--primary-color,#6366f1);border-radius:2px;height:2px;position:absolute;bottom:0;left:8px;right:8px}.alhf-tab-warning-banner{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:12.5px;display:flex}.alhf-fade-in{animation:.18s alhf-fadein}@keyframes alhf-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.alhf-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border-radius:12px;padding:24px}.alhf-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.alhf-field-block{margin-bottom:16px}.alhf-mb-20{margin-bottom:20px}.alhf-section-title{color:var(--text-primary,#111827);text-transform:uppercase;letter-spacing:.3px;border-top:1px solid var(--border-color,#f3f4f6);align-items:center;gap:8px;margin-top:4px;margin-bottom:16px;padding-top:20px;font-size:12.5px;font-weight:700;display:flex}.alhf-section-title-first{border-top:none;margin-top:0;padding-top:0}.alhf-section-title svg{color:var(--primary-color,#6366f1)}.alhf-label{color:var(--text-secondary,#6b7280);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.alhf-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.alhf-input:focus{border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px #6366f11a}.alhf-input::placeholder{color:var(--text-secondary,#9ca3af)}.alhf-input-error{border-color:var(--danger-color,#ef4444)}.alhf-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.alhf-error-text{color:var(--danger-color,#ef4444);margin-top:4px;font-size:11.5px;display:block}.alhf-field-note{color:var(--text-secondary,#9ca3af);margin-top:6px;font-size:11.5px;line-height:1.5;display:block}.alhf-textarea{resize:vertical;min-height:90px;font-family:inherit}.alhf-code-area{min-height:200px;font-family:Fira Code,Cascadia Code,JetBrains Mono,Courier New,monospace;font-size:12px;line-height:1.6}.alhf-checkbox-col{flex-direction:column;justify-content:flex-start;padding-top:24px;display:flex}.alhf-checkbox-label{color:var(--text-primary,#374151);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.alhf-checkbox{cursor:pointer;width:15px;height:15px;accent-color:var(--primary-color,#6366f1);border-radius:3px}.alhf-info-banner{background:color-mix(in srgb, var(--primary-color,#6366f1) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#374151);border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:8px;padding:10px 14px;font-size:12.5px;display:flex}.alhf-info-banner svg{color:var(--primary-color,#6366f1);flex-shrink:0;margin-top:1px}.alhf-image-preview-wrap{background:var(--layout-bg,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;padding:12px;display:flex}.alhf-image-preview{object-fit:contain;border-radius:4px;max-width:100%;max-height:120px}.alhf-align-group{gap:8px;display:flex}.alhf-align-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.alhf-align-btn:hover{background:var(--nav-hover,#f9fafb)}.alhf-align-btn-active{background:color-mix(in srgb, var(--primary-color,#6366f1) 10%, transparent);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.alhf-layout-group{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.alhf-layout-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:90px;color:var(--text-secondary,#6b7280);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:9px 14px;font-size:13px;font-weight:500;transition:all .15s}.alhf-layout-btn:hover{background:var(--nav-hover,#f9fafb)}.alhf-layout-btn-active{background:color-mix(in srgb, var(--primary-color,#6366f1) 10%, transparent);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1);font-weight:600}.alhf-layout-preview-hints{flex-direction:column;gap:3px;margin-bottom:4px;display:flex}.alhf-layout-preview-hints span{color:var(--text-secondary,#9ca3af);padding-left:4px;font-size:11.5px}.alhf-hint-active{font-weight:500;color:var(--primary-color,#6366f1)!important}.alhf-color-row{align-items:center;gap:8px;display:flex}.alhf-color-input{border:1px solid var(--border-color,#e5e7eb);cursor:pointer;border-radius:8px;flex-shrink:0;width:44px;height:38px;padding:3px}.alhf-footer-row{justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;display:flex}.alhf-btn-secondary{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:40px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;padding:0 18px;font-size:13px;font-weight:600;transition:all .15s}.alhf-btn-secondary:hover{background:var(--nav-hover,#f9fafb)}.alhf-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.alhf-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.alhf-btn-submit:disabled{cursor:not-allowed;transform:none}.alhf-spinning{animation:.8s linear infinite alhf-spin}@keyframes alhf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alhf-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.alhf-validation-modal{background:var(--card-bg,#fff);width:100%;max-width:540px;max-height:80vh;box-shadow:0 20px 40px var(--shadow-color,#00000026);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex}.alhf-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.alhf-modal-header-warning{background:#f59e0b14}.alhf-modal-title-warning{color:#b45309;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.alhf-modal-close{background:var(--layout-bg,#f9fafb);cursor:pointer;width:30px;height:30px;color:var(--text-secondary,#6b7280);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:background .15s;display:flex}.alhf-modal-close:hover{background:var(--nav-hover,#f3f4f6)}.alhf-modal-body{padding:20px 22px;overflow-y:auto}.alhf-modal-intro{color:var(--text-secondary,#6b7280);margin:0 0 14px;font-size:13px}.alhf-error-list{flex-direction:column;gap:8px;display:flex}.alhf-validation-error-item{border:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);cursor:pointer;border-radius:8px;padding:10px 14px;transition:all .15s}.alhf-validation-error-item:hover{border-color:var(--danger-color,#ef4444);background:#ef44440d}.alhf-error-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.alhf-error-icon{color:var(--danger-color,#ef4444);flex-shrink:0}.alhf-error-label{color:var(--text-primary,#111827);font-size:13px}.alhf-error-tab{color:var(--text-secondary,#9ca3af);background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);border-radius:99px;margin-left:auto;padding:2px 9px;font-size:11px}.alhf-error-message{color:var(--text-secondary,#6b7280);margin-top:4px;font-size:12px}.alhf-hint-banner{background:color-mix(in srgb, var(--primary-color,#6366f1) 8%, transparent);color:var(--text-primary,#374151);border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;font-size:12px;display:flex}.alhf-hint-icon{color:var(--primary-color,#6366f1);flex-shrink:0}.alhf-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;padding:14px 22px;display:flex}.alhf-btn-cancel{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.alhf-btn-cancel:hover{background:var(--nav-hover,#f9fafb)}.dark-theme .alhf-back-btn,.dark-theme .alhf-tabs-wrap,.dark-theme .alhf-card,.dark-theme .alhf-btn-secondary,.dark-theme .alhf-validation-modal,.dark-theme .alhf-btn-cancel,.dark-theme .alhf-preview-toggle,.dark-theme .alhf-preview-panel,.dark-theme .alhf-align-btn,.dark-theme .alhf-layout-btn{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .alhf-back-btn:hover,.dark-theme .alhf-btn-secondary:hover,.dark-theme .alhf-btn-cancel:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .alhf-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .alhf-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .alhf-tab-circle{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .alhf-tab-btn:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .alhf-tab-name{color:var(--text-primary,#f8fafc)}.dark-theme .alhf-section-title{color:var(--text-primary,#f8fafc);border-top-color:var(--border-color,#334155)}.dark-theme .alhf-validation-error-item{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .alhf-error-tab{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .alhf-modal-header,.dark-theme .alhf-modal-footer{border-color:var(--border-color,#334155)}.dark-theme .alhf-image-preview-wrap,.dark-theme .alhf-preview-panel-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .alhf-paper-stage{background-image:radial-gradient(circle,#334155 1px,#0000 1px)}.dark-theme .alhf-align-btn-active,.dark-theme .alhf-layout-btn-active{background:color-mix(in srgb, var(--primary-color,#6366f1) 15%, transparent);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.dark-theme .alhf-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .alhf-btn-primary:hover{background:var(--primary-hover,#2563eb)}@media (width<=1100px){.alhf-workspace-split .alhf-form-area{flex:1}.alhf-preview-panel{display:none}}@media (width<=900px){.alhf-grid-2{grid-template-columns:1fr}.alhf-checkbox-col{padding-top:0}}@media (width<=768px){.alhf-card{padding:16px}.alhf-title{font-size:17px}.alhf-footer-row{flex-direction:column-reverse;align-items:stretch}.alhf-btn-primary,.alhf-btn-secondary{justify-content:center;width:100%}.alhf-align-group{flex-wrap:wrap}}@media (width<=480px){.alhf-tab-label-wrap{display:none}.alhf-tabs-row{min-width:0}.alhf-tab-btn{flex:none;justify-content:center;padding:8px}}.quotation-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.quotation-page::-webkit-scrollbar{width:6px}.quotation-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.quotation-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.quotation-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.qt-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.qt-stat-card{box-shadow:0 1px 3px var(--shadow-color,#0000000f);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:flex}.qt-stat-card:hover{box-shadow:0 4px 12px var(--shadow-color,#00000014);transform:translateY(-2px)}.qt-stat-icon{background:#fff9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.qt-stat-content{flex:1;min-width:0}.qt-stat-title{color:var(--text-secondary,#6b7280);letter-spacing:.3px;margin-bottom:2px;font-size:12px;font-weight:500}.qt-stat-value{color:var(--text-primary,#111827);margin:0;font-size:22px;font-weight:700;line-height:1.2}.qt-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.qt-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.qt-search-wrapper{flex:1;max-width:400px;position:relative}.qt-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.qt-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.qt-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.qt-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.qt-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.qt-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qt-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.qt-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.qt-btn-new{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.qt-btn-new:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.qt-btn-secondary{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.qt-btn-secondary:hover{background:var(--nav-hover,#f9fafb)}.qt-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.qt-active-filters span{color:var(--text-primary,#111827)}.qt-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.qt-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.qt-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.qt-table-wrap::-webkit-scrollbar{height:6px}.qt-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.qt-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.qt-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.qt-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.qt-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.qt-th-meta{text-align:right;padding-right:20px}.qt-tr{cursor:default;transition:background .15s}.qt-tr:hover{background:var(--nav-hover,#f9fafb)}.qt-tr+.qt-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.qt-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.qt-td-id{color:var(--text-primary,#111827);font-family:monospace;font-weight:600}.qt-td-link{color:var(--primary-color,#6366f1);font-weight:500}.qt-td-link:hover{cursor:pointer;text-decoration:underline}.qt-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.qt-text-right{text-align:right}.qt-text-center{text-align:center}.qt-status-badge{border-radius:99px;align-items:center;height:24px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.qt-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.qt-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.qt-action-buttons{align-items:center;gap:4px;display:flex}.qt-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.qt-action-view{color:var(--primary-color,#6366f1)}.qt-action-view:hover{background:#6366f11a}.qt-action-print{color:#0d9488}.qt-action-print:hover{background:#0d94881a}.qt-action-edit{color:#f59e0b}.qt-action-edit:hover{background:#f59e0b1a}.qt-action-delete{color:var(--danger-color,#ef4444)}.qt-action-delete:hover{background:#ef44441a}.qt-action-pdf{color:#ef4444}.qt-action-pdf:hover{background:#ef44441a}.qt-amount-cell{color:var(--text-primary,#1f2433);font-size:14px;font-weight:600}.qt-currency{color:var(--text-secondary,#6b7280);margin-right:2px;font-size:11px;font-weight:400}.qt-empty-state{text-align:center;padding:60px 20px}.qt-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.qt-empty-content svg{color:var(--text-secondary,#9ca3af)}.qt-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.qt-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.qt-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out qtFadeIn;display:flex;position:fixed;inset:0}.qt-modal{background:var(--card-bg,#fff);width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.qt-modal-delete{max-width:450px}.qt-modal-lg{max-width:800px}.qt-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.qt-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.qt-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.qt-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.qt-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.qt-modal-body::-webkit-scrollbar{width:6px}.qt-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.qt-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.qt-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.qt-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.qt-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.qt-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.qt-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.qt-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.qt-btn-delete:hover{background:#dc2626}.qt-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.qt-btn-primary:hover{background:var(--primary-hover,#4f46e5)}.qt-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:40px}.qt-error{text-align:center;color:var(--danger-color,#ef4444);padding:40px}.qt-retry-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 20px}.qt-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.qt-pagination-left,.qt-pagination-right{align-items:center;gap:8px;display:flex}.qt-pagination-center{align-items:center;gap:4px;display:flex}.qt-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.qt-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.qt-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.qt-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.qt-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.qt-page-btn:disabled{opacity:.5;cursor:not-allowed}.qt-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.qt-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.qt-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.dark-theme .quotation-page{background:var(--layout-bg,#0f172a)}.dark-theme .qt-stat-card{background:var(--card-bg,#1e293b)}.dark-theme .qt-stat-value{color:var(--text-primary,#f8fafc)}.dark-theme .qt-stat-title{color:var(--text-secondary,#94a3b8)}.dark-theme .qt-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .qt-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .qt-filter-select,.dark-theme .qt-btn-secondary{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .qt-btn-secondary:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .qt-btn-new{background:var(--primary-color,#3b82f6)}.dark-theme .qt-btn-new:hover{background:var(--primary-hover,#2563eb)}.dark-theme .qt-table-wrap{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .qt-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .qt-td{color:var(--text-primary,#f8fafc);border-top-color:var(--border-color,#334155)}.dark-theme .qt-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .qt-amount-cell{color:var(--text-primary,#f8fafc)}.dark-theme .qt-currency{color:var(--text-secondary,#94a3b8)}.dark-theme .qt-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .qt-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .qt-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .qt-modal-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .qt-modal-title{color:var(--text-primary,#f8fafc)}.dark-theme .qt-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .qt-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .qt-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .qt-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .qt-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .qt-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .qt-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .qt-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .qt-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .qt-page-btn{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .qt-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .qt-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .qt-action-print{color:#2dd4bf}.dark-theme .qt-action-print:hover{background:#2dd4bf26}@media (width<=768px){.qt-stats-container{grid-template-columns:repeat(2,1fr);gap:12px}.quotation-page{gap:12px;padding:12px}.qt-filter-bar{flex-direction:column;align-items:stretch}.qt-filter-left{width:100%}.qt-search-wrapper{max-width:100%}.qt-filter-right{flex-wrap:wrap;justify-content:flex-start}.qt-table{min-width:700px}.qt-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.qt-pagination-center{order:2}.qt-pagination-left,.qt-pagination-right{order:1}.qt-td{padding:8px 10px;font-size:12px}.qt-th{padding:8px 10px;font-size:11px}.qt-td-meta{flex-wrap:wrap;justify-content:flex-end}.qt-modal{max-width:95vw}.qt-modal-body{padding:16px 20px}.qt-modal-footer{flex-wrap:wrap}.qt-btn-cancel,.qt-btn-delete,.qt-btn-primary,.qt-btn-new{flex:1;justify-content:center}}@media (width<=480px){.qt-stats-container{grid-template-columns:1fr}.qt-stat-card{padding:12px 16px}.qt-stat-value{font-size:18px}.qt-stat-icon{width:36px;height:36px;font-size:14px}.qt-filter-right{flex-direction:column;width:100%}.qt-filter-right>*{width:100%}.qt-btn-new{justify-content:center}.qt-pagination{padding:8px 0 0}.qt-pagination-center{flex-wrap:wrap;justify-content:center}.qt-modal{border-radius:12px;max-width:98vw}.qt-modal-body{padding:14px 16px}.qt-modal-title{font-size:14px}.qt-modal-header{padding:14px 16px}.qt-modal-footer{flex-direction:column-reverse;gap:8px}.qt-modal-footer button{width:100%}}.cq-page{background:var(--layout-bg,#f8fafc);min-height:100vh;padding:0 2rem;font-family:Inter,sans-serif}.cq-table-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cq-table-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cq-table-input[type=number]{appearance:textfield}.cq-spinning{animation:1s linear infinite cqSpin}@keyframes cqSpin{to{transform:rotate(360deg)}}.cq-custom-scroll::-webkit-scrollbar{width:4px;height:4px}.cq-custom-scroll::-webkit-scrollbar-track{background:var(--border-color,#f1f5f9);border-radius:2px}.cq-custom-scroll::-webkit-scrollbar-thumb{background:var(--text-secondary,#cbd5e1);border-radius:2px}.cq-custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary,#94a3b8)}.cq-custom-scroll{scrollbar-width:thin;scrollbar-color:var(--text-secondary,#cbd5e1) var(--border-color,#f1f5f9)}.cq-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:.5rem;display:flex}.cq-header-left{align-items:center;gap:10px;display:flex}.cq-header-right{align-items:center;gap:12px;display:flex}.cq-back-btn{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);cursor:pointer;border-radius:30px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.cq-back-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#2563eb);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 12%, transparent)}.cq-header-divider{background:var(--border-color,#e2e8f0);width:1px;height:20px}.cq-header-title{color:var(--text-primary,#0f172a);margin:0;font-size:18px;font-weight:700}.cq-header-id{color:var(--text-secondary,#64748b);margin-left:4px;font-size:12px}.cq-checkbox-label{color:var(--text-primary,#0f172a);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.cq-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color,#2563eb)}.cq-error-pill{color:#dc2626;white-space:nowrap;background:#fef2f2;border:1px solid #fca5a5;border-radius:20px;align-items:center;gap:5px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.cq-loading-pill{color:var(--primary-color,#2563eb);border:1px solid var(--primary-color,#2563eb);white-space:nowrap;background:#eff6ff;border-radius:20px;align-items:center;gap:5px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.cq-main-box{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:0 1px 4px var(--shadow-color,#0000000f);border-radius:14px;margin-bottom:1.5rem;padding:14px 24px}.cq-form{flex-direction:column;gap:16px;display:flex}.cq-compact-layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}@media (width<=1200px){.cq-compact-layout{grid-template-columns:1fr;gap:16px}.cq-right-column{order:-1}}.cq-left-column{flex-direction:column;gap:4px;display:flex}.cq-right-column{flex-direction:column;align-self:flex-start;gap:14px;display:flex;position:sticky;top:1rem}.cq-section-header{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:8px;margin-bottom:6px;padding-bottom:6px;font-size:11px;font-weight:600;display:flex}.cq-section-icon{color:var(--primary-color,#2563eb);font-size:13px}.cq-section-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.cq-grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}@media (width<=768px){.cq-grid-3{grid-template-columns:1fr 1fr}}@media (width<=480px){.cq-grid-3{grid-template-columns:1fr}}.cq-field{flex-direction:column;gap:4px;display:flex}.cq-field-full{flex-direction:column;gap:4px;width:100%;display:flex}.cq-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.cq-required{color:var(--danger-color,#ef4444)}.cq-input,.cq-select{border:1.5px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);box-sizing:border-box;border-radius:8px;min-height:34px;padding:6px 10px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.cq-input:hover,.cq-select:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.cq-input:focus,.cq-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg));outline:none}.cq-input-error,.cq-select-error{border-color:var(--danger-color,#ef4444)}.cq-input-error:focus,.cq-select-error:focus{border-color:var(--danger-color,#ef4444);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger-color) 12%, transparent)}.cq-select-disabled{cursor:not-allowed;opacity:.7;background:var(--input-bg,#f3f4f6)!important;color:var(--text-secondary,#94a3b8)!important}.cq-error-text{color:var(--danger-color,#ef4444);margin-top:2px;font-size:10px;display:block}.cq-textarea{border:1.5px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);resize:vertical;border-radius:8px;min-height:60px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.cq-textarea:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);outline:none}.cq-date-field{align-items:center;display:flex;position:relative}.cq-date-field input[type=date]{padding-right:32px}.cq-date-field input[type=date]::-webkit-calendar-picker-indicator{display:none}.cq-date-icon-btn{width:20px;height:20px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.cq-dc-number-display{border:1.5px solid var(--border-color,#e2e8f0);background:var(--layout-bg,#f8fafc);width:100%;color:var(--text-primary,#0f172a);box-sizing:border-box;cursor:default;border-radius:8px;align-items:center;min-height:34px;padding:6px 10px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.cq-detail-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow:hidden}.cq-empty-card{opacity:.7}.cq-card-header{background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:600;display:flex}.cq-card-content{padding:12px 14px}.cq-card-content h3{color:var(--text-primary,#0f172a);margin:0 0 10px;font-size:14px;font-weight:600}.cq-card-info{flex-direction:column;gap:6px;display:flex}.cq-info-item{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;display:flex}.cq-info-item:last-child{border-bottom:none}.cq-info-label{color:var(--text-secondary,#64748b);font-size:10px;font-weight:500}.cq-info-value{color:var(--text-primary,#0f172a);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.cq-empty-state{color:var(--text-secondary,#64748b);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.cq-empty-state p{margin:0;font-size:12px}.cq-items-full{width:100%}.cq-items-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.cq-items-title{color:var(--text-primary,#0f172a);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.cq-items-icon{color:var(--primary-color,#2563eb);font-size:13px}.cq-items-error{background:color-mix(in srgb, var(--danger-color) 15%, transparent);border:1px solid var(--danger-color,#ef4444);color:var(--danger-color,#ef4444);border-radius:6px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 12px;font-size:12px;display:flex}.cq-table-wrap{border:1px solid var(--border-color,#e2e8f0);border-radius:10px;margin-bottom:8px;overflow-x:auto}.cq-items-table{border-collapse:collapse;width:100%;font-size:12px}.cq-items-table th{text-transform:uppercase;color:var(--text-secondary,#64748b);white-space:nowrap;background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);text-align:left;padding:6px 8px;font-size:10px;font-weight:600}.cq-items-table td{vertical-align:middle;border-bottom:1px solid var(--border-color,#f1f5f9);padding:4px 6px}.cq-items-table tbody tr:hover{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.cq-col-due,.cq-col-duration{width:20%}.cq-table-input{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);text-align:right;box-sizing:border-box;border-radius:4px;min-height:28px;padding:4px 6px;font-family:inherit;font-size:12px}.cq-table-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 15%, transparent);outline:none}.cq-table-input-text{text-align:left}.cq-table-value{color:var(--text-primary,#0f172a);white-space:nowrap;text-align:right;min-width:60px;padding:4px 6px;font-weight:600;display:inline-block}.cq-focused-row{background:color-mix(in srgb, var(--primary-color) 4%, transparent)}.cq-remove-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:13px;transition:all .15s}.cq-remove-btn:hover{color:var(--danger-color,#ef4444);background:color-mix(in srgb, var(--danger-color) 8%, transparent)}.cq-add-btn{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color,#2563eb);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.cq-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 25%, transparent)}.cq-barcode-btn{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color,#2563eb);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.cq-barcode-btn:hover{background:color-mix(in srgb, var(--primary-color) 25%, transparent)}.cq-barcode-scanner{background:var(--layout-bg,#f3f4f6);border:1px solid var(--border-color,#e2e8f0);border-radius:6px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 12px;display:flex}.cq-barcode-scanner input{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-primary,#0f172a);border-radius:4px;flex:1;padding:6px 10px;font-size:13px}.cq-barcode-scanner input:focus{border-color:var(--primary-color,#2563eb);outline:none}.cq-barcode-scanner button{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.cq-barcode-scanner button:hover{opacity:.8}.cq-payment-table{border-collapse:collapse;width:100%;font-size:12px}.cq-payment-table th{text-transform:uppercase;color:var(--text-secondary,#64748b);white-space:nowrap;background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);text-align:left;padding:6px 8px;font-size:10px;font-weight:600}.cq-payment-table td{vertical-align:middle;border-bottom:1px solid var(--border-color,#f1f5f9);padding:4px 6px}.cq-keyboard-tips{background:var(--layout-bg,#f3f4f6);color:var(--text-secondary,#6b7280);border-radius:4px;flex-wrap:wrap;gap:12px;padding:4px 10px;font-size:10px;display:flex}.cq-keyboard-tips span{align-items:center;gap:3px;display:flex}kbd{background:var(--layout-bg,#f3f4f6);border:1px solid var(--border-color,#d1d5db);color:var(--text-primary,#374151);border-radius:3px;padding:1px 6px;font-family:monospace;font-size:10px}.cq-bottom-section{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}.cq-bottom-left{flex-direction:column;gap:8px;display:flex}.cq-bottom-right{flex-direction:column;display:flex}@media (width<=1200px){.cq-bottom-section{grid-template-columns:1fr;gap:16px}}.cq-summary-grid{flex-direction:column;gap:0;display:flex}.cq-summary-item{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.cq-summary-item:last-of-type{border-bottom:none}.cq-summary-label{color:var(--text-secondary,#64748b);font-size:11px;font-weight:500}.cq-summary-value{color:var(--text-primary,#0f172a);font-size:12px;font-weight:600}.cq-summary-grand{border-top:2px solid var(--primary-color,#2563eb);justify-content:space-between;align-items:center;margin-top:4px;padding:8px 0 2px;display:flex}.cq-summary-grand-label{color:var(--text-primary,#0f172a);font-size:12px;font-weight:700}.cq-summary-grand-value{color:var(--primary-color,#2563eb);font-size:13px;font-weight:700}.cq-form-footer{border-top:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;padding-top:12px;display:flex}.cq-btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:7px;padding:8px 24px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.cq-btn:disabled{opacity:.6;cursor:not-allowed}.cq-btn-print,.cq-btn-cancel{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b)}.cq-btn-print:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#2563eb);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 12%, transparent)}.cq-btn-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--danger-color) 6%, var(--card-bg));border-color:color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:var(--danger-color,#ef4444)}.cq-btn-submit{background:var(--primary-gradient,linear-gradient(135deg, #2563eb 0%, #1e40af 100%));color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent)}.cq-btn-submit:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.cq-btn-submit:active:not(:disabled){transform:translateY(0)scale(.97)}.cq-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#11182773;justify-content:center;align-items:center;padding:20px;animation:.18s cqOverlayIn;display:flex;position:fixed;inset:0}@keyframes cqOverlayIn{0%{opacity:0}to{opacity:1}}.cq-validation-modal{background:var(--card-bg,#fff);border-radius:12px;width:100%;max-width:500px;animation:.22s cubic-bezier(.34,1.28,.64,1) cqModalIn;overflow:hidden;box-shadow:0 16px 40px #00000024}@keyframes cqModalIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.cq-modal-header{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.cq-modal-header-warning{background:#fffbeb;border-bottom:1px solid #fcd34d}.cq-modal-title-warning{color:#d97706;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.cq-modal-close{width:28px;height:28px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:all .16s cubic-bezier(.4,0,.2,1);display:flex}.cq-modal-close:hover{color:var(--text-primary,#1f2433);background:#00000012}.cq-modal-body{flex-direction:column;gap:14px;max-height:60vh;padding:20px;display:flex;overflow-y:auto}.cq-modal-intro{color:var(--text-secondary,#6b7280);margin:0;font-size:13px}.cq-error-list{flex-direction:column;gap:8px;display:flex}.cq-validation-error-item{cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;flex-direction:column;gap:4px;padding:11px 14px;transition:all .16s cubic-bezier(.4,0,.2,1);display:flex}.cq-validation-error-item:hover{background:#fee2e2;border-color:#dc2626;transform:translate(2px)}.cq-error-header{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.cq-error-icon{color:#dc2626;flex-shrink:0}.cq-error-label{color:var(--text-primary,#1f2433);font-size:13px;font-weight:600}.cq-error-message{color:#dc2626;padding-left:20px;font-size:12.5px}.cq-hint-banner{color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f3f4f6);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.cq-hint-icon{color:var(--primary-color,#6366f1);flex-shrink:0}.cq-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f3f4f6);justify-content:flex-end;padding:14px 20px;display:flex}.cq-btn-cancel{height:34px;color:var(--text-secondary,#6b7280);background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;border-radius:6px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .16s cubic-bezier(.4,0,.2,1)}.cq-btn-cancel:hover{color:var(--text-primary,#1f2433);border-color:#c0c8d4}.dark-theme .cq-page{background:var(--layout-bg,#0f172a)}.dark-theme .cq-main-box{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .cq-header-title{color:var(--text-primary,#f8fafc)}.dark-theme .cq-back-btn{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .cq-back-btn:hover{background:color-mix(in srgb, var(--primary-color) 15%, var(--card-bg));border-color:var(--primary-color,#60a5fa);color:var(--primary-color,#60a5fa)}.dark-theme .cq-input,.dark-theme .cq-select,.dark-theme .cq-textarea{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .cq-input:hover,.dark-theme .cq-select:hover{background:color-mix(in srgb, var(--primary-color) 5%, var(--card-bg))}.dark-theme .cq-select-disabled{background:var(--layout-bg,#0f172a)!important;color:var(--text-secondary,#64748b)!important}.dark-theme .cq-detail-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .cq-card-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .cq-card-content h3{color:var(--text-primary,#f8fafc)}.dark-theme .cq-info-item{border-color:var(--border-color,#334155)}.dark-theme .cq-info-value{color:var(--text-primary,#f8fafc)}.dark-theme .cq-section-header{color:var(--text-secondary,#94a3b8);border-color:var(--border-color,#334155)}.dark-theme .cq-items-table th{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .cq-items-table td{border-color:var(--border-color,#334155)}.dark-theme .cq-table-input{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .cq-table-value{color:var(--text-primary,#f8fafc)}.dark-theme .cq-summary-item{border-color:var(--border-color,#334155)}.dark-theme .cq-summary-value{color:var(--text-primary,#f8fafc)}.dark-theme .cq-summary-grand-value{color:var(--primary-color,#60a5fa)}.dark-theme .cq-keyboard-tips{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme kbd{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .cq-error-pill{color:#f87171;background:#ef444426;border-color:#f87171}.dark-theme .cq-loading-pill{color:var(--primary-color,#60a5fa);border-color:var(--primary-color,#60a5fa);background:#2563eb26}.dark-theme .cq-btn-print,.dark-theme .cq-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .cq-btn-print:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 15%, var(--card-bg));border-color:var(--primary-color,#60a5fa);color:var(--primary-color,#60a5fa)}.dark-theme .cq-btn-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--danger-color) 15%, var(--card-bg));color:#f87171;border-color:#ef4444}.dark-theme .cq-add-btn,.dark-theme .cq-barcode-btn{color:var(--primary-color,#818cf8);background:#6366f133}.dark-theme .cq-add-btn:hover,.dark-theme .cq-barcode-btn:hover{background:#6366f14d}.dark-theme .cq-remove-btn{color:var(--text-secondary,#64748b)}.dark-theme .cq-remove-btn:hover{color:#f87171;background:#ef444426}.dark-theme .cq-barcode-scanner{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .cq-barcode-scanner input{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .cq-validation-modal{background:var(--card-bg,#1e293b)}.dark-theme .cq-modal-header-warning{background:#451a03;border-bottom-color:#f59e0b}.dark-theme .cq-modal-title-warning{color:#fbbf24}.dark-theme .cq-modal-close{color:var(--text-secondary,#94a3b8)}.dark-theme .cq-modal-close:hover{color:var(--text-primary,#f8fafc);background:#ffffff12}.dark-theme .cq-modal-intro{color:var(--text-secondary,#94a3b8)}.dark-theme .cq-validation-error-item{background:#ef444426;border-color:#f87171}.dark-theme .cq-validation-error-item:hover{background:#ef444440;border-color:#ef4444}.dark-theme .cq-error-label{color:var(--text-primary,#f8fafc)}.dark-theme .cq-error-message{color:#f87171}.dark-theme .cq-hint-banner{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .cq-hint-icon{color:var(--primary-color,#818cf8)}.dark-theme .cq-modal-footer{background:var(--layout-bg,#0f172a);border-top-color:var(--border-color,#334155)}.dark-theme .cq-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .cq-btn-cancel:hover{color:var(--text-primary,#f8fafc);border-color:#475569}.dark-theme .cq-form-footer{border-top-color:var(--border-color,#334155)}.dark-theme .cq-date-icon-btn{color:var(--text-secondary,#94a3b8)}.dark-theme .cq-dc-number-display{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .cq-checkbox-label{color:var(--text-primary,#f8fafc)}@media (width<=1024px){.cq-page{padding:1rem 1.5rem}.cq-main-box{padding:1rem}}@media (width<=768px){.cq-page,.cq-main-box{padding:.75rem 1rem}.cq-header{flex-wrap:wrap}.cq-header-title{font-size:16px}.cq-form-footer{flex-direction:column}.cq-form-footer .cq-btn{justify-content:center;width:100%}.cq-grid-3{grid-template-columns:1fr 1fr;gap:10px}.cq-bottom-section{grid-template-columns:1fr;gap:16px}.cq-col-sno{display:none}.cq-col-code{width:18%}.cq-col-name{width:20%}.cq-col-qty{width:10%}.cq-col-rate{width:12%}.cq-col-tax{width:8%}.cq-col-amount{width:14%}.cq-col-action{width:6%}}@media (width<=480px){.cq-page{padding:.5rem}.cq-main-box{padding:.5rem .75rem}.cq-header-title{font-size:14px}.cq-grid-3{grid-template-columns:1fr;gap:8px}.cq-items-table{font-size:10px}.cq-col-code,.cq-col-name{width:22%}.cq-col-qty{width:12%}.cq-col-rate{width:14%}.cq-col-tax{width:10%}.cq-col-amount{width:16%}}@media print{.cq-form-footer,.cq-back-btn,.cq-barcode-btn,.cq-add-btn,.cq-remove-btn{display:none!important}body{background:#fff;padding:0}.cq-page{background:#fff}.cq-main-box{box-shadow:none;border:none}}@media (width<=768px){.cq-col-sno{display:none}.cq-col-code,.cq-col-name{width:16%}.cq-col-hsn{display:none}.cq-col-qty{width:10%}.cq-col-unit{display:none}.cq-col-rate{width:10%}.cq-col-tax{width:8%}.cq-col-tax-amount,.cq-col-amount{width:12%}.cq-col-action{width:6%}}@media (width<=480px){.cq-col-code{width:20%}.cq-col-name{width:18%}.cq-col-qty,.cq-col-rate{width:12%}.cq-col-tax{width:10%}.cq-col-tax-amount,.cq-col-amount{width:14%}}.cq-col-sno{text-align:center;width:3%}.cq-col-code{width:12%}.cq-col-code .cq-table-input{text-align:left}.cq-col-name{width:14%}.cq-col-name .cq-table-input{text-align:left}.cq-col-hsn{width:8%}.cq-col-hsn .cq-table-input{text-align:left}.cq-col-qty{text-align:center;width:8%}.cq-col-unit{text-align:center;width:6%}.cq-col-unit .cq-table-input{text-align:left}.cq-col-rate{text-align:right;width:8%}.cq-col-tax{text-align:center;width:7%}.cq-col-tax .cq-table-input{text-align:left}.cq-col-tax-amount{text-align:right;width:9%}.cq-col-amount{text-align:right;width:10%}.cq-col-action{text-align:center;width:4%}@media (width<=768px){.cq-col-sno{display:none}.cq-col-code,.cq-col-name{width:16%}.cq-col-hsn{display:none}.cq-col-qty{width:10%}.cq-col-unit{display:none}.cq-col-rate{width:10%}.cq-col-tax{width:8%}.cq-col-tax-amount,.cq-col-amount{width:12%}.cq-col-action{width:6%}}@media (width<=480px){.cq-col-code{width:20%}.cq-col-name{width:18%}.cq-col-qty,.cq-col-rate{width:12%}.cq-col-tax{width:10%}.cq-col-tax-amount,.cq-col-amount{width:14%}}.cq-payment-col-no{text-align:center;width:4%}.cq-payment-col-term,.cq-payment-col-date{width:18%}.cq-payment-col-duration,.cq-payment-col-portion{text-align:center;width:10%}.cq-payment-col-amount{text-align:right;width:15%}.cq-payment-col-action{text-align:center;width:5%}.cq-payment-table .cq-table-input{text-align:left}.cq-payment-table .cq-table-input[type=number]{text-align:center}.cq-field-row{align-items:center;gap:8px;display:flex}.cq-field-row .cq-select{flex:1;min-width:200px}@media (width<=768px){.cq-payment-col-term{width:14%}.cq-payment-col-date{width:16%}.cq-payment-col-duration,.cq-payment-col-portion{width:8%}.cq-payment-col-amount{width:14%}}@media (width<=480px){.cq-payment-col-term{width:12%}.cq-payment-col-date{width:14%}.cq-payment-col-duration,.cq-payment-col-portion{display:none}.cq-payment-col-amount{width:16%}.cq-field-row{flex-direction:column;align-items:stretch}.cq-field-row .cq-select{min-width:auto}}.price-list-page{background:var(--layout-bg,#f5f7fb);height:100%;color:var(--text-primary,#1f2433);flex-direction:column;gap:12px;padding:16px 24px;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow-y:auto}.price-list-page::-webkit-scrollbar{width:4px}.price-list-page::-webkit-scrollbar-track{background:0 0}.price-list-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:2px}.view-toggle{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);width:34px;height:34px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.view-toggle:hover{background:var(--nav-hover,#f3f4f6)}.view-toggle.active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.price-list-container{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex:1;min-height:0;overflow:hidden}.price-list-table{border-collapse:collapse;width:100%;min-width:800px;font-size:13px}.price-list-table thead{background:var(--layout-bg,#f8f9fa);border-bottom:1px solid var(--border-color,#e5e7eb)}.price-list-table th{text-align:left;color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.3px;padding:10px 14px;font-size:11px;font-weight:600}.price-list-table td{border-bottom:1px solid var(--border-color,#f3f4f6);color:var(--text-primary,#374151);padding:10px 14px}.price-list-row{transition:background .15s}.price-list-row:hover{background:var(--nav-hover,#f9fafb)}.name-cell{flex-direction:column;gap:2px;display:flex}.pl-name{color:var(--text-primary,#1f2433);font-weight:500}.currency-cell{color:var(--text-primary,#1f2433);font-weight:600}.country-cell{color:var(--text-secondary,#6b7280)}.status-toggle{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.status-toggle.enabled{color:#065f46;background:#d1fae5}.status-toggle.enabled:hover{background:#a7f3d0}.status-toggle.disabled{color:#991b1b;background:#fee2e2}.status-toggle.disabled:hover{background:#fecaca}.type-cell{text-align:center}.badge-uom{color:#3730a3;background:#e0e7ff;border-radius:10px;width:fit-content;padding:1px 8px;font-size:9px;font-weight:500;display:inline-block}.grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px;display:grid}.price-list-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;transition:all .15s;overflow:hidden}.price-list-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card-header{border-bottom:1px solid var(--border-color,#f3f4f6);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.status-dot.enabled{background:#10b981}.status-dot.disabled{background:#ef4444}.card-actions{gap:4px;display:flex}.card-actions button{width:26px;height:26px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.card-actions button:hover{background:var(--nav-hover,#f3f4f6)}.card-actions button:first-child:hover{color:#f59e0b}.card-actions button:nth-child(2):hover{color:#8b5cf6}.card-actions button:last-child:hover{color:#ef4444}.card-body{padding:14px}.card-body h4{color:var(--text-primary,#1f2433);margin:0 0 10px;font-size:15px;font-weight:600}.card-details{color:var(--text-secondary,#6b7280);flex-direction:column;gap:4px;font-size:12px;display:flex}.card-details strong{color:var(--text-primary,#1f2433);font-weight:500}.card-footer{border-top:1px solid var(--border-color,#f3f4f6);justify-content:flex-end;padding:8px 14px;display:flex}.modal-body,.scrollable-body{flex:1;padding:0;overflow-y:auto}@media (width<=768px){.price-list-page{padding:12px 16px}.page-header{flex-direction:column;align-items:stretch}.header-actions{flex-wrap:wrap;justify-content:flex-end}.search-bar{flex-direction:column;align-items:stretch}.filter-wrapper{justify-content:space-between}.expandable-filters{flex-direction:column;align-items:stretch}.price-list-table{min-width:600px}.grid-view{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:14px}.modal-container{max-width:100%;margin:10px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer button{justify-content:center;width:100%}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%;min-width:unset}.create-modal{max-width:100%}.form-section{padding:14px 16px}.toggle-switch{justify-content:center;width:100%}}@media (width<=480px){.price-list-page{padding:8px 12px}.price-list-table{min-width:500px;font-size:12px}.price-list-table th,.price-list-table td{padding:6px 10px}.action-group{gap:0}.action-btn{width:24px;height:24px}.form-section{padding:12px}.form-group input,.form-group select{padding:10px 12px;font-size:14px}}.dark-theme .price-list-page{background:var(--layout-bg,#0f172a)}.dark-theme .badge,.dark-theme .view-toggle{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .view-toggle:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .view-toggle.active{background:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6);color:#fff}.dark-theme .price-list-container{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .price-list-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .price-list-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .price-list-table td{border-bottom-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .price-list-row:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .pl-name,.dark-theme .currency-cell{color:var(--text-primary,#f8fafc)}.dark-theme .country-cell{color:var(--text-secondary,#94a3b8)}.dark-theme .price-list-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .card-body h4{color:var(--text-primary,#f8fafc)}.dark-theme .card-details{color:var(--text-secondary,#94a3b8)}.dark-theme .card-details strong{color:var(--text-primary,#f8fafc)}.dark-theme .badge-uom{color:var(--primary-color,#818cf8);background:#6366f133}.dark-theme .status-toggle.enabled{color:#34d399;background:#10b98133}.dark-theme .status-toggle.enabled:hover{background:#10b9814d}.dark-theme .status-toggle.disabled{color:#f87171;background:#ef444433}.dark-theme .status-toggle.disabled:hover{background:#ef44444d}.dark-theme .result-count,.dark-theme .list-footer{color:var(--text-secondary,#94a3b8)}.item-price-page{background:var(--layout-bg,#f5f7fb);height:100%;color:var(--text-primary,#1f2433);flex-direction:column;gap:12px;padding:16px 24px;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow-y:auto}.item-price-page::-webkit-scrollbar{width:4px}.item-price-page::-webkit-scrollbar-track{background:0 0}.item-price-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:2px}.item-price-container{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex:1;min-height:0;overflow:hidden}.item-price-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.item-price-table thead{background:var(--layout-bg,#f8f9fa);border-bottom:1px solid var(--border-color,#e5e7eb)}.item-price-table th{text-align:left;color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.3px;padding:10px 14px;font-size:11px;font-weight:600}.item-price-table td{border-bottom:1px solid var(--border-color,#f3f4f6);color:var(--text-primary,#374151);padding:10px 14px}.item-price-row{transition:background .15s}.item-price-row:hover{background:var(--nav-hover,#f9fafb)}.code-cell .item-code{color:var(--primary-color,#6366f1);font-weight:600}.name-cell{color:var(--text-primary,#1f2433)}.price-list-cell .price-list-badge{color:#3730a3;background:#e0e7ff;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.uom-cell .uom-badge{color:#6b7280;background:#f3f4f6;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.rate-cell .rate-value{color:var(--text-primary,#1f2433);font-weight:600}.reference-cell{color:var(--text-secondary,#6b7280);font-size:12px}.type-badge.inactive{color:#9ca3af;background:#f3f4f6}.type-toggle-group{gap:8px;display:flex}.type-toggle{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;transition:all .15s;display:inline-flex}.type-toggle:hover{background:var(--nav-hover,#f3f4f6)}.type-toggle.active{border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1);background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.type-toggle.active svg{color:var(--primary-color,#6366f1)}.type-toggle svg{color:var(--text-secondary,#6b7280)}.create-modal{max-width:600px}.modal-body,.scrollable-body{flex:1;padding:0;overflow-y:auto}@media (width<=768px){.item-price-page{padding:12px 16px}.page-header{flex-direction:column;align-items:stretch}.header-actions{flex-wrap:wrap;justify-content:flex-end}.search-bar{flex-direction:column;align-items:stretch}.filter-wrapper{justify-content:space-between}.expandable-filters{flex-direction:column;align-items:stretch}.item-price-table{min-width:700px}.form-grid{grid-template-columns:1fr;gap:14px}.modal-container{max-width:100%;margin:10px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer button{justify-content:center;width:100%}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%;min-width:unset}.create-modal{max-width:100%}.form-section{padding:14px 16px}.type-toggle-group{flex-direction:row}.type-toggle{flex:1;justify-content:center}}@media (width<=480px){.item-price-page{padding:8px 12px}.item-price-table{min-width:600px;font-size:12px}.item-price-table th,.item-price-table td{padding:6px 10px}.action-group{gap:0}.action-btn{width:24px;height:24px}.type-toggle-group{flex-direction:column}.type-toggle{justify-content:center}.form-section{padding:12px}.form-group input,.form-group select{padding:10px 12px;font-size:14px}}.dark-theme .item-price-page{background:var(--layout-bg,#0f172a)}.dark-theme .item-price-container{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .item-price-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .item-price-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .item-price-table td{border-bottom-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .item-price-row:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .code-cell .item-code{color:var(--primary-color,#818cf8)}.dark-theme .name-cell,.dark-theme .rate-cell .rate-value{color:var(--text-primary,#f8fafc)}.dark-theme .reference-cell{color:var(--text-secondary,#94a3b8)}.dark-theme .price-list-badge{color:var(--primary-color,#818cf8);background:#6366f133}.dark-theme .uom-badge{color:#9ca3af;background:#6b728033}.dark-theme .type-badge.inactive{color:#9ca3af;background:#6b728033}.dark-theme .type-toggle{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .type-toggle:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .type-toggle.active{border-color:var(--primary-color,#818cf8);color:var(--primary-color,#818cf8);background:#6366f126}.dark-theme .type-toggle.active svg{color:var(--primary-color,#818cf8)}.dark-theme .type-toggle svg{color:var(--text-secondary,#64748b)}.dark-theme .result-count,.dark-theme .list-footer{color:var(--text-secondary,#94a3b8)}.pricing-rule-page{background:var(--layout-bg,#f5f7fb);height:100%;color:var(--text-primary,#1f2433);flex-direction:column;gap:12px;padding:16px 24px;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow-y:auto}.pricing-rule-page::-webkit-scrollbar{width:4px}.pricing-rule-page::-webkit-scrollbar-track{background:0 0}.pricing-rule-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:2px}.pricing-rule-container{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex:1;min-height:0;overflow:hidden}.pricing-rule-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.pricing-rule-table thead{background:var(--layout-bg,#f8f9fa);border-bottom:1px solid var(--border-color,#e5e7eb)}.pricing-rule-table th{text-align:left;color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.3px;padding:10px 14px;font-size:11px;font-weight:600}.pricing-rule-table td{border-bottom:1px solid var(--border-color,#f3f4f6);color:var(--text-primary,#374151);padding:10px 14px}.pricing-rule-row{transition:background .15s}.pricing-rule-row:hover{background:var(--nav-hover,#f9fafb)}.title-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rule-title{color:var(--text-primary,#1f2433);font-weight:500}.badge-mixed{color:#92400e;background:#fef3c7;border-radius:10px;padding:1px 8px;font-size:9px;font-weight:500;display:inline-block}.badge-coupon{color:#3730a3;background:#e0e7ff;border-radius:10px;padding:1px 8px;font-size:9px;font-weight:500;display:inline-block}.apply-cell .apply-badge{color:#6b7280;background:#f3f4f6;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.type-cell .type-badges{flex-wrap:wrap;gap:4px;display:flex}.type-badge{border-radius:10px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.type-badge.selling{color:#065f46;background:#d1fae5}.type-badge.buying{color:#1e40af;background:#dbeafe}.discount-cell .discount-value{color:var(--primary-color,#6366f1);font-weight:600}.status-badge{border-radius:10px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.status-badge.disabled{color:#991b1b;background:#fee2e2}.valid-cell{color:var(--text-secondary,#6b7280);font-size:12px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{background:var(--card-bg,#fff);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.pricing-rule-modal{max-width:800px}.modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-body,.scrollable-body{flex:1;padding:0;overflow-y:auto}.form-group input,.form-group select{border:1px solid var(--border-color,#e5e7eb);width:100%;color:var(--text-primary,#374151);background:var(--input-bg,#fff);box-sizing:border-box;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .15s}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.items-section{margin:0}.items-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.items-header label{color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.add-item-btn{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color,#6366f1);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;transition:all .15s;display:inline-flex}.add-item-btn:hover{background:color-mix(in srgb, var(--primary-color) 25%, transparent)}.items-table-wrapper{border:1px solid var(--border-color,#e5e7eb);border-radius:6px;overflow:hidden}.items-table{border-collapse:collapse;width:100%;font-size:12px}.items-table thead{background:var(--layout-bg,#f8f9fa)}.items-table th{text-align:left;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-color,#e5e7eb);text-transform:uppercase;padding:6px 10px;font-size:10px;font-weight:500}.items-table td{border-bottom:1px solid var(--border-color,#f3f4f6);vertical-align:middle;padding:4px 8px}.items-table input,.items-table select{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#374151);box-sizing:border-box;border-radius:4px;height:28px;padding:4px 6px;font-size:12px}.items-table input:focus,.items-table select:focus{border-color:var(--primary-color,#6366f1);outline:none}.remove-item-btn{width:24px;height:24px;color:var(--danger-color,#ef4444);cursor:pointer;background:#ef444414;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:11px;transition:all .15s;display:inline-flex}.remove-item-btn:hover{background:#ef444433}@media (width<=768px){.pricing-rule-page{padding:12px 16px}.page-header{flex-direction:column;align-items:stretch}.header-actions{flex-wrap:wrap;justify-content:flex-end}.search-bar{flex-direction:column;align-items:stretch}.filter-wrapper{justify-content:space-between}.expandable-filters{flex-direction:column;align-items:stretch}.pricing-rule-table{min-width:700px}.form-grid{grid-template-columns:1fr;gap:14px}.modal-container{max-width:100%;margin:10px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer button{justify-content:center;width:100%}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%;min-width:unset}.pricing-rule-modal{max-width:100%}.form-section{padding:14px 16px}.toggle-switch{justify-content:center;width:100%}.items-table-wrapper{overflow-x:auto}}@media (width<=480px){.pricing-rule-page{padding:8px 12px}.pricing-rule-table{min-width:600px;font-size:12px}.pricing-rule-table th,.pricing-rule-table td{padding:6px 10px}.action-group{gap:0}.action-btn{width:24px;height:24px}.form-section{padding:12px}.form-group input,.form-group select{padding:10px 12px;font-size:14px}}.dark-theme .pricing-rule-page{background:var(--layout-bg,#0f172a)}.dark-theme .pricing-rule-container{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .pricing-rule-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .pricing-rule-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .pricing-rule-table td{border-bottom-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .pricing-rule-row:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .id-cell{color:var(--primary-color,#818cf8)}.dark-theme .rule-title{color:var(--text-primary,#f8fafc)}.dark-theme .badge-mixed{color:#fbbf24;background:#fbbf2433}.dark-theme .badge-coupon{color:var(--primary-color,#818cf8);background:#6366f133}.dark-theme .apply-badge{color:#9ca3af;background:#6b728033}.dark-theme .type-badge.selling{color:#34d399;background:#10b98133}.dark-theme .type-badge.buying{color:#60a5fa;background:#3b82f633}.dark-theme .discount-value{color:var(--primary-color,#818cf8)}.dark-theme .status-badge.disabled{color:#f87171;background:#ef444433}.dark-theme .modal-footer{border-top-color:var(--border-color,#334155);background:var(--card-bg,#1e293b)}.dark-theme .form-group input,.dark-theme .form-group select{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .form-group input:focus,.dark-theme .form-group select:focus{border-color:var(--primary-color,#818cf8)}.dark-theme .items-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .items-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .items-table td{border-bottom-color:var(--border-color,#334155)}.dark-theme .items-table input,.dark-theme .items-table select{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .add-item-btn{color:var(--primary-color,#818cf8);background:#6366f133}.dark-theme .add-item-btn:hover{background:#6366f14d}.dark-theme .remove-item-btn{color:#f87171;background:#ef444426}.dark-theme .remove-item-btn:hover{background:#ef444440}.dark-theme .result-count,.dark-theme .list-footer{color:var(--text-secondary,#94a3b8)}.dark-theme .delete-body p,.dark-theme .valid-cell{color:var(--text-secondary,#94a3b8)}.coupon-page{background:var(--layout-bg,#f5f7fb);height:100%;color:var(--text-primary,#1f2433);flex-direction:column;gap:12px;padding:16px 24px;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow-y:auto}.coupon-page::-webkit-scrollbar{width:4px}.coupon-page::-webkit-scrollbar-track{background:0 0}.coupon-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:2px}.page-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.page-title{color:var(--text-primary,#1f2433);margin:0;font-size:20px;font-weight:600}.badge{color:var(--text-secondary,#6b7280);background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1px 10px;font-size:11px;font-weight:500}.header-actions{align-items:center;gap:6px;display:flex}.btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary:hover{background:var(--layout-bg,#f3f4f6)}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-danger:hover{background:#dc2626}.search-bar{flex-shrink:0;align-items:center;gap:8px;display:flex}.search-wrapper{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex:1;align-items:center;height:34px;padding:0 12px;transition:all .15s;display:flex}.search-wrapper:focus-within{border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px #6366f114}.search-icon{color:var(--text-secondary,#9ca3af);flex-shrink:0;font-size:13px}.search-input{color:var(--text-primary,#374151);background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:6px 10px;font-size:13px}.search-input::placeholder{color:var(--text-secondary,#9ca3af)}.clear-btn{background:var(--border-color,#e5e7eb);width:20px;height:20px;color:var(--text-secondary,#6b7280);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:inline-flex}.clear-btn:hover{background:var(--text-secondary,#6b7280);color:#fff}.filter-wrapper{align-items:center;gap:8px;display:flex}.filter-toggle{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:6px;align-items:center;gap:4px;height:34px;padding:4px 12px;font-size:12px;transition:all .15s;display:inline-flex}.filter-toggle:hover{background:var(--nav-hover,#f3f4f6)}.filter-toggle.active{border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1);background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.result-count{color:var(--text-secondary,#6b7280);font-size:12px}.expandable-filters{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:12px 16px;animation:.2s slideDown;display:flex}.filter-group{flex-direction:column;gap:4px;display:flex}.filter-group label{color:var(--text-secondary,#6b7280);font-size:11px;font-weight:500}.filter-group select{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);color:var(--text-primary,#374151);border-radius:6px;outline:none;height:30px;padding:4px 10px;font-size:12px}.filter-group select:focus{border-color:var(--primary-color,#6366f1)}.apply-filters{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;height:30px;padding:4px 16px;font-size:12px;font-weight:500;transition:all .15s}.apply-filters:hover{background:var(--primary-hover,#4f46e5)}.coupon-container{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex:1;min-height:0;overflow:hidden}.table-wrapper{height:100%;overflow-x:auto}.coupon-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.coupon-table thead{background:var(--layout-bg,#f8f9fa);border-bottom:1px solid var(--border-color,#e5e7eb)}.coupon-table th{text-align:left;color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.3px;padding:10px 14px;font-size:11px;font-weight:600}.coupon-table td{border-bottom:1px solid var(--border-color,#f3f4f6);color:var(--text-primary,#374151);padding:10px 14px}.coupon-row{transition:background .15s}.coupon-row:hover{background:var(--nav-hover,#f9fafb)}.id-cell{color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.name-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.coupon-name{color:var(--text-primary,#1f2433);font-weight:500}.badge-external{color:#3730a3;background:#e0e7ff;border-radius:10px;align-items:center;gap:3px;padding:1px 8px;font-size:9px;font-weight:500;display:inline-flex}.code-cell .coupon-code{color:var(--primary-color,#6366f1);font-family:monospace;font-size:13px;font-weight:600}.type-badge{color:#6b7280;background:#f3f4f6;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.rule-cell{color:var(--text-secondary,#6b7280);font-size:12px}.usage-cell{min-width:120px}.usage-bar{background:var(--layout-bg,#f3f4f6);border-radius:12px;justify-content:center;align-items:center;width:100%;height:24px;display:flex;position:relative;overflow:hidden}.usage-fill{background:linear-gradient(90deg, var(--primary-color,#6366f1), #818cf8);opacity:.3;border-radius:12px;height:100%;transition:width .5s;position:absolute;top:0;left:0}.usage-bar span{z-index:1;color:var(--text-primary,#374151);font-size:11px;font-weight:500;position:relative}.status-badge.expired{color:#991b1b;background:#fee2e2}.status-badge.exhausted{color:#92400e;background:#fef3c7}.action-group{align-items:center;gap:2px;display:flex}.action-btn{cursor:pointer;width:28px;height:28px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.action-btn:hover{background:var(--nav-hover,#f3f4f6)}.action-btn.edit:hover{color:#f59e0b}.action-btn.copy:hover{color:#8b5cf6}.action-btn.delete:hover{color:#ef4444;background:#fef2f2}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.empty-icon{color:var(--text-secondary,#9ca3af);margin-bottom:12px}.empty-state h3{color:var(--text-primary,#1f2433);margin:0 0 4px;font-size:16px;font-weight:600}.empty-state p{color:var(--text-secondary,#6b7280);margin:0 0 16px;font-size:13px}.list-footer{color:var(--text-secondary,#6b7280);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 4px 0;font-size:12px;display:flex}.footer-actions{align-items:center;gap:12px;display:flex}.conversion-badge{background:color-mix(in srgb, var(--primary-color) 10%, transparent);color:var(--primary-color,#6366f1);border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{background:var(--card-bg,#fff);border-radius:12px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.25s modalSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.coupon-modal{max-width:700px}.delete-modal{max-width:420px}.modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-close{width:32px;height:32px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:20px;transition:all .15s;display:inline-flex}.modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#1f2433)}.modal-body{flex:1;padding:0;overflow-y:auto}.scrollable-body{padding:0}.scrollable-body::-webkit-scrollbar{width:6px}.scrollable-body::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb)}.scrollable-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.scrollable-body::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.form-section{border-bottom:1px solid var(--border-color,#f3f4f6);padding:20px 24px}.form-section:last-child{border-bottom:none}.section-title{color:var(--text-primary,#1f2433);border-bottom:1px solid var(--border-color,#e5e7eb);margin:0 0 16px;padding-bottom:8px;font-size:14px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.form-group{flex-direction:column;gap:4px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-secondary,#6b7280);margin-bottom:2px;font-size:12px;font-weight:500}.form-group label.required:after{content:" *";color:#ef4444}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color,#e5e7eb);width:100%;color:var(--text-primary,#374151);background:var(--input-bg,#fff);box-sizing:border-box;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;box-sizing:border-box;width:100%;min-height:80px}.form-group select{appearance:auto;cursor:pointer}.form-group select option{padding:4px 8px}.field-hint{color:var(--text-secondary,#6b7280);margin-top:4px;font-size:10px;line-height:1.4}.disabled-input{cursor:not-allowed;opacity:.7;background:var(--layout-bg,#f3f4f6)!important;color:var(--text-secondary,#6b7280)!important}.toggle-switch{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);cursor:pointer;color:var(--text-primary,#374151);border-radius:6px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-width:100px;padding:6px 14px;font-size:13px;transition:all .15s;display:inline-flex}.toggle-switch:hover{background:var(--nav-hover,#f3f4f6)}.toggle-switch.active{border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1);background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.toggle-switch svg{color:var(--text-secondary,#6b7280);flex-shrink:0}.toggle-switch.active svg{color:var(--primary-color,#6366f1)}.summary-section{background:var(--layout-bg,#f8f9fa);border-top:1px solid var(--border-color,#e5e7eb)}.summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.summary-item{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.summary-item span{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.summary-item strong{color:var(--text-primary,#1f2433);font-size:16px;font-weight:700}.modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.modal-footer .btn-primary,.modal-footer .btn-secondary{justify-content:center;min-width:100px}.delete-body{text-align:center;padding:32px 20px}.delete-icon{color:#ef4444;margin-bottom:16px}.delete-body h3{color:var(--text-primary,#1f2433);margin:0 0 8px;font-size:18px;font-weight:600}.delete-body p{color:var(--text-secondary,#6b7280);margin:4px 0;font-size:14px}.delete-warning{font-weight:500;color:#ef4444!important;margin-top:12px!important}@media (width<=768px){.coupon-page{padding:12px 16px}.page-header{flex-direction:column;align-items:stretch}.header-actions{flex-wrap:wrap;justify-content:flex-end}.search-bar{flex-direction:column;align-items:stretch}.filter-wrapper{justify-content:space-between}.expandable-filters{flex-direction:column;align-items:stretch}.coupon-table{min-width:700px}.form-grid{grid-template-columns:1fr;gap:14px}.modal-container{max-width:100%;max-height:95vh;margin:10px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%;min-width:unset}.coupon-modal{max-width:100%}.summary-grid{grid-template-columns:repeat(2,1fr)}.form-section{padding:16px}.toggle-switch{justify-content:center;width:100%}}@media (width<=480px){.coupon-page{padding:8px 12px}.coupon-table{min-width:600px;font-size:12px}.coupon-table th,.coupon-table td{padding:6px 10px}.action-group{gap:0}.action-btn{width:24px;height:24px}.summary-grid{grid-template-columns:1fr}.form-section{padding:12px}.modal-header{padding:14px 16px}.modal-header h2{font-size:16px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:14px}}.dark-theme .coupon-page{background:var(--layout-bg,#0f172a)}.dark-theme .page-title{color:var(--text-primary,#f8fafc)}.dark-theme .badge{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .search-wrapper{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .search-input{color:var(--text-primary,#f8fafc)}.dark-theme .search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .filter-toggle{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .filter-toggle:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .expandable-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .filter-group select{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .coupon-container{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .coupon-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .coupon-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .coupon-table td{border-bottom-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .coupon-row:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .coupon-name{color:var(--text-primary,#f8fafc)}.dark-theme .coupon-code{color:var(--primary-color,#818cf8)}.dark-theme .type-badge{color:#9ca3af;background:#6b728033}.dark-theme .rule-cell{color:var(--text-secondary,#94a3b8)}.dark-theme .badge-external{color:var(--primary-color,#818cf8);background:#6366f133}.dark-theme .action-btn{color:var(--text-secondary,#64748b)}.dark-theme .action-btn:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .modal-container{background:var(--card-bg,#1e293b)}.dark-theme .modal-header{background:var(--card-bg,#1e293b);border-bottom-color:var(--border-color,#334155)}.dark-theme .modal-close:hover{background:var(--nav-hover,#ffffff0d);color:var(--text-primary,#f8fafc)}.dark-theme .modal-footer{background:var(--card-bg,#1e293b);border-top-color:var(--border-color,#334155)}.dark-theme .form-section{border-bottom-color:var(--border-color,#334155)}.dark-theme .section-title{color:var(--text-primary,#f8fafc);border-bottom-color:var(--border-color,#334155)}.dark-theme .form-group label{color:var(--text-primary,#e2e8f0)}.dark-theme .form-group input,.dark-theme .form-group select,.dark-theme .form-group textarea{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .form-group input:focus,.dark-theme .form-group select:focus,.dark-theme .form-group textarea:focus{border-color:var(--primary-color,#818cf8)}.dark-theme .field-hint{color:var(--text-secondary,#64748b)}.dark-theme .toggle-switch{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .toggle-switch:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .toggle-switch.active{border-color:var(--primary-color,#818cf8);color:var(--primary-color,#818cf8);background:#6366f126}.dark-theme .toggle-switch.active svg{color:var(--primary-color,#818cf8)}.dark-theme .summary-section{background:var(--layout-bg,#0f172a);border-top-color:var(--border-color,#334155)}.dark-theme .summary-item{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .summary-item strong{color:var(--text-primary,#f8fafc)}.dark-theme .usage-bar{background:var(--layout-bg,#0f172a)}.dark-theme .usage-bar span{color:var(--text-primary,#f8fafc)}.dark-theme .usage-fill{opacity:.4}.dark-theme .status-badge.active{color:#34d399;background:#10b98133}.dark-theme .status-badge.expired{color:#f87171;background:#ef444433}.dark-theme .status-badge.exhausted{color:#fbbf24;background:#fbbf2433}.dark-theme .disabled-input{background:var(--layout-bg,#0f172a)!important;color:var(--text-secondary,#64748b)!important}.dark-theme .btn-secondary{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .btn-secondary:hover{background:var(--layout-bg,#0f172a)}.dark-theme .btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .btn-danger{background:#ef4444}.dark-theme .btn-danger:hover{background:#dc2626}.dark-theme .empty-state h3{color:var(--text-primary,#f8fafc)}.dark-theme .empty-state p{color:var(--text-secondary,#94a3b8)}.dark-theme .conversion-badge{color:var(--primary-color,#818cf8);background:#6366f126}.dark-theme .result-count,.dark-theme .list-footer{color:var(--text-secondary,#94a3b8)}.dark-theme .delete-body h3{color:var(--text-primary,#f8fafc)}.dark-theme .delete-body p{color:var(--text-secondary,#94a3b8)}.dark-theme .scrollable-body::-webkit-scrollbar-track{background:var(--layout-bg,#0f172a)}.dark-theme .scrollable-body::-webkit-scrollbar-thumb{background:var(--border-color,#334155)}.dark-theme .scrollable-body::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#818cf8)}.supplier-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.supplier-page::-webkit-scrollbar{width:6px}.supplier-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.supplier-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.supplier-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.supplier-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.supplier-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.supplier-search-wrapper{flex:1;max-width:400px;position:relative}.supplier-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.supplier-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.supplier-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.supplier-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.supplier-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.supplier-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.supplier-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.supplier-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.supplier-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.supplier-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.supplier-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.supplier-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.supplier-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.supplier-active-filters span{color:var(--text-primary,#111827)}.supplier-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.supplier-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.supplier-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:40px}.supplier-error{text-align:center;color:var(--danger-color,#ef4444);padding:40px}.supplier-retry-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 20px}.supplier-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.supplier-table-wrap::-webkit-scrollbar{height:6px}.supplier-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.supplier-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.supplier-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.supplier-table{border-collapse:collapse;width:100%;min-width:820px;font-size:13px}.supplier-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.supplier-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.supplier-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.supplier-tr{cursor:default;transition:background .15s}.supplier-tr:hover{background:var(--nav-hover,#f9fafb)}.supplier-tr-expanded{background:var(--nav-active,#6366f10d)}.supplier-tr+.supplier-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.supplier-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.supplier-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.supplier-info{align-items:center;gap:10px;display:flex}.supplier-avatar{background:var(--primary-gradient,linear-gradient(135deg, #6366f1, #8b5cf6));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex;color:#fff!important}.supplier-name{color:var(--text-primary,#111827);font-weight:500}.supplier-website{color:var(--text-secondary,#6b7280);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.supplier-icon-small{color:var(--text-secondary,#6b7280);font-size:11px}.supplier-contact-count{color:var(--text-secondary,#6b7280);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.supplier-contact-count svg{color:var(--primary-color,#6366f1)}.supplier-contact{flex-direction:column;gap:2px;display:flex}.supplier-contact-item{color:var(--text-secondary,#6b7280);align-items:center;gap:4px;font-size:12px;display:flex}.supplier-contact-item svg{font-size:11px}.supplier-group-badge{color:#3730a3;background:#e0e7ff;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:500;display:inline-block}.supplier-bank-badge{color:#3730a3;cursor:pointer;background:#e0e7ff;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.supplier-bank-badge:hover{background:var(--primary-color,#6366f1);color:#fff;box-shadow:0 3px 10px color-mix(in srgb, var(--primary-color) 30%, transparent);transform:translateY(-1px)}.supplier-bank-badge svg{flex-shrink:0}.supplier-bank-add-btn{color:var(--primary-color,#6366f1);border:1.5px dashed color-mix(in srgb, var(--primary-color) 45%, var(--border-color));cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.supplier-bank-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border-color:var(--primary-color,#6366f1);transform:translateY(-1px)}.supplier-status-badge{border-radius:12px;align-items:center;gap:4px;padding:2px 12px;font-size:12px;font-weight:500;display:inline-flex}.supplier-status-active{color:#065f46;background:#d1fae5}.supplier-status-inactive{color:#f20000;background:#f9dcdc}.supplier-action-buttons{align-items:center;gap:4px;display:flex}.supplier-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.supplier-action-view{color:var(--primary-color,#6366f1)}.supplier-action-view:hover{background:#6366f11a}.supplier-action-edit{color:#f59e0b}.supplier-action-edit:hover{background:#f59e0b1a}.supplier-action-delete{color:var(--danger-color,#ef4444)}.supplier-action-delete:hover{background:#ef44441a}.supplier-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.supplier-pagination-left,.supplier-pagination-right{align-items:center;gap:8px;display:flex}.supplier-pagination-center{align-items:center;gap:4px;display:flex}.supplier-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.supplier-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.supplier-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.supplier-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.supplier-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.supplier-page-btn:disabled{opacity:.5;cursor:not-allowed}.supplier-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.supplier-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.supplier-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.supplier-empty-state{text-align:center;padding:60px 20px}.supplier-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.supplier-empty-content svg{color:var(--text-secondary,#9ca3af)}.supplier-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.supplier-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.supplier-expand-btn{cursor:pointer;width:20px;height:20px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.supplier-expand-btn:hover{background:var(--nav-hover,#0000000d);color:var(--primary-color,#6366f1)}.supplier-expanded-row{background:var(--layout-bg,#f9fafb)}.supplier-expanded-row td{border-bottom:1px solid var(--border-color,#e5e7eb);padding:0!important}.supplier-expanded-content{background:var(--card-bg,white);border-top:1px solid var(--border-color,#e5e7eb);margin-top:0;padding:10px 6px 10px 40px}.supplier-contact-table-wrap{overflow-x:auto}.supplier-contact-table{border-collapse:separate;border-spacing:0 8px;width:100%;font-size:12px}.supplier-contact-td{vertical-align:middle;color:var(--text-primary,#374151);background:var(--layout-bg,#f9fafb);border-top:1px solid var(--border-color,#e5e7eb);border-bottom:1px solid var(--border-color,#e5e7eb);padding:8px 12px;font-size:12px}.supplier-contact-td:first-child{border-left:1px solid var(--border-color,#e5e7eb);text-align:center;border-radius:8px 0 0 8px;width:40px;padding-left:16px}.supplier-contact-td:last-child{border-right:1px solid var(--border-color,#e5e7eb);border-radius:0 8px 8px 0;padding-right:16px}.supplier-contact-row:hover .supplier-contact-td{background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.supplier-contact-name-text{color:var(--text-primary,#111827);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.supplier-contact-td:nth-child(2){padding-left:12px}.supplier-contact-badge-primary{color:#1d4ed8;background:#dbeafe;border-radius:12px;align-items:center;gap:4px;height:20px;padding:0 10px;font-size:10px;font-weight:500;line-height:20px;display:inline-flex}.supplier-contact-badge-primary svg{font-size:8px}.supplier-contact-type-badge{background:var(--layout-bg,#e5e7eb);color:var(--text-secondary,#6b7280);border-radius:12px;height:20px;padding:0 10px;font-size:10px;font-weight:500;line-height:20px;display:inline-block}.supplier-contact-email-link{color:var(--primary-color,#6366f1);font-size:12px;text-decoration:none;transition:color .15s}.supplier-contact-email-link:hover{color:var(--primary-hover,#4f46e5);text-decoration:underline}.supplier-contact-phone-link{color:var(--text-primary,#374151);font-size:12px;text-decoration:none;transition:color .15s}.supplier-contact-phone-link:hover{color:var(--primary-color,#6366f1)}.supplier-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out supplierFadeIn;display:flex;position:fixed;inset:0}@keyframes supplierFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.supplier-modal{background:var(--card-bg,#fff);width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.supplier-modal-delete{max-width:450px}.supplier-modal-view{max-width:620px}.supplier-modal-edit{max-width:700px}.supplier-modal-bank{max-width:640px}.supplier-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.supplier-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.supplier-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.supplier-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.supplier-modal-close:disabled{opacity:.5;cursor:not-allowed}.supplier-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.supplier-modal-body::-webkit-scrollbar{width:6px}.supplier-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.supplier-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.supplier-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.supplier-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.supplier-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.supplier-bank-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--primary-color) 10%, transparent) 0%, transparent 55%), var(--card-bg,#fff);flex-shrink:0;align-items:center;gap:14px;padding:18px 24px;display:flex;position:relative}.supplier-bank-modal-header-icon{background:var(--primary-color,#6366f1);color:#fff;width:40px;height:40px;box-shadow:0 2px 6px color-mix(in srgb, var(--primary-color) 35%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.supplier-bank-modal-header-text{flex-direction:column;flex:1;gap:2px;padding-right:24px;display:flex}.supplier-bank-modal-header .supplier-modal-close{position:absolute;top:14px;right:14px}.supplier-bank-modal-body{background:var(--card-bg,#fff);gap:14px}.supplier-bank-card{border:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);border-radius:14px;gap:14px;padding:16px;transition:border-color .15s;display:flex}.supplier-bank-card:hover{border-color:color-mix(in srgb, var(--primary-color) 35%, var(--border-color))}.supplier-bank-card-icon{background:color-mix(in srgb, var(--primary-color) 14%, transparent);width:40px;height:40px;color:var(--primary-color,#6366f1);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.supplier-bank-card-info{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.supplier-bank-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.supplier-bank-card-top strong{color:var(--text-primary,#111827);font-size:14px}.supplier-bank-card-badges{flex-wrap:wrap;gap:6px;display:flex}.supplier-bank-badge-tag{white-space:nowrap;border-radius:10px;align-items:center;gap:4px;height:20px;padding:0 10px;font-size:10px;font-weight:500;line-height:20px;display:inline-flex}.supplier-bank-badge-primary{color:#1d4ed8;background:#dbeafe}.supplier-bank-badge-verified{color:#065f46;background:#d1fae5}.supplier-bank-badge-unverified{color:#b91c1c;background:#f9dcdc}.supplier-bank-card-rows{grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}.supplier-bank-card-row{gap:6px;min-width:0;font-size:12.5px;display:flex}.supplier-bank-card-row-full{grid-column:1/-1}.supplier-bank-card-row label{color:var(--text-secondary,#6b7280);flex-shrink:0;min-width:82px;font-weight:500}.supplier-bank-card-row span{color:var(--text-primary,#374151);overflow-wrap:anywhere}.supplier-bank-empty{color:var(--text-secondary,#6b7280);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.supplier-bank-empty svg{color:var(--text-secondary,#9ca3af)}.supplier-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.supplier-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.supplier-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.supplier-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.supplier-btn-delete:hover{background:#dc2626}.supplier-btn-edit{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.supplier-btn-edit:hover{background:var(--primary-hover,#4f46e5)}.supplier-btn-save{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.supplier-btn-save:hover{background:var(--primary-hover,#4f46e5)}.supplier-spin{animation:.8s linear infinite supplierSpin}@keyframes supplierSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.supplier-view-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.supplier-view-section{background:var(--layout-bg,#f9fafb);border-radius:8px;padding:12px}.supplier-view-section h4{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:11px;font-weight:600}.supplier-view-full{grid-column:1/-1}.supplier-view-row{padding:3px 0;font-size:13px;display:flex}.supplier-view-row label{color:var(--text-secondary,#6b7280);min-width:90px;font-weight:500}.supplier-view-row span{color:var(--text-primary,#374151)}.supplier-modal-edit{box-shadow:0 24px 70px var(--shadow-color,#00000038);border:none;border-radius:20px}.supplier-edit-header{background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--primary-color) 10%, transparent) 0%, transparent 55%), var(--card-bg,#fff);border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;align-items:flex-start;gap:16px;padding:28px 28px 22px;display:flex;position:relative}.supplier-edit-header-icon{background:var(--primary-color,#6366f1);color:#fff;width:44px;height:44px;box-shadow:0 2px 6px color-mix(in srgb, var(--primary-color) 35%, transparent);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.supplier-edit-header-text{flex-direction:column;flex:1;gap:3px;padding-right:24px;display:flex}.supplier-edit-header .supplier-modal-title{background:linear-gradient(90deg, var(--text-primary,#111827) 0%, var(--primary-color,#6366f1) 130%);-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:700;line-height:1.3}.supplier-edit-subtitle{color:var(--text-secondary,#6b7280);font-size:12.5px}.supplier-edit-header .supplier-modal-close{position:absolute;top:18px;right:18px}.supplier-modal-edit .supplier-modal-body{background:var(--card-bg,#fff);gap:20px;padding:28px}.supplier-edit-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.supplier-edit-field{flex-direction:column;gap:6px;display:flex}.supplier-edit-field-full{grid-column:1/-1}.supplier-edit-field-check{flex-direction:row;align-items:center;gap:8px;display:flex}.supplier-edit-field-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color,#6366f1);cursor:pointer}.supplier-edit-field-check label{color:var(--text-primary,#374151);cursor:pointer;font-size:13px;font-weight:500}.supplier-edit-label{color:var(--text-primary,#374151);letter-spacing:.1px;align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.supplier-edit-label-icon{width:22px;height:22px;color:var(--primary-color,#6366f1);background:color-mix(in srgb, var(--primary-color) 14%, transparent);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:10.5px;display:flex}.supplier-required{color:var(--danger-color,#ef4444)}.supplier-edit-input,.supplier-edit-select,.supplier-edit-textarea{border:1.5px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);height:44px;color:var(--text-primary,#374151);border-radius:11px;outline:none;width:100%;padding:0 15px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s,background .2s}.supplier-edit-textarea{resize:vertical;height:auto;min-height:80px;padding:12px 15px}.supplier-edit-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"), var(--layout-bg,#f9fafb);background-position:right 14px center,0 0;background-repeat:no-repeat;background-size:16px,auto;padding-right:38px}.supplier-edit-input:hover:not(:disabled),.supplier-edit-select:hover:not(:disabled),.supplier-edit-textarea:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color));background:var(--card-bg,#fff)}.supplier-edit-input:focus,.supplier-edit-select:focus,.supplier-edit-textarea:focus{border-color:var(--primary-color,#6366f1);background:var(--card-bg,#fff);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-color) 16%, transparent)}.supplier-edit-input:disabled,.supplier-edit-select:disabled,.supplier-edit-textarea:disabled{opacity:.6;cursor:not-allowed}.supplier-edit-input::placeholder,.supplier-edit-textarea::placeholder{color:var(--text-secondary,#9ca3af)}.supplier-edit-error{color:var(--danger-color,#ef4444);background:#ef444414;border:1px solid #ef444440;border-radius:12px;align-items:center;gap:9px;padding:12px 15px;font-size:12.5px;font-weight:500;display:flex}.supplier-edit-error svg{flex-shrink:0}.supplier-modal-edit .supplier-modal-footer{background:var(--layout-bg,#f9fafb);gap:12px;padding:18px 28px}.supplier-modal-edit .supplier-btn-cancel{border:1.5px solid color-mix(in srgb, var(--primary-color) 20%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 6%, var(--card-bg));height:42px;color:var(--text-secondary,#6b7280);border-radius:11px;padding:0 22px;font-weight:600}.supplier-modal-edit .supplier-btn-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#6366f1)}.supplier-modal-edit .supplier-btn-save{border-radius:11px;height:42px;padding:0 26px;font-size:13.5px}.supplier-btn-save{background:linear-gradient(135deg, var(--primary-color,#6366f1) 0%, var(--primary-hover,#4f46e5) 100%);color:#fff;cursor:pointer;height:38px;box-shadow:0 3px 10px color-mix(in srgb, var(--primary-color) 30%, transparent);border:none;border-radius:9px;align-items:center;gap:7px;padding:0 22px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.supplier-btn-save:hover:not(:disabled){box-shadow:0 6px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.supplier-btn-save:active:not(:disabled){transform:translateY(0)}.supplier-btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none}.supplier-expanded-row{animation:.2s ease-out supplierSlideDown}@keyframes supplierSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dark-theme .supplier-filter-btn,.dark-theme .supplier-filter-select,.dark-theme .supplier-page-btn,.dark-theme .supplier-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .supplier-filter-btn:hover,.dark-theme .supplier-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .supplier-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .supplier-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .supplier-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .supplier-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .supplier-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .supplier-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .supplier-modal-header,.dark-theme .supplier-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .supplier-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .supplier-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .supplier-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .supplier-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .supplier-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .supplier-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .supplier-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .supplier-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .supplier-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .supplier-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .supplier-edit-input,.dark-theme .supplier-edit-select,.dark-theme .supplier-edit-textarea{background:color-mix(in srgb, var(--primary-color) 6%, #24304a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .supplier-edit-input:hover:not(:disabled),.dark-theme .supplier-edit-select:hover:not(:disabled),.dark-theme .supplier-edit-textarea:hover:not(:disabled),.dark-theme .supplier-edit-input:focus,.dark-theme .supplier-edit-select:focus,.dark-theme .supplier-edit-textarea:focus{background:color-mix(in srgb, var(--primary-color) 10%, #24304a)}.dark-theme .supplier-edit-input::placeholder,.dark-theme .supplier-edit-textarea::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .supplier-edit-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.dark-theme .supplier-btn-save{background:linear-gradient(135deg, var(--primary-color,#3b82f6) 0%, #a855f7 100%)}.dark-theme .supplier-edit-error{background:#ef444426;border-color:#ef444459}.dark-theme .supplier-edit-header{background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--primary-color) 18%, transparent) 0%, transparent 55%), var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .supplier-edit-header .supplier-modal-title{background:linear-gradient(90deg, var(--text-primary,#f8fafc) 0%, var(--primary-color,#60a5fa) 130%);-webkit-background-clip:text;background-clip:text}.dark-theme .supplier-modal-edit .supplier-modal-body{background:var(--card-bg,#1e293b)}.dark-theme .supplier-modal-edit .supplier-btn-cancel{background:color-mix(in srgb, var(--primary-color) 12%, #1e293b);border-color:color-mix(in srgb, var(--primary-color) 30%, var(--border-color));color:var(--text-secondary,#94a3b8)}.dark-theme .supplier-modal-edit .supplier-btn-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 18%, #1e293b);color:var(--primary-color,#60a5fa)}.dark-theme .supplier-view-section{background:var(--layout-bg,#0f172a)}.dark-theme .supplier-view-row span,.dark-theme .supplier-edit-field-check label{color:var(--text-primary,#f8fafc)}.dark-theme .supplier-expanded-row{background:var(--layout-bg,#0f172a)}.dark-theme .supplier-expanded-content{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .supplier-contact-td{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc);border-color:var(--border-color,#334155)}.dark-theme .supplier-contact-row:hover .supplier-contact-td{background:var(--nav-hover,#ffffff0d);border-color:var(--primary-color,#818cf8)}.dark-theme .supplier-contact-name-text{color:var(--text-primary,#f8fafc)}.dark-theme .supplier-contact-badge-primary{color:#818cf8;background:#6366f133}.dark-theme .supplier-contact-type-badge{background:var(--layout-bg,#1e293b);color:var(--text-secondary,#94a3b8)}.dark-theme .supplier-contact-phone-link{color:var(--text-primary,#f8fafc)}.dark-theme .supplier-contact-phone-link:hover{color:var(--primary-color,#818cf8)}.dark-theme .supplier-expand-btn:hover{background:#ffffff0d}.dark-theme .supplier-contact-count{color:var(--text-secondary,#94a3b8)}.dark-theme .supplier-tr-expanded{background:#6366f114}.dark-theme .supplier-info .supplier-name{color:var(--text-primary,#f8fafc)}.dark-theme .supplier-website{color:var(--text-secondary,#94a3b8)}.dark-theme .supplier-group-badge{color:var(--primary-color,#818cf8);background:#6366f133}.dark-theme .supplier-status-active{color:#34d399;background:#10b98133}.dark-theme .supplier-status-inactive{color:#9ca3af;background:#6b728033}.dark-theme .supplier-contact-item{color:var(--text-secondary,#94a3b8)}.dark-theme .supplier-bank-badge{color:#a5b4fc;background:#6366f133}.dark-theme .supplier-bank-badge:hover{background:var(--primary-color,#3b82f6);color:#fff}.dark-theme .supplier-bank-add-btn{color:var(--primary-color,#60a5fa);border-color:color-mix(in srgb, var(--primary-color) 35%, var(--border-color))}.dark-theme .supplier-bank-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 14%, transparent)}.dark-theme .supplier-bank-modal-header{background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--primary-color) 18%, transparent) 0%, transparent 55%), var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .supplier-bank-modal-body{background:var(--card-bg,#1e293b)}.dark-theme .supplier-bank-card{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .supplier-bank-card-top strong{color:var(--text-primary,#f8fafc)}.dark-theme .supplier-bank-card-row label{color:var(--text-secondary,#94a3b8)}.dark-theme .supplier-bank-card-row span{color:var(--text-primary,#f8fafc)}.dark-theme .supplier-bank-badge-primary{color:#818cf8;background:#6366f133}.dark-theme .supplier-bank-badge-verified{color:#34d399;background:#10b98133}.dark-theme .supplier-bank-badge-unverified{color:#f87171;background:#ef44442e}.dark-theme .supplier-bank-empty{color:var(--text-secondary,#94a3b8)}@media (width<=768px){.supplier-page{gap:12px;padding:12px}.supplier-filter-bar{flex-direction:column;align-items:stretch}.supplier-filter-left{width:100%}.supplier-search-wrapper{max-width:100%}.supplier-filter-right{flex-wrap:wrap;justify-content:flex-start}.supplier-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.supplier-pagination-center{order:2}.supplier-pagination-left,.supplier-pagination-right{order:1}.supplier-table{min-width:820px}.supplier-td{padding:8px 10px;font-size:12px}.supplier-th{padding:8px 10px;font-size:11px}.supplier-td-meta{flex-wrap:wrap;justify-content:flex-end}.supplier-modal{max-width:95vw}.supplier-modal-body{padding:16px 20px}.supplier-modal-footer{flex-wrap:wrap}.supplier-btn-cancel,.supplier-btn-delete,.supplier-btn-save,.supplier-btn-edit{flex:1;justify-content:center}.supplier-view-grid{grid-template-columns:1fr}.supplier-view-full{grid-column:1}.supplier-expanded-content{margin-top:8px;padding:10px 12px 10px 44px}.supplier-contact-table{border-spacing:0 6px}.supplier-contact-td{padding:8px 10px;font-size:11px}.supplier-contact-td:first-child{width:32px;padding-left:12px}.supplier-contact-td:last-child{padding-right:12px}.supplier-contact-td:nth-child(2){padding-left:12px}.supplier-contact-name-text{gap:4px;font-size:12px}.supplier-bank-card{flex-direction:column}.supplier-bank-card-rows{grid-template-columns:1fr}}@media (width<=480px){.supplier-filter-right{flex-direction:column;width:100%}.supplier-filter-right>*{width:100%}.supplier-btn-primary{justify-content:center}.supplier-pagination{padding:8px 0 0}.supplier-pagination-center{flex-wrap:wrap;justify-content:center}.supplier-modal,.supplier-modal-edit,.supplier-modal-view,.supplier-modal-bank{border-radius:12px;max-width:98vw}.supplier-modal-body{padding:14px 16px}.supplier-modal-title{font-size:14px}.supplier-modal-header,.supplier-bank-modal-header{padding:14px 16px}.supplier-modal-footer{flex-direction:column-reverse;gap:8px}.supplier-modal-footer button{width:100%}.supplier-edit-grid{grid-template-columns:1fr}.supplier-edit-field-full{grid-column:1}.supplier-expanded-content{margin-top:6px;padding:8px 10px 8px 36px}.supplier-contact-table{border-spacing:0 4px}.supplier-contact-td{padding:6px 8px;font-size:10px}.supplier-contact-td:first-child{width:28px;padding-left:8px}.supplier-contact-td:last-child{padding-right:8px}.supplier-contact-td:nth-child(2){padding-left:8px}.supplier-contact-name-text{flex-wrap:wrap;gap:4px;font-size:11px}.supplier-contact-email-link,.supplier-contact-phone-link{font-size:10px}.supplier-contact-type-badge,.supplier-contact-badge-primary{height:18px;padding:0 8px;font-size:9px;line-height:18px}.supplier-bank-badge,.supplier-bank-add-btn{padding:4px 9px;font-size:11px}}.supplier-contact-type-dash{color:var(--text-secondary,#9ca3af);opacity:.5;font-size:14px}.as-page{background:var(--layout-bg);min-height:100vh;padding:0 16px 24px}.as-inner{max-width:1100px;margin:0 auto}.as-loading{min-height:300px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.as-loading .spinning{color:var(--primary-color)}.as-header{align-items:center;gap:12px;padding-top:2px;padding-bottom:12px;display:flex}.as-api-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.as-api-error .error-icon{flex-shrink:0}.as-api-error .error-close{cursor:pointer;color:#dc2626;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:18px}.as-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:16px 20px}.as-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:600;display:flex}.as-section-title .section-icon{color:var(--primary-color);flex-shrink:0;font-size:12px}.as-field{margin-bottom:12px}.as-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.as-label .label-icon{flex-shrink:0;font-size:10px}.required{color:var(--danger-color)}.as-error-msg{color:var(--danger-color);align-items:center;gap:3px;margin-top:4px;font-size:11px;display:flex}.as-field-hint{color:var(--text-secondary);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.as-field-hint .hint-icon{font-size:10px}.as-textarea{resize:vertical;min-height:80px;font-family:inherit}.as-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.as-full-width{grid-column:1/-1}.as-divider{background:var(--border-color);height:1px;margin:12px 0}.as-checkboxes-row{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:24px 40px;padding:8px 0 4px;display:flex}.checkbox-field{flex:0 auto;align-items:center;margin:0;display:flex}.checkbox-group{align-items:center;gap:10px;margin:0;padding:0;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:16px;min-width:16px;height:16px;min-height:16px;accent-color:var(--primary-color);border-radius:4px;flex-shrink:0;margin:0;position:relative;top:0}.checkbox-group label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-size:13px;line-height:1.4}.suggestions-container{position:relative}.suggestions-list{background:var(--card-bg);border:1px solid var(--border-color);z-index:10;max-height:150px;box-shadow:0 4px 12px var(--shadow-color);border-radius:6px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggestions-list::-webkit-scrollbar{width:4px}.suggestions-list::-webkit-scrollbar-track{background:var(--layout-bg)}.suggestions-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.suggestion-item{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;transition:background .15s;display:flex}.suggestion-item:hover{background:var(--nav-hover)}.suggestion-item .suggestion-detail{color:var(--text-secondary);font-size:11px}.as-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;display:flex}.validation-summary-modal{background:var(--card-bg);border-radius:16px;width:90%;max-width:500px;max-height:80vh;animation:.3s fadeIn;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.modal-description{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.validation-errors-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.error-header{color:#dc2626;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.error-header .error-icon{flex-shrink:0}.error-message{color:#991b1b;padding-left:24px;font-size:12px}.validation-tip{color:#166534;background:#f0fdf4;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex}.validation-tip .tip-icon{flex-shrink:0}.btn-cancel:hover{background:color-mix(in srgb, var(--danger-color) 6%, var(--card-bg));border-color:color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:var(--danger-color)}@media (width<=768px){.as-grid-2{grid-template-columns:1fr;gap:0}.as-full-width{grid-column:1}.as-card{padding:16px}.as-header{flex-wrap:wrap}.error-badge{justify-content:center;width:100%}.as-footer{flex-direction:column-reverse;width:100%}.as-footer button{justify-content:center;width:100%}.as-checkboxes-row{flex-direction:column;align-items:flex-start;gap:12px;padding:4px 0}.checkbox-field{width:100%}}@media (width<=520px){.as-page{padding:0 12px 20px}.as-card{padding:12px}.header-title h1{font-size:16px}.validation-summary-modal{width:95%;margin:10px}}.dark-theme .as-page{background:var(--layout-bg,#0f172a)}.dark-theme .as-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .as-section-title{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .as-label{color:var(--text-secondary,#94a3b8)}.dark-theme .form-field:hover{background:color-mix(in srgb, var(--primary-color) 6%, #0f172a);border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color))}.dark-theme .form-field:focus{border-color:var(--primary-color,#818cf8);background:color-mix(in srgb, var(--primary-color) 8%, #0f172a)}.dark-theme .as-error-msg{color:#f87171}.dark-theme .as-field-hint{color:var(--text-secondary,#64748b)}.dark-theme .suggestions-list{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .suggestion-item{color:var(--text-primary,#f8fafc)}.dark-theme .suggestion-item:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .suggestion-item .suggestion-detail{color:var(--text-secondary,#94a3b8)}.dark-theme .checkbox-group label{color:var(--text-primary,#f8fafc)}.dark-theme .cancel-btn:hover{background:color-mix(in srgb, var(--danger-color) 12%, #1e293b);border-color:color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:#f87171}.dark-theme .as-divider{background:var(--border-color,#334155)}.dark-theme .as-api-error{color:#f87171;background:#ef444426;border-color:#ef44444d}.dark-theme .as-api-error .error-close{color:#f87171}.dark-theme .as-loading{color:var(--text-secondary,#94a3b8)}.dark-theme .as-loading .spinning{color:var(--primary-color,#818cf8)}.dark-theme .modal-header{border-bottom-color:var(--border-color,#334155)}.dark-theme .modal-header h2{color:#fbbf24}.dark-theme .modal-description{color:var(--text-secondary,#94a3b8)}.dark-theme .validation-error-item{background:#ef44441a;border-left-color:#f87171}.dark-theme .error-header{color:#f87171}.dark-theme .error-message{color:#fca5a5}.dark-theme .modal-footer{border-top-color:var(--border-color,#334155)}.dark-theme .btn-cancel:hover{background:color-mix(in srgb, var(--danger-color) 12%, #1e293b);border-color:color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:#f87171}.dark-theme .modal-close{color:var(--text-secondary,#94a3b8)}.as-bank-accounts-list{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.as-bank-account-card{border:1.5px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 40px 12px 14px;transition:border-color .18s,box-shadow .18s,background .18s,transform .1s;display:flex;position:relative}.as-bank-account-card:hover{border-color:color-mix(in srgb, var(--primary-color) 45%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg));box-shadow:0 4px 14px color-mix(in srgb, var(--primary-color) 10%, transparent)}.as-bank-account-card:active{transform:scale(.995)}.as-bank-account-icon{background:color-mix(in srgb, var(--primary-color) 12%, transparent);width:38px;min-width:38px;height:38px;color:var(--primary-color);border-radius:10px;justify-content:center;align-items:center;display:flex}.as-bank-account-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.as-bank-account-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.as-bank-account-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.as-bank-account-badges{align-items:center;gap:6px;display:flex}.as-bank-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.as-bank-badge-primary{background:color-mix(in srgb, var(--primary-color) 15%, transparent);color:var(--primary-color)}.as-bank-badge-verified{color:#065f46;background:#d1fae5}.dark-theme .as-bank-badge-verified{color:#34d399;background:#10b9812e}.as-bank-account-details{color:var(--text-secondary);flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.as-bank-account-details span:not(:last-child):after{content:"•";color:var(--border-color);margin-left:10px}.as-bank-remove-btn{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:10px}.as-bank-remove-btn:hover{background:color-mix(in srgb, var(--danger-color) 12%, transparent);color:var(--danger-color)}.as-add-bank-btn{border:1.5px dashed color-mix(in srgb, var(--primary-color) 45%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 4%, var(--card-bg));color:var(--primary-color);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:12.5px;font-weight:600;transition:background .18s,border-color .18s,transform .1s;display:inline-flex}.as-add-bank-btn:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));border-color:var(--primary-color)}.as-add-bank-btn:active:not(:disabled){transform:scale(.97)}.as-add-bank-btn:disabled{opacity:.6;cursor:not-allowed}.dark-theme .as-bank-account-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .as-bank-account-card:hover{background:color-mix(in srgb, var(--primary-color) 8%, #1e293b)}.dark-theme .as-bank-account-icon{background:color-mix(in srgb, var(--primary-color) 18%, transparent)}.dark-theme .as-bank-badge-primary{background:color-mix(in srgb, var(--primary-color) 22%, transparent)}.dark-theme .as-add-bank-btn{background:color-mix(in srgb, var(--primary-color) 8%, #1e293b)}@media (width<=520px){.as-bank-account-card{flex-direction:column;padding-right:14px}.as-bank-remove-btn{top:10px;right:10px}}.contact-avatar-circle,.contact-add-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.contact-add-card{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.contact-add-circle{border:1.5px dashed color-mix(in srgb, var(--primary-color) 45%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 4%, var(--card-bg));color:var(--primary-color);transition:background .18s,border-color .18s,transform .1s}.contact-add-card:hover .contact-add-circle{background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));border-color:var(--primary-color);transform:scale(1.05)}.contact-add-card:disabled .contact-add-circle{opacity:.6;cursor:not-allowed}.contact-add-icon{font-size:16px}.contact-add-label{color:var(--text-secondary);font-size:11px;font-weight:600}.dark-theme .contact-add-circle{background:color-mix(in srgb, var(--primary-color) 8%, #1e293b)}.contact-modal{width:92%;max-width:900px}.contact-add-icon{color:#000}@media (width<=520px){.contact-checkboxes-row{flex-direction:column;align-items:flex-start;gap:10px}}.contact-modal .modal-header h2{color:var(--primary-color)}.contact-checkbox-row{flex-wrap:nowrap;align-items:center;gap:24px;margin-top:12px;display:flex}.contact-checkbox-item{white-space:nowrap;align-items:center;gap:8px;display:flex}.contact-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.contact-page::-webkit-scrollbar{width:6px}.contact-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.contact-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.contact-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.contact-stats{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-shrink:0;align-items:center;gap:16px;padding:10px 16px;display:flex}.contact-stat-item{align-items:baseline;gap:6px;display:flex}.contact-stat-label{color:var(--text-secondary,#6b7280);font-size:11px;font-weight:500}.contact-stat-value{color:var(--text-primary,#1f2433);font-size:14px;font-weight:600}.contact-stat-active{color:#10b981}.contact-stat-passive{color:#f59e0b}.contact-stat-suspended{color:#ef4444}.contact-stat-divider{background:var(--border-color,#e5e7eb);width:1px;height:20px}.contact-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.contact-search-wrapper{flex:1;max-width:400px;position:relative}.contact-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.contact-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.contact-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.contact-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.contact-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.contact-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.contact-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.contact-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.contact-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.contact-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.contact-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.contact-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.contact-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.contact-active-filters span{color:var(--text-primary,#111827)}.contact-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.contact-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.contact-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:40px}.contact-error{text-align:center;color:var(--danger-color,#ef4444);padding:40px}.contact-retry-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 20px}.contact-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.contact-table-wrap::-webkit-scrollbar{height:6px}.contact-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.contact-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.contact-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.contact-table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}.contact-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.contact-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.contact-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.contact-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.contact-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.contact-tr{cursor:default;transition:background .15s}.contact-tr:hover{background:var(--nav-hover,#f9fafb)}.contact-tr-selected{background:var(--nav-active,#f0f7ff)}.contact-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.contact-tr+.contact-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.contact-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.contact-td-id{color:var(--primary-color,#6366f1);font-size:12px;font-weight:600}.contact-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.contact-name-cell{flex-direction:column;display:flex}.contact-full-name{color:var(--text-primary,#1f2433);font-weight:500}.contact-designation{color:var(--text-secondary,#6b7280);font-size:11px}.contact-email-cell,.contact-phone-cell{color:var(--text-secondary,#6b7280);align-items:center;gap:4px;font-size:12px;display:flex}.contact-status-badge{border-radius:10px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.status-passive{color:#92400e;background:#fef3c7}.status-suspended{color:#991b1b;background:#fee2e2}.contact-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.contact-action-buttons{align-items:center;gap:4px;display:flex}.contact-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.contact-action-view{color:var(--primary-color,#6366f1)}.contact-action-view:hover{background:#6366f11a}.contact-action-edit{color:#f59e0b}.contact-action-edit:hover{background:#f59e0b1a}.contact-action-copy{color:#8b5cf6}.contact-action-copy:hover{background:#8b5cf61a}.contact-action-delete{color:var(--danger-color,#ef4444)}.contact-action-delete:hover{background:#ef44441a}.contact-empty-state{text-align:center;padding:60px 20px}.contact-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.contact-empty-content svg{color:var(--text-secondary,#9ca3af)}.contact-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.contact-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.contact-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.contact-pagination-left,.contact-pagination-right{align-items:center;gap:8px;display:flex}.contact-pagination-center{align-items:center;gap:4px;display:flex}.contact-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.contact-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.contact-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.contact-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.contact-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.contact-page-btn:disabled{opacity:.5;cursor:not-allowed}.contact-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.contact-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.contact-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.contact-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out contactFadeIn;display:flex;position:fixed;inset:0}@keyframes contactFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.contact-modal{background:var(--card-bg,#fff);width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.contact-modal-delete{max-width:450px}.contact-modal-view{max-width:650px}.contact-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.contact-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.contact-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.contact-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.contact-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.contact-modal-body::-webkit-scrollbar{width:6px}.contact-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.contact-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.contact-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.contact-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.contact-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.contact-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.contact-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.contact-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.contact-btn-delete:hover{background:#dc2626}.contact-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.contact-btn-primary:hover{background:var(--primary-hover,#4f46e5)}.contact-view-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-view-section{background:var(--layout-bg,#f8f9fa);border-radius:8px;padding:12px}.contact-view-section.full-width{grid-column:1/-1}.contact-view-section h4{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:600}.contact-view-row{padding:3px 0;font-size:13px;display:flex}.contact-view-row label{color:var(--text-secondary,#6b7280);min-width:100px;font-weight:500}.contact-view-row span{color:var(--text-primary,#1f2433)}.dark-theme .contact-filter-btn,.dark-theme .contact-filter-select,.dark-theme .contact-page-btn,.dark-theme .contact-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .contact-filter-btn:hover,.dark-theme .contact-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .contact-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .contact-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .contact-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .contact-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .contact-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .contact-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .contact-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .contact-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .contact-modal-header,.dark-theme .contact-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .contact-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .contact-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .contact-status-badge.status-active{color:#34d399;background:#10b98133}.dark-theme .contact-status-badge.status-passive{color:#fbbf24;background:#fbbf2433}.dark-theme .contact-status-badge.status-suspended{color:#f87171;background:#ef444433}.dark-theme .contact-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .contact-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .contact-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .contact-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .contact-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .contact-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .contact-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .contact-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .contact-view-section{background:var(--layout-bg,#0f172a)}.dark-theme .contact-view-row span{color:var(--text-primary,#f8fafc)}.dark-theme .contact-stats{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .contact-stat-value{color:var(--text-primary,#f8fafc)}.dark-theme .contact-stat-divider{background:var(--border-color,#334155)}.dark-theme .contact-table-wrap{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .contact-table td{border-bottom-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .contact-table th{color:var(--text-secondary,#94a3b8)}.dark-theme .contact-td-id{color:var(--primary-color,#818cf8)}.dark-theme .contact-full-name{color:var(--text-primary,#f8fafc)}.dark-theme .contact-designation,.dark-theme .contact-email-cell,.dark-theme .contact-phone-cell{color:var(--text-secondary,#94a3b8)}.dark-theme .contact-action-btn{color:var(--text-secondary,#64748b)}.dark-theme .contact-action-btn:hover{background:var(--nav-hover,#ffffff0d)}@media (width<=768px){.contact-page{gap:12px;padding:12px}.contact-filter-bar{flex-direction:column;align-items:stretch}.contact-filter-left{width:100%}.contact-search-wrapper{max-width:100%}.contact-filter-right{flex-wrap:wrap;justify-content:flex-start}.contact-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.contact-pagination-center{order:2}.contact-pagination-left,.contact-pagination-right{order:1}.contact-table{min-width:700px}.contact-th-check,.contact-td-check{width:30px;padding-left:10px}.contact-td{padding:8px 10px;font-size:12px}.contact-th{padding:8px 10px;font-size:11px}.contact-td-meta{flex-wrap:wrap;justify-content:flex-end}.contact-modal{max-width:95vw}.contact-modal-body{padding:16px 20px}.contact-modal-footer{flex-wrap:wrap}.contact-btn-cancel,.contact-btn-delete,.contact-btn-primary{flex:1;justify-content:center}.contact-view-grid{grid-template-columns:1fr}}@media (width<=480px){.contact-filter-right{flex-direction:column;width:100%}.contact-filter-right>*{width:100%}.contact-btn-primary{justify-content:center}.contact-pagination{padding:8px 0 0}.contact-pagination-center{flex-wrap:wrap;justify-content:center}.contact-modal,.contact-modal-view{border-radius:12px;max-width:98vw}.contact-modal-body{padding:14px 16px}.contact-modal-title{font-size:14px}.contact-modal-header{padding:14px 16px}.contact-modal-footer{flex-direction:column-reverse;gap:8px}.contact-modal-footer button{width:100%}}@keyframes poSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.po-action-copy{color:#8b5cf6}.po-action-copy:hover{background:#8b5cf61a}@keyframes poFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes poSpin{to{transform:rotate(360deg)}}.po-view-items-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}.po-view-items-table th{text-align:left;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f8f9fa);padding:6px 10px;font-weight:500}.po-view-items-table td{border-bottom:1px solid var(--border-color,#f3f4f6);padding:6px 10px}.po-view-items-table tfoot{background:var(--layout-bg,#f8f9fa)}.po-total-label{text-align:right;padding:8px 10px;font-weight:600}.po-total-amount{color:var(--primary-color,#6366f1);padding:8px 10px;font-weight:700}.dark-theme .po-modal-header,.dark-theme .po-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .po-view-items-table th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .po-view-items-table td{color:var(--text-primary,#f8fafc)}.dark-theme .po-view-items-table tfoot{background:var(--layout-bg,#0f172a)}@media (width<=1024px){.po-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.po-page{gap:12px;padding:12px}.po-stats-container{grid-template-columns:1fr 1fr;gap:12px}.po-filter-bar{flex-direction:column;align-items:stretch}.po-filter-left{width:100%}.po-search-wrapper{max-width:100%}.po-filter-right{flex-wrap:wrap;justify-content:flex-start}.po-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.po-pagination-center{order:2}.po-pagination-left,.po-pagination-right{order:1}.po-table{min-width:700px}.po-th-check,.po-td-check{width:30px;padding-left:10px}.po-td{padding:8px 10px;font-size:12px}.po-th{padding:8px 10px;font-size:11px}.po-td-meta{flex-wrap:wrap;justify-content:flex-end}.po-stat-card{padding:12px}.po-stat-value{font-size:18px}.po-modal{max-width:95vw}.po-modal-body{padding:16px 20px}.po-modal-footer{flex-wrap:wrap}.po-view-grid{grid-template-columns:1fr}.po-btn-cancel,.po-btn-delete,.po-btn-primary{flex:1;justify-content:center}}@media (width<=480px){.po-stats-container{grid-template-columns:1fr}.po-stat-card{padding:12px}.po-stat-value{font-size:16px}.po-stat-icon{width:36px;height:36px;font-size:16px}.po-filter-right{flex-direction:column;width:100%}.po-filter-right>*{width:100%}.po-btn-primary{justify-content:center}.po-pagination{padding:8px 0 0}.po-pagination-center{flex-wrap:wrap;justify-content:center}.po-modal{border-radius:12px;max-width:98vw}.po-modal-body{padding:14px 16px}.po-modal-title{font-size:14px}.po-modal-header{padding:14px 16px}.po-modal-footer{flex-direction:column-reverse;gap:8px}.po-modal-footer button{width:100%}}.po-api-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;font-size:13px;display:flex}.po-page{background:var(--layout-bg,#f5f7fb);height:100%;color:var(--text-primary,#1f2433);border-radius:8px;flex-direction:column;gap:16px;padding:20px;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden auto}.po-breadcrumb{align-items:center;gap:8px;font-size:14px;display:flex}.po-breadcrumb__home{background:linear-gradient(135deg, var(--primary-color,#4f46e5), #818cf8);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:box-shadow .15s,transform .1s;display:inline-flex}.po-breadcrumb__home:hover{box-shadow:0 2px 8px #4f46e54d}.po-breadcrumb__home:active{transform:translateY(1px)}.po-breadcrumb__crumb{color:var(--text-secondary,#8b92a5)}.po-breadcrumb__crumb--active{color:var(--text-primary,#1f2433);font-weight:600}.po-breadcrumb__sep{color:var(--text-secondary,#9ca3af)}.po-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.po-icon-btn:hover{border-color:var(--tone,var(--border-color));color:var(--tone,var(--text-primary));background:var(--tint,var(--layout-bg))}.po-icon-btn--teal{--tone:#14b8a6;--tint:#e7faf6}.po-btn-primary:active{transform:translateY(0)}.po-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.po-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.po-table-wrap{background:var(--card-bg,#fff);width:100%;box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow-x:auto}.po-td-id{color:var(--primary-color,#4f46e5);font-size:13px;font-weight:600}.po-received-cell{color:#10b981}.po-balance-cell{color:#f59e0b}.po-api-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.po-api-error span{flex:1}.po-retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:4px 16px;font-size:12px;transition:background .2s}.po-retry-btn:hover{background:#b91c1c}.dark-theme .po-breadcrumb__crumb{color:var(--text-secondary,#94a3b8)}.dark-theme .po-breadcrumb__crumb--active{color:var(--text-primary,#f8fafc)}.dark-theme .po-filter-btn,.dark-theme .po-sort-btn,.dark-theme .po-filter-select,.dark-theme .po-page-btn,.dark-theme .po-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .po-filter-btn:hover,.dark-theme .po-sort-btn:hover,.dark-theme .po-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .po-modal-header,.dark-theme .po-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .po-api-error{color:#f87171;background:#dc262626;border-color:#dc26264d}.dark-theme .po-retry-btn{color:#fff;background:#dc2626}.dark-theme .po-retry-btn:hover{background:#b91c1c}@media (width<=1024px){.po-view-grid{grid-template-columns:1fr}}@media (width<=768px){.po-page{gap:12px;padding:12px}.po-filter-bar{flex-direction:column;align-items:stretch}.po-filter-left{width:100%}.po-search-wrapper{max-width:100%}.po-filter-right{flex-wrap:wrap;justify-content:flex-start}.po-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.po-pagination-center{order:2}.po-pagination-left,.po-pagination-right{order:1}.po-table{min-width:700px}.po-td{padding:8px 10px;font-size:12px}.po-th{padding:8px 10px;font-size:11px}.po-td-meta{flex-wrap:wrap;justify-content:flex-end}.po-modal{max-width:95vw}.po-modal-body{padding:16px 20px}.po-modal-footer{flex-wrap:wrap}.po-btn-cancel,.po-btn-delete,.po-btn-primary{flex:1;justify-content:center}}@media (width<=480px){.po-filter-right{flex-direction:column;width:100%}.po-filter-right>*{width:100%}.po-btn-primary{justify-content:center}.po-pagination{padding:8px 0 0}.po-pagination-center{flex-wrap:wrap;justify-content:center}.po-modal{border-radius:12px;max-width:98vw}.po-modal-body{padding:14px 16px}.po-modal-title{font-size:14px}.po-modal-header{padding:14px 16px}.po-modal-footer{flex-direction:column-reverse;gap:8px}.po-modal-footer button{width:100%}.po-view-grid{grid-template-columns:1fr}}.inv-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.inv-page::-webkit-scrollbar{width:6px}.inv-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.inv-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.inv-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.inv-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.inv-header-left{align-items:center;gap:10px;display:flex}.inv-title{color:var(--text-primary,#1f2433);margin:0;font-size:20px;font-weight:600}.inv-badge{color:var(--text-secondary,#6b7280);background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1px 10px;font-size:11px;font-weight:500}.inv-header-actions{align-items:center;gap:6px;display:flex}.inv-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.inv-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.inv-stat-icon{color:#fff;background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.inv-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.inv-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.inv-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.inv-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.inv-search-wrapper{flex:1;max-width:400px;position:relative}.inv-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.inv-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.inv-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.inv-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.inv-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.inv-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inv-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.inv-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.inv-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.inv-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.inv-filter-btn.active{border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1);background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.inv-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.inv-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.inv-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.inv-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.inv-active-filters span{color:var(--text-primary,#111827)}.inv-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.inv-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.inv-expandable-filters{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:16px;padding:12px 16px;animation:.2s invSlideDown;display:flex}@keyframes invSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inv-filter-group{flex-direction:column;gap:4px;display:flex}.inv-filter-group label{color:var(--text-secondary,#6b7280);font-size:11px;font-weight:500}.inv-filter-group select{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);color:var(--text-primary,#374151);border-radius:6px;outline:none;height:30px;padding:4px 10px;font-size:12px}.inv-filter-group select:focus{border-color:var(--primary-color,#6366f1)}.inv-apply-filters{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;height:30px;padding:4px 16px;font-size:12px;font-weight:500;transition:all .15s}.inv-apply-filters:hover{background:var(--primary-hover,#4f46e5)}.inv-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.inv-table-wrap::-webkit-scrollbar{height:6px}.inv-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.inv-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.inv-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.inv-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.inv-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.inv-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.inv-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.inv-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.inv-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.inv-tr{cursor:default;transition:background .15s}.inv-tr-selected{background:var(--nav-active,#f0f7ff)}.inv-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.inv-tr+.inv-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.inv-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.inv-td-id{color:var(--primary-color,#6366f1);font-weight:600}.inv-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.inv-balance-overdue{color:#ef4444;font-weight:600}.inv-status-badge{border-radius:99px;align-items:center;gap:4px;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.inv-status-draft{color:#6b7280;background:#f3f4f6}.inv-status-submitted{color:#1e40af;background:#dbeafe}.inv-status-partial{color:#92400e;background:#fef3c7}.inv-status-paid{color:#065f46;background:#d1fae5}.inv-status-overdue{color:#991b1b;background:#fee2e2}.inv-status-cancelled{color:#6b7280;background:#f3f4f6}.inv-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.inv-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.inv-action-buttons{align-items:center;gap:4px;display:flex}.inv-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.inv-action-view{color:var(--primary-color,#6366f1)}.inv-action-view:hover{background:#6366f11a}.inv-action-edit{color:#f59e0b}.inv-action-edit:hover{background:#f59e0b1a}.inv-action-copy{color:#8b5cf6}.inv-action-copy:hover{background:#8b5cf61a}.inv-action-delete{color:var(--danger-color,#ef4444)}.inv-action-delete:hover{background:#ef44441a}.inv-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.inv-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.inv-empty-content svg{color:var(--text-secondary,#9ca3af)}.inv-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.inv-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.inv-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.inv-pagination-left,.inv-pagination-right{align-items:center;gap:8px;display:flex}.inv-pagination-center{align-items:center;gap:4px;display:flex}.inv-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.inv-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.inv-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.inv-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.inv-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.inv-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.inv-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.inv-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out invFadeIn;display:flex;position:fixed;inset:0}@keyframes invFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.inv-modal{background:var(--card-bg,#fff);width:100%;max-width:700px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.inv-modal-delete{max-width:450px}.inv-modal-view{max-width:700px}.inv-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.inv-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.inv-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.inv-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.inv-modal-body::-webkit-scrollbar{width:6px}.inv-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.inv-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.inv-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.inv-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.inv-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.inv-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.inv-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.inv-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.inv-btn-delete:hover:not(:disabled){background:#dc2626}.inv-btn-delete:disabled{opacity:.6;cursor:not-allowed}@keyframes invSpin{to{transform:rotate(360deg)}}.inv-view-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.inv-view-section{background:var(--layout-bg,#f8f9fa);border-radius:8px;padding:12px}.inv-view-section.full-width{grid-column:1/-1}.inv-view-section h4{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:600}.inv-view-row{padding:3px 0;font-size:13px;display:flex}.inv-view-row label{color:var(--text-secondary,#6b7280);min-width:110px;font-weight:500}.inv-view-row span{color:var(--text-primary,#1f2433)}.inv-amount-cell{color:var(--text-primary,#1f2433);font-weight:600}.inv-paid-cell{color:#10b981;font-weight:500}.inv-balance-cell{color:#f59e0b;font-weight:600}.dark-theme .inv-page{background:var(--layout-bg,#0f172a)}.dark-theme .inv-title{color:var(--text-primary,#f8fafc)}.dark-theme .inv-badge{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .inv-filter-btn,.dark-theme .inv-filter-select,.dark-theme .inv-page-btn,.dark-theme .inv-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .inv-filter-btn:hover,.dark-theme .inv-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .inv-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .inv-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .inv-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .inv-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .inv-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .inv-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .inv-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .inv-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .inv-modal-header,.dark-theme .inv-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .inv-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .inv-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .inv-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .inv-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .inv-status-draft{color:#9ca3af;background:#6b728033}.dark-theme .inv-status-submitted{color:#60a5fa;background:#3b82f633}.dark-theme .inv-status-partial{color:#fbbf24;background:#fbbf2433}.dark-theme .inv-status-paid{color:#34d399;background:#10b98133}.dark-theme .inv-status-overdue{color:#f87171;background:#ef444433}.dark-theme .inv-status-cancelled{color:#9ca3af;background:#6b728033}.dark-theme .inv-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .inv-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .inv-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .inv-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .inv-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .inv-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .inv-view-section{background:var(--layout-bg,#0f172a)}.dark-theme .inv-view-row span{color:var(--text-primary,#f8fafc)}.dark-theme .inv-expandable-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .inv-filter-group select{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .inv-filter-group label{color:var(--text-primary,#e2e8f0)}.dark-theme .inv-filter-btn.active{border-color:var(--primary-color,#818cf8);color:var(--primary-color,#818cf8);background:#6366f126}.dark-theme .inv-td{color:var(--text-primary,#f8fafc)}.dark-theme .inv-td-id{color:var(--primary-color,#818cf8)}.dark-theme .inv-ago{color:var(--text-secondary,#94a3b8)}.dark-theme .inv-dot{color:var(--text-secondary,#475569)}.dark-theme .inv-balance-overdue{color:#f87171}.dark-theme .inv-stat-title{color:#ffffffe6}.dark-theme .inv-stat-value{color:#fff}@media (width<=1024px){.inv-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.inv-page{gap:12px;padding:12px}.inv-stats-container{grid-template-columns:1fr 1fr;gap:12px}.inv-filter-bar{flex-direction:column;align-items:stretch}.inv-filter-left{width:100%}.inv-search-wrapper{max-width:100%}.inv-filter-right{flex-wrap:wrap;justify-content:flex-start}.inv-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.inv-pagination-center{order:2}.inv-pagination-left,.inv-pagination-right{order:1}.inv-table{min-width:700px}.inv-th-check,.inv-td-check{width:30px;padding-left:10px}.inv-td{padding:8px 10px;font-size:12px}.inv-th{padding:8px 10px;font-size:11px}.inv-td-meta{flex-wrap:wrap;justify-content:flex-end}.inv-stat-card{padding:12px}.inv-stat-value{font-size:18px}.inv-modal{max-width:95vw}.inv-modal-body{padding:16px 20px}.inv-modal-footer{flex-wrap:wrap}.inv-view-grid{grid-template-columns:1fr}.inv-btn-cancel,.inv-btn-delete,.inv-btn-primary{flex:1;justify-content:center}}@media (width<=480px){.inv-stats-container{grid-template-columns:1fr}.inv-stat-card{padding:12px}.inv-stat-value{font-size:16px}.inv-stat-icon{width:36px;height:36px;font-size:16px}.inv-filter-right{flex-direction:column;width:100%}.inv-filter-right>*{width:100%}.inv-btn-primary{justify-content:center}.inv-pagination{padding:8px 0 0}.inv-pagination-center{flex-wrap:wrap;justify-content:center}.inv-modal{border-radius:12px;max-width:98vw}.inv-modal-body{padding:14px 16px}.inv-modal-title{font-size:14px}.inv-modal-header{padding:14px 16px}.inv-modal-footer{flex-direction:column-reverse;gap:8px}.inv-modal-footer button{width:100%}}.inv-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.inv-spinning{animation:.8s linear infinite invSpin}.inv-api-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;font-size:13px;display:flex}.inv-api-error span{flex:1}.inv-retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:4px 16px;font-size:12px;transition:background .2s}.inv-retry-btn:hover{background:#b91c1c}.dark-theme .inv-api-error{color:#f87171;background:#dc262626;border-color:#dc26264d}.dark-theme .inv-retry-btn{color:#fff;background:#dc2626}.dark-theme .inv-retry-btn:hover{background:#b91c1c}.po-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.po-page::-webkit-scrollbar{width:6px}.po-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.po-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.po-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.po-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.po-header-left{align-items:center;gap:10px;display:flex}.po-title{color:var(--text-primary,#1f2433);margin:0;font-size:20px;font-weight:600}.po-badge{color:var(--text-secondary,#6b7280);background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1px 10px;font-size:11px;font-weight:500}.po-header-actions{align-items:center;gap:6px;display:flex}.po-icon-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);width:34px;height:34px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.po-icon-btn:hover{background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.po-icon-btn--teal:hover{color:#14b8a6;border-color:#14b8a6}.po-tabs{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;gap:4px;padding:4px;display:flex;overflow-x:auto}.po-tabs::-webkit-scrollbar{height:0}.po-tab{color:var(--text-secondary,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.po-tab:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#374151)}.po-tab--active{background:var(--primary-color,#6366f1);color:#fff;box-shadow:0 2px 8px #6366f140}.po-tab--active:hover{background:var(--primary-hover,#4f46e5)}.po-tab-count{min-width:18px;height:18px;color:inherit;background:#fff3;border-radius:99px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}.po-tab--active .po-tab-count{background:#ffffff40}.po-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.po-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.po-stat-icon{color:#fff;background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.po-stat-content{flex:1;min-width:0}.po-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.po-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.po-error-banner{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.po-error-banner span{flex:1}.po-error-close{cursor:pointer;color:#dc2626;background:0 0;border:none;align-items:center;padding:4px;transition:opacity .15s;display:flex}.po-error-close:hover{opacity:.7}.po-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.po-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.po-search-wrapper{flex:1;max-width:400px;position:relative}.po-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.po-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.po-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.po-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.po-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.po-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.po-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.po-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.po-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.po-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.po-filter-btn.active{border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1);background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.po-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.po-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.po-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.po-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.po-active-filters span{color:var(--text-primary,#111827)}.po-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.po-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.po-expandable-filters{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:16px;padding:12px 16px;animation:.2s poSlideDown;display:flex}.po-filter-group{flex-direction:column;gap:4px;display:flex}.po-filter-group label{color:var(--text-secondary,#6b7280);font-size:11px;font-weight:500}.po-filter-group select{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);color:var(--text-primary,#374151);border-radius:6px;outline:none;height:30px;padding:4px 10px;font-size:12px}.po-filter-group select:focus{border-color:var(--primary-color,#6366f1)}.po-apply-filters{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;height:30px;padding:4px 16px;font-size:12px;font-weight:500;transition:all .15s}.po-apply-filters:hover{background:var(--primary-hover,#4f46e5)}.po-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.po-table-wrap::-webkit-scrollbar{height:6px}.po-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.po-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.po-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.po-table{border-collapse:collapse;width:100%;min-width:800px;font-size:13px}.po-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.po-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.po-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.po-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.po-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.po-tr{cursor:default;transition:background .15s}.po-tr:hover{background:var(--nav-hover,#f9fafb)}.po-tr-selected{background:var(--nav-active,#f0f7ff)}.po-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.po-tr+.po-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.po-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.po-td-id{color:var(--primary-color,#6366f1);font-weight:600}.po-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.po-supplier{color:var(--text-primary,#374151);align-items:center;display:flex}.po-date{color:var(--text-secondary,#6b7280);align-items:center;font-size:12px;display:flex}.po-amount{color:var(--text-primary,#1f2433);font-weight:500}.po-status-badge{border-radius:99px;align-items:center;gap:4px;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.po-status-draft{color:#6b7280;background:#f3f4f6}.po-status-submitted{color:#1e40af;background:#dbeafe}.po-status-partial{color:#92400e;background:#fef3c7}.po-status-completed{color:#065f46;background:#d1fae5}.po-status-cancelled{color:#991b1b;background:#fee2e2}.po-status-closed{color:#3730a3;background:#e0e7ff}.po-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.po-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.po-action-buttons{align-items:center;gap:4px;display:flex}.po-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.po-action-view{color:var(--primary-color,#6366f1)}.po-action-view:hover{background:#6366f11a}.po-action-edit{color:#f59e0b}.po-action-edit:hover{background:#f59e0b1a}.po-action-delete{color:var(--danger-color,#ef4444)}.po-action-delete:hover{background:#ef44441a}.po-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.po-empty-state{text-align:center;padding:60px 20px}.po-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.po-empty-content svg{color:var(--text-secondary,#9ca3af)}.po-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.po-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.po-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.po-pagination-left,.po-pagination-right{align-items:center;gap:8px;display:flex}.po-pagination-center{align-items:center;gap:4px;display:flex}.po-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.po-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.po-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.po-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.po-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.po-page-btn:disabled{opacity:.5;cursor:not-allowed}.po-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.po-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.po-page-ellipsis{color:var(--text-secondary,#9ca3af);padding:0 4px;font-size:13px}.po-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.po-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.po-spinning{animation:.8s linear infinite poSpin}.po-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out poFadeIn;display:flex;position:fixed;inset:0}.po-modal{background:var(--card-bg,#fff);width:100%;max-width:700px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.po-modal-delete{max-width:450px}.po-modal-view{max-width:700px}.po-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.po-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.po-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.po-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.po-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.po-modal-body::-webkit-scrollbar{width:6px}.po-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.po-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.po-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.po-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.po-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.po-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.po-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.po-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.po-btn-delete:hover:not(:disabled){background:#dc2626}.po-btn-delete:disabled{opacity:.6;cursor:not-allowed}.po-view-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.po-view-section{background:var(--layout-bg,#f8f9fa);border-radius:8px;padding:12px}.po-view-section.full-width{grid-column:1/-1}.po-view-section h4{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:600}.po-view-row{padding:3px 0;font-size:13px;display:flex}.po-view-row label{color:var(--text-secondary,#6b7280);min-width:110px;font-weight:500}.po-view-row span{color:var(--text-primary,#1f2433)}.po-received-cell{color:#10b981;font-weight:500}.po-balance-cell{color:#f59e0b;font-weight:600}.dark-theme .po-page{background:var(--layout-bg,#0f172a)}.dark-theme .po-title{color:var(--text-primary,#f8fafc)}.dark-theme .po-badge{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .po-tabs{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .po-tab{color:var(--text-secondary,#94a3b8)}.dark-theme .po-tab:hover{background:var(--nav-hover,#ffffff0d);color:var(--text-primary,#f8fafc)}.dark-theme .po-tab--active{background:var(--primary-color,#3b82f6);color:#fff}.dark-theme .po-filter-btn,.dark-theme .po-filter-select,.dark-theme .po-page-btn,.dark-theme .po-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .po-filter-btn:hover,.dark-theme .po-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .po-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .po-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .po-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .po-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .po-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .po-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .po-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .po-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .po-modal-header,.dark-theme .po-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .po-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .po-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .po-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .po-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .po-status-draft{color:#9ca3af;background:#6b728033}.dark-theme .po-status-submitted{color:#60a5fa;background:#3b82f633}.dark-theme .po-status-partial{color:#fbbf24;background:#fbbf2433}.dark-theme .po-status-completed{color:#34d399;background:#10b98133}.dark-theme .po-status-cancelled{color:#f87171;background:#ef444433}.dark-theme .po-status-closed{color:#818cf8;background:#6366f133}.dark-theme .po-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .po-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .po-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .po-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .po-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .po-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .po-view-section{background:var(--layout-bg,#0f172a)}.dark-theme .po-view-row span{color:var(--text-primary,#f8fafc)}.dark-theme .po-expandable-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .po-filter-group select{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .po-filter-group label{color:var(--text-primary,#e2e8f0)}.dark-theme .po-filter-btn.active{border-color:var(--primary-color,#818cf8);color:var(--primary-color,#818cf8);background:#6366f126}.dark-theme .po-td{color:var(--text-primary,#f8fafc)}.dark-theme .po-td-id{color:var(--primary-color,#818cf8)}.dark-theme .po-ago{color:var(--text-secondary,#94a3b8)}.dark-theme .po-dot{color:var(--text-secondary,#475569)}.dark-theme .po-amount,.dark-theme .po-supplier{color:var(--text-primary,#f8fafc)}.dark-theme .po-date{color:var(--text-secondary,#94a3b8)}.dark-theme .po-stat-title{color:#ffffffe6}.dark-theme .po-stat-value{color:#fff}.dark-theme .po-error-banner{color:#f87171;background:#dc262626;border-color:#dc26264d}.dark-theme .po-error-close{color:#f87171}@media (width<=1024px){.po-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.po-page{gap:12px;padding:12px}.po-stats-container{grid-template-columns:1fr 1fr;gap:12px}.po-filter-bar{flex-direction:column;align-items:stretch}.po-filter-left{width:100%}.po-search-wrapper{max-width:100%}.po-filter-right{flex-wrap:wrap;justify-content:flex-start}.po-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.po-pagination-center{order:2}.po-pagination-left,.po-pagination-right{order:1}.po-table{min-width:700px}.po-th-check,.po-td-check{width:30px;padding-left:10px}.po-td{padding:8px 10px;font-size:12px}.po-th{padding:8px 10px;font-size:11px}.po-td-meta{flex-wrap:wrap;justify-content:flex-end}.po-stat-card{padding:12px}.po-stat-value{font-size:18px}.po-modal{max-width:95vw}.po-modal-body{padding:16px 20px}.po-modal-footer{flex-wrap:wrap}.po-view-grid{grid-template-columns:1fr}.po-btn-cancel,.po-btn-delete,.po-btn-primary{flex:1;justify-content:center}.po-tabs{flex-wrap:nowrap;gap:2px;padding:4px;overflow-x:auto}.po-tab{flex-shrink:0;padding:6px 12px;font-size:12px}}@media (width<=480px){.po-stats-container{grid-template-columns:1fr}.po-stat-card{padding:12px}.po-stat-value{font-size:16px}.po-stat-icon{width:36px;height:36px;font-size:16px}.po-filter-right{flex-direction:column;width:100%}.po-filter-right>*{width:100%}.po-btn-primary{justify-content:center}.po-pagination{padding:8px 0 0}.po-pagination-center{flex-wrap:wrap;justify-content:center}.po-modal{border-radius:12px;max-width:98vw}.po-modal-body{padding:14px 16px}.po-modal-title{font-size:14px}.po-modal-header{padding:14px 16px}.po-modal-footer{flex-direction:column-reverse;gap:8px}.po-modal-footer button{width:100%}}.accounts-page{background:var(--bg-primary,#f8fafc);min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.accounts-header{background:var(--bg-white,#fff);border-radius:12px;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000f}.header-left{flex-direction:column;gap:4px;display:flex}.page-title{color:var(--text-primary,#1e293b);align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700;display:flex}.title-icon{color:var(--primary-color,#2c7a8a)}.page-subtitle{color:var(--text-secondary,#64748b);margin:0;font-size:14px}.header-right{align-items:center;gap:12px;display:flex}.btn-primary{background:var(--primary-color,#2c7a8a);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-dark,#1f5f6b);transform:translateY(-1px);box-shadow:0 4px 12px #2c7a8a4d}.btn-secondary{background:var(--bg-white,#fff);color:var(--text-secondary,#64748b);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-hover,#f1f5f9);border-color:var(--primary-color,#2c7a8a);color:var(--primary-color,#2c7a8a)}.stats-bar{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-item{background:var(--bg-white,#fff);border-radius:10px;flex-direction:column;gap:4px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.stat-label{color:var(--text-secondary,#64748b);font-size:13px;font-weight:500}.stat-value{color:var(--text-primary,#1e293b);font-size:22px;font-weight:700}.stat-value.text-green{color:#10b981}.stat-value.text-red{color:#ef4444}.accounts-toolbar{background:var(--bg-white,#fff);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:16px;display:flex}.search-box{flex:1;min-width:280px;position:relative}.search-icon{color:var(--text-muted,#94a3b8);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-input,#f8fafc);width:100%;color:var(--text-primary,#1e293b);border-radius:8px;padding:10px 40px;font-size:14px;transition:all .2s}.search-input:focus{border-color:var(--primary-color,#2c7a8a);background:var(--bg-white,#fff);outline:none;box-shadow:0 0 0 3px #2c7a8a1a}.clear-search{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search:hover{color:var(--text-primary,#1e293b)}.filter-group{align-items:center;gap:8px;display:flex}.filter-select{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-input,#f8fafc);color:var(--text-primary,#1e293b);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%2364748b'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;padding:10px 36px 10px 14px;font-size:14px}.filter-select:focus{border-color:var(--primary-color,#2c7a8a);outline:none}.filter-btn{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-white,#fff);color:var(--text-secondary,#64748b);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-size:14px;transition:all .2s;display:inline-flex}.filter-btn:hover{background:var(--bg-hover,#f1f5f9);border-color:var(--primary-color,#2c7a8a);color:var(--primary-color,#2c7a8a)}.toolbar-right{align-items:center;display:flex}.view-toggle{background:var(--bg-secondary,#f1f5f9);border-radius:8px;gap:4px;padding:4px;display:flex}.view-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.view-btn:hover{color:var(--text-secondary,#64748b)}.view-btn.active{background:var(--bg-white,#fff);color:var(--primary-color,#2c7a8a);box-shadow:0 1px 3px #0000001a}.accounts-content{gap:24px;display:flex}.accounts-main{flex:1;min-width:0}.accounts-tree{background:var(--bg-white,#fff);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.group-section{border-bottom:1px solid var(--border-color,#e2e8f0)}.group-section:last-child{border-bottom:none}.group-header{cursor:pointer;border-left:4px solid #0000;justify-content:space-between;align-items:center;padding:14px 20px;transition:all .2s;display:flex}.group-header:hover{background:var(--bg-hover,#f8fafc)}.group-header-left{align-items:center;gap:12px;display:flex}.group-icon{font-size:18px}.group-name{color:var(--text-primary,#1e293b);font-size:15px;font-weight:600}.group-count{color:var(--text-muted,#94a3b8);font-size:13px;font-weight:400}.group-header-right{align-items:center;gap:16px;display:flex}.group-total{color:var(--text-primary,#1e293b);font-size:15px;font-weight:600}.group-toggle{color:var(--text-muted,#94a3b8);font-size:12px}.group-content{padding:4px 0}.account-item-wrapper{border-bottom:1px solid var(--border-light,#f1f5f9)}.account-item-wrapper:last-child{border-bottom:none}.account-item{cursor:pointer;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:12px 20px;transition:all .15s;display:flex}.account-item:hover{background:var(--bg-hover,#f8fafc)}.account-item.selected{background:var(--bg-selected,#f0f9ff);border-left-color:var(--primary-color,#2c7a8a)}.account-item-left{flex:1;align-items:center;gap:12px;display:flex}.account-icon{color:var(--text-muted,#94a3b8);text-align:center;width:20px;font-size:14px}.account-info{flex:1;align-items:center;gap:16px;display:flex}.account-name{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.account-code{color:var(--text-muted,#94a3b8);background:var(--bg-secondary,#f1f5f9);border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:12px}.account-type{color:var(--text-muted,#94a3b8);background:var(--bg-secondary,#f1f5f9);border-radius:12px;padding:2px 10px;font-size:12px}.account-item-right{align-items:center;gap:16px;display:flex}.account-balance{color:var(--text-primary,#1e293b);text-align:right;min-width:100px;font-size:14px;font-weight:600}.account-children{padding-left:20px}.status-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.active{color:#10b981;background:#ecfdf5}.status-badge.inactive{color:#ef4444;background:#fef2f2}.account-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.account-item:hover .account-actions{opacity:1}.action-btn{width:32px;height:32px;color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-hover,#f1f5f9);color:var(--text-primary,#1e293b)}.action-btn-small{width:28px;height:28px;color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:inline-flex}.action-btn-small:hover{background:var(--bg-hover,#f1f5f9);color:var(--text-primary,#1e293b)}.accounts-list-view{background:var(--bg-white,#fff);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.accounts-table{border-collapse:collapse;width:100%}.accounts-table thead{background:var(--bg-secondary,#f8fafc)}.accounts-table th{text-align:left;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color,#e2e8f0);padding:12px 16px;font-size:12px;font-weight:600}.accounts-table td{color:var(--text-primary,#1e293b);border-bottom:1px solid var(--border-light,#f1f5f9);padding:12px 16px;font-size:14px}.accounts-table tbody tr{cursor:pointer;transition:background .15s}.accounts-table tbody tr:hover{background:var(--bg-hover,#f8fafc)}.accounts-table tbody tr.selected{background:var(--bg-selected,#f0f9ff)}.code-cell{color:var(--text-muted,#94a3b8);font-family:Courier New,monospace;font-size:13px}.name-cell{font-weight:500}.balance-cell{font-weight:600}.type-badge{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary,#64748b);border-radius:12px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.type-icon{font-size:12px}.type-icon.asset{color:#10b981}.type-icon.liability{color:#ef4444}.type-icon.equity{color:#6366f1}.type-icon.income{color:#f59e0b}.type-icon.expense{color:#8b5cf6}.table-actions{gap:4px;display:flex}.accounts-summary-view{background:var(--bg-white,#fff);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.summary-card{background:var(--bg-white,#fff);border-top:4px solid;border-radius:8px;padding:20px;transition:all .2s;box-shadow:0 1px 3px #0000000f}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.summary-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.summary-icon{font-size:20px}.summary-name{color:var(--text-primary,#1e293b);flex:1;font-size:16px;font-weight:600}.summary-count{color:var(--text-muted,#94a3b8);background:var(--bg-secondary,#f1f5f9);border-radius:12px;padding:2px 10px;font-size:12px}.summary-amount{color:var(--text-primary,#1e293b);margin-bottom:16px;font-size:24px;font-weight:700}.summary-breakdown{border-top:1px solid var(--border-light,#f1f5f9);padding-top:12px}.summary-item{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.summary-item-name{color:var(--text-secondary,#64748b)}.summary-item-amount{color:var(--text-primary,#1e293b);font-weight:500}.accounts-sidebar{background:var(--bg-white,#fff);border-radius:12px;flex-direction:column;width:340px;max-height:calc(100vh - 320px);padding:0;display:flex;position:sticky;top:24px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.sidebar-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar-header h3{color:var(--text-primary,#1e293b);margin:0;font-size:16px;font-weight:600}.close-sidebar{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px}.close-sidebar:hover{color:var(--text-primary,#1e293b)}.sidebar-content{flex:1;padding:20px;overflow-y:auto}.detail-field{margin-bottom:16px}.detail-field label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.detail-value{color:var(--text-primary,#1e293b);font-size:14px;display:block}.detail-value.balance-large{color:var(--primary-color,#2c7a8a);font-size:24px;font-weight:700}.sidebar-actions{border-top:1px solid var(--border-color,#e2e8f0);flex-direction:column;gap:8px;margin-top:20px;padding-top:16px;display:flex}.full-width{justify-content:center;width:100%}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-white,#fff);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--text-primary,#1e293b);margin:0;font-size:20px;font-weight:700}.modal-close{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:28px}.modal-close:hover{color:var(--text-primary,#1e293b)}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary,#64748b);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group label .required{color:#ef4444}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color,#e2e8f0);width:100%;color:var(--text-primary,#1e293b);background:var(--bg-input,#f8fafc);border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color,#2c7a8a);background:var(--bg-white,#fff);outline:none;box-shadow:0 0 0 3px #2c7a8a1a}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}@media (width<=1200px){.accounts-sidebar{width:280px}}@media (width<=992px){.accounts-content{flex-direction:column}.accounts-sidebar{width:100%;max-height:400px;position:relative;top:0}.stats-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.accounts-page{padding:16px}.accounts-header{flex-direction:column;gap:16px}.header-right{flex-wrap:wrap;width:100%}.header-right .btn-primary,.header-right .btn-secondary{flex:1;justify-content:center}.accounts-toolbar,.toolbar-left{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.filter-group{flex-wrap:wrap}.filter-select{flex:1}.toolbar-right{justify-content:center}.stats-bar{grid-template-columns:1fr 1fr}.accounts-table{font-size:13px}.accounts-table th,.accounts-table td{padding:8px 10px}.account-item{flex-wrap:wrap;gap:8px}.account-item-right{justify-content:flex-start;width:100%;padding-left:32px}.account-actions{opacity:1}.summary-cards,.form-row{grid-template-columns:1fr}.modal-content{max-height:95vh;margin:16px}}@media (width<=480px){.stats-bar{grid-template-columns:1fr}.accounts-table{display:block;overflow-x:auto}.header-right .btn-primary,.header-right .btn-secondary{padding:8px 12px;font-size:12px}}.ndc-page{background:var(--layout-bg,#f8fafc);min-height:100vh;padding:0 2rem;font-family:Inter,sans-serif}.ndc-table-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ndc-table-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ndc-table-input[type=number]{appearance:textfield}.ndc-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:.5rem;display:flex}.ndc-header-left{align-items:center;gap:10px;display:flex}.ndc-header-right{align-items:center;display:flex}.ndc-back-btn{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);cursor:pointer;border-radius:30px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.ndc-back-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#2563eb);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 12%, transparent)}.ndc-header-divider{background:var(--border-color,#e2e8f0);width:1px;height:20px}.ndc-header-title{color:var(--text-primary,#0f172a);margin:0;font-size:18px;font-weight:700}.ndc-checkbox-label{color:var(--text-primary,#0f172a);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.ndc-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color,#2563eb)}.ndc-main-box{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:0 1px 4px var(--shadow-color,#0000000f);border-radius:14px;margin-bottom:1.5rem;padding:14px 24px}.ndc-invoice-type-section{border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.ndc-invoice-type-section .ndc-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:600;margin-bottom:0!important}.ndc-radio-group{background:var(--layout-bg,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:6px;flex-shrink:0;gap:3px;width:auto;max-width:260px;padding:2px;display:inline-flex}.ndc-radio-label{color:var(--text-secondary,#64748b);cursor:pointer;white-space:nowrap;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:4px;min-height:22px;padding:3px 10px;font-size:10px;font-weight:600;transition:background .18s,color .18s;display:flex}.ndc-radio-label:hover{background:color-mix(in srgb, var(--primary-color,#2563eb) 8%, var(--card-bg,#fff));color:var(--primary-color,#2563eb)}.ndc-radio-label input[type=radio]{accent-color:var(--primary-color,#2563eb);cursor:pointer;width:11px;height:11px;margin:0}.ndc-radio-label:has(input:checked){background:var(--primary-color,#2563eb);color:#fff;box-shadow:0 1px 2px #2563eb33}.ndc-compact-layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;margin-top:0;display:grid}@media (width<=1200px){.ndc-compact-layout{grid-template-columns:1fr;gap:16px}.ndc-right-column{order:-1}}.ndc-left-column{flex-direction:column;gap:0;display:flex}.ndc-right-column{flex-direction:column;align-self:flex-start;gap:14px;display:flex;position:sticky;top:1rem}.ndc-field-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0;display:grid}.ndc-field-half{flex-direction:column;display:flex}@media (width<=768px){.ndc-field-row{grid-template-columns:1fr}}.ndc-field-full{width:100%;margin-bottom:0}.ndc-field-full-width{width:100%}.ndc-field-full-width .ndc-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;font-size:11px;font-weight:600;display:block}.ndc-section-header{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:8px;margin-bottom:.25rem;padding-bottom:.5rem;font-size:11px;font-weight:600;display:flex}.ndc-section-icon{color:var(--primary-color,#2563eb);font-size:13px}.ndc-grid-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;display:grid}@media (width<=768px){.ndc-grid-4{grid-template-columns:1fr 1fr;gap:12px}}@media (width<=480px){.ndc-grid-4{grid-template-columns:1fr;gap:12px}}.ndc-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;font-size:11px;font-weight:600;display:block}.ndc-required{color:var(--danger-color,#ef4444)}.ndc-input,.ndc-select{border:1.5px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);box-sizing:border-box;border-radius:10px;min-height:32px;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.ndc-input:hover,.ndc-select:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.ndc-input:focus,.ndc-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg));outline:none}.ndc-input-error,.ndc-select-error{border-color:var(--danger-color,#ef4444)}.ndc-input-error:focus,.ndc-select-error:focus{border-color:var(--danger-color,#ef4444);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger-color) 12%, transparent)}.ndc-error-text{color:var(--danger-color,#ef4444);margin-top:2px;font-size:11px;display:block}.ndc-loading-text{color:var(--primary-color,#2563eb);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.ndc-textarea{border:1.5px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);resize:vertical;border-radius:10px;min-height:60px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.ndc-textarea-large{min-height:50px}.ndc-textarea:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);outline:none}.ndc-date-field{align-items:center;display:flex;position:relative}.ndc-date-field input[type=date]{padding-right:32px}.ndc-date-field input[type=date]::-webkit-calendar-picker-indicator{display:none}.ndc-date-icon-btn{width:20px;height:20px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:8px}.ndc-dc-number-display{border:1.5px solid var(--border-color,#e2e8f0);background:var(--layout-bg,#f8fafc);width:100%;color:var(--text-primary,#0f172a);box-sizing:border-box;cursor:default;border-radius:10px;align-items:center;min-height:32px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.ndc-detail-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow:hidden}.ndc-empty-card{opacity:.7}.ndc-card-header{background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:600;display:flex}.ndc-card-content{padding:12px 14px}.ndc-card-content h3{color:var(--text-primary,#0f172a);margin:0 0 10px;font-size:14px;font-weight:600}.ndc-card-info{flex-direction:column;gap:6px;display:flex}.ndc-info-item{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;display:flex}.ndc-info-item:last-child{border-bottom:none}.ndc-info-label{color:var(--text-secondary,#64748b);font-size:10px;font-weight:500}.ndc-info-value{color:var(--text-primary,#0f172a);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.ndc-empty-state{color:var(--text-secondary,#64748b);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.ndc-empty-state p{margin:0;font-size:12px}.ndc-items-full{width:100%;margin:1rem 0 0}.ndc-items-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:0;margin-bottom:1rem;display:flex}.ndc-items-title{color:var(--text-primary,#0f172a);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.ndc-items-icon{color:var(--primary-color,#2563eb);font-size:13px}.ndc-add-btn{background:var(--primary-color,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .2s,transform .1s;display:flex}.ndc-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 85%, #000);transform:translateY(-1px)}.ndc-items-error{background:color-mix(in srgb, var(--danger-color) 15%, transparent);border:1px solid var(--danger-color,#ef4444);color:var(--danger-color,#ef4444);border-radius:8px;align-items:center;gap:8px;margin-bottom:1rem;padding:8px 12px;font-size:12px;display:flex}.ndc-table-wrap{border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow-x:auto}.ndc-items-table{border-collapse:collapse;width:100%;font-size:12px}.ndc-items-table th{text-transform:uppercase;color:var(--text-secondary,#64748b);white-space:nowrap;background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);text-align:left;padding:8px 10px;font-size:10px;font-weight:600}.ndc-items-table td{vertical-align:middle;border-bottom:1px solid var(--border-color,#f1f5f9);padding:6px 8px}.ndc-items-table tbody tr:hover{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.ndc-col-sno{text-align:center;width:3%}.ndc-col-code{width:12%}.ndc-col-code .ndc-table-input{text-align:left}.ndc-col-name{width:14%}.ndc-col-name .ndc-table-input{text-align:left}.ndc-col-hsn{width:8%}.ndc-col-hsn .ndc-table-input{text-align:left}.ndc-col-qty{text-align:center;width:8%}.ndc-col-unit{text-align:center;width:6%}.ndc-col-unit .ndc-table-input{text-align:left}.ndc-col-rate{text-align:right;width:8%}.ndc-col-tax{text-align:center;width:7%}.ndc-col-tax .ndc-table-input{text-align:left}.ndc-col-tax-amount{text-align:right;width:9%}.ndc-col-amount{text-align:right;width:10%}.ndc-col-action{text-align:center;width:4%}.ndc-table-input{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);text-align:right;box-sizing:border-box;border-radius:4px;min-height:28px;padding:4px 6px;font-family:inherit;font-size:12px}.ndc-table-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 15%, transparent);outline:none}.ndc-table-input:disabled{background:var(--layout-bg,#f8fafc);color:var(--text-secondary,#94a3b8);cursor:not-allowed}.ndc-table-input-text{text-align:left}.ndc-table-value{color:var(--text-primary,#0f172a);white-space:nowrap;text-align:right;min-width:60px;padding:4px 6px;font-weight:600;display:inline-block}.ndc-remove-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;transition:all .15s}.ndc-remove-btn:hover{color:var(--danger-color,#ef4444);background:color-mix(in srgb, var(--danger-color) 8%, transparent)}.ndc-stock-indicator{white-space:nowrap;border-radius:8px;align-items:center;gap:2px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-flex}.ndc-stock-indicator.ndc-stock-available{color:#059669;background:#ecfdf5}.ndc-stock-indicator.ndc-stock-insufficient{color:#dc2626;background:#fef2f2}.ndc-stock-indicator.ndc-stock-unknown{color:#6b7280;background:#f3f4f6}.ndc-stock-indicator.ndc-stock-checking{color:#3b82f6;background:#eff6ff}.ndc-bottom-section{grid-template-columns:1fr 320px;align-items:start;gap:24px;margin-top:1.5rem;display:grid}.ndc-bottom-left{flex-direction:column;gap:8px;display:flex}.ndc-bottom-right{flex-direction:column;display:flex}@media (width<=1200px){.ndc-bottom-section{grid-template-columns:1fr;gap:16px}}.ndc-shipping-bottom{margin-bottom:0}.ndc-shipping-bottom-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ndc-shipping-bottom-field{flex-direction:column;display:flex}@media (width<=768px){.ndc-shipping-bottom-row{grid-template-columns:1fr;gap:12px}}.ndc-remarks-bottom,.ndc-quality-inspection-bottom{margin-bottom:0}.ndc-checkbox-label-inline{color:var(--text-primary,#0f172a);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 0;font-size:12px;font-weight:500;display:flex}.ndc-quality-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-color,#2563eb)}.ndc-checkbox-text{color:var(--text-primary,#0f172a);font-size:12px;font-weight:500}.ndc-summary-grid{flex-direction:column;gap:0;display:flex}.ndc-summary-item{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.ndc-summary-item:last-of-type{border-bottom:none}.ndc-summary-label{color:var(--text-secondary,#64748b);font-size:11px;font-weight:500}.ndc-summary-value{color:var(--text-primary,#0f172a);font-size:12px;font-weight:600}.ndc-roundoff-wrap{width:auto}.ndc-roundoff-input{border:1px solid var(--border-color,#e2e8f0);background:var(--layout-bg,#f8fafc);width:70px;color:var(--text-primary,#0f172a);text-align:right;border-radius:6px;padding:3px 6px;font-family:inherit;font-size:11px}.ndc-roundoff-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 15%, transparent);outline:none}.ndc-summary-grand{border-top:2px solid var(--primary-color,#2563eb);justify-content:space-between;align-items:center;margin-top:4px;padding:8px 0 2px;display:flex}.ndc-summary-grand-label{color:var(--text-primary,#0f172a);font-size:12px;font-weight:700}.ndc-summary-grand-value{color:var(--primary-color,#2563eb);font-size:13px;font-weight:700}.ndc-form-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:1.5rem;display:flex}.ndc-btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:7px;padding:8px 24px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.ndc-btn:disabled{opacity:.6;cursor:not-allowed}.ndc-btn-print,.ndc-btn-draft,.ndc-btn-cancel{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b)}.ndc-btn-print:hover:not(:disabled),.ndc-btn-draft:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#2563eb);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 12%, transparent)}.ndc-btn-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--danger-color) 6%, var(--card-bg));border-color:color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:var(--danger-color,#ef4444)}.ndc-btn-submit{background:var(--primary-gradient,linear-gradient(135deg, #2563eb 0%, #1e40af 100%));color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent)}.ndc-btn-submit:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.ndc-btn-submit:active:not(:disabled){transform:translateY(0)scale(.97)}.ndc-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;background:#0009;justify-content:center;align-items:center;animation:.25s ease-out ndcFadeIn;display:flex;position:fixed;inset:0}@keyframes ndcFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ndc-modal-container{background:var(--card-bg,#fff);text-align:center;border-radius:20px;width:90%;max-width:460px;padding:40px 48px 32px;animation:.3s ease-out ndcSlideUp;position:relative;box-shadow:0 24px 64px #0003}@keyframes ndcSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.ndc-modal-success-icon{color:#22c55e;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex}.ndc-modal-success-icon svg{font-size:40px}.ndc-modal-title{color:var(--text-primary,#0f172a);margin:0 0 8px;font-size:24px;font-weight:700}.ndc-modal-message{color:var(--text-secondary,#64748b);margin:0 0 24px;font-size:14px;line-height:1.5}.ndc-modal-details{background:var(--layout-bg,#f8fafc);text-align:left;border-radius:12px;margin-bottom:24px;padding:16px 20px}.ndc-modal-detail-item{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.ndc-modal-detail-item:last-child{border-bottom:none}.ndc-modal-detail-label{color:var(--text-secondary,#64748b);font-size:12px;font-weight:500}.ndc-modal-detail-value{color:var(--text-primary,#0f172a);font-size:14px;font-weight:600}.ndc-modal-dn-number{color:var(--primary-color,#2563eb);letter-spacing:.5px;font-size:16px;font-weight:700}.ndc-modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ndc-modal-btn{cursor:pointer;border:none;border-radius:30px;min-width:140px;padding:10px 28px;font-size:13px;font-weight:600;transition:all .2s}.ndc-modal-btn-primary{background:var(--primary-color,#2563eb);color:#fff;box-shadow:0 2px 8px #2563eb4d}.ndc-modal-btn-primary:hover{background:color-mix(in srgb, var(--primary-color) 85%, #000);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.ndc-modal-btn-secondary{background:var(--layout-bg,#f1f5f9);color:var(--text-secondary,#64748b)}.ndc-modal-btn-secondary:hover{background:var(--border-color,#e2e8f0)}.ndc-custom-scroll::-webkit-scrollbar{width:4px;height:4px}.ndc-custom-scroll::-webkit-scrollbar-track{background:var(--border-color,#f1f5f9);border-radius:2px}.ndc-custom-scroll::-webkit-scrollbar-thumb{background:var(--text-secondary,#cbd5e1);border-radius:2px}.ndc-custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary,#94a3b8)}.ndc-custom-scroll{scrollbar-width:thin;scrollbar-color:var(--text-secondary,#cbd5e1) var(--border-color,#f1f5f9)}.ndc-spinning{animation:1s linear infinite ndcSpin}@keyframes ndcSpin{to{transform:rotate(360deg)}}.dark-theme .ndc-main-box{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .ndc-input,.dark-theme .ndc-select,.dark-theme .ndc-textarea{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .ndc-input:hover,.dark-theme .ndc-select:hover{background:color-mix(in srgb, var(--primary-color) 5%, var(--card-bg))}.dark-theme .ndc-detail-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .ndc-card-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .ndc-card-content h3{color:var(--text-primary,#f8fafc)}.dark-theme .ndc-info-item{border-color:var(--border-color,#334155)}.dark-theme .ndc-info-value{color:var(--text-primary,#f8fafc)}.dark-theme .ndc-summary-item{border-color:var(--border-color,#334155)}.dark-theme .ndc-summary-value{color:var(--text-primary,#f8fafc)}.dark-theme .ndc-summary-grand-value{color:var(--primary-color,#60a5fa)}.dark-theme .ndc-roundoff-input{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .ndc-items-table th{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .ndc-items-table td{border-color:var(--border-color,#334155)}.dark-theme .ndc-table-input{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .ndc-table-value{color:var(--text-primary,#f8fafc)}.dark-theme .ndc-btn-print,.dark-theme .ndc-btn-draft,.dark-theme .ndc-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .ndc-btn-print:hover:not(:disabled),.dark-theme .ndc-btn-draft:hover:not(:disabled){background:var(--layout-bg,#ffffff0d);border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#60a5fa)}.dark-theme .ndc-radio-label{color:var(--text-secondary,#94a3b8)}.dark-theme .ndc-radio-label:hover{background:color-mix(in srgb, var(--primary-color,#3b82f6) 15%, var(--card-bg,#1e293b));color:var(--primary-color,#60a5fa)}.dark-theme .ndc-radio-label:has(input:checked){background:var(--primary-color,#3b82f6);color:#fff}.dark-theme .ndc-radio-group{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .ndc-dc-number-display{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .ndc-modal-container{background:var(--card-bg,#1e293b);border:1px solid var(--border-color,#334155)}.dark-theme .ndc-modal-title{color:var(--text-primary,#f8fafc)}.dark-theme .ndc-modal-message{color:var(--text-secondary,#94a3b8)}.dark-theme .ndc-modal-details{background:var(--layout-bg,#0f172a)}.dark-theme .ndc-modal-detail-item{border-color:var(--border-color,#334155)}.dark-theme .ndc-modal-detail-value{color:var(--text-primary,#f8fafc)}.dark-theme .ndc-modal-dn-number{color:var(--primary-color,#60a5fa)}.dark-theme .ndc-modal-btn-secondary{background:var(--layout-bg,#1e293b);color:var(--text-secondary,#94a3b8);border:1px solid var(--border-color,#334155)}.dark-theme .ndc-modal-success-icon{background:#22c55e26}@media (width<=1024px){.ndc-page{padding:1rem 1.5rem}.ndc-main-box{padding:1rem}}@media (width<=768px){.ndc-page{padding:.75rem 1rem}.ndc-main-box{padding:1rem}.ndc-header{flex-wrap:wrap}.ndc-header-title{font-size:16px}.ndc-form-footer{flex-direction:column}.ndc-form-footer .ndc-btn{justify-content:center;width:100%}.ndc-grid-4{grid-template-columns:1fr 1fr;gap:12px}.ndc-field-row{grid-template-columns:1fr}.ndc-bottom-section{grid-template-columns:1fr;gap:16px}.ndc-shipping-bottom-row{grid-template-columns:1fr;gap:12px}.ndc-col-sno{display:none}.ndc-col-code,.ndc-col-name{width:16%}.ndc-col-hsn{display:none}.ndc-col-qty{width:10%}.ndc-col-unit{display:none}.ndc-col-rate{width:10%}.ndc-col-tax{width:8%}.ndc-col-tax-amount,.ndc-col-amount{width:12%}.ndc-col-action{width:6%}.ndc-invoice-type-section{flex-wrap:wrap;gap:8px}.ndc-radio-group{flex:1;max-width:100%}}@media (width<=480px){.ndc-page{padding:.5rem}.ndc-main-box{padding:.75rem}.ndc-header-title{font-size:14px}.ndc-items-table{font-size:10px}.ndc-grid-4{grid-template-columns:1fr;gap:12px}.ndc-col-code{width:20%}.ndc-col-name{width:18%}.ndc-col-qty,.ndc-col-rate{width:12%}.ndc-col-tax{width:10%}.ndc-col-tax-amount,.ndc-col-amount{width:14%}.ndc-modal-container{margin:16px;padding:32px 20px 24px}.ndc-modal-success-icon{width:64px;height:64px}.ndc-modal-success-icon svg{font-size:32px}.ndc-modal-title{font-size:20px}.ndc-modal-actions{flex-direction:column;gap:10px}.ndc-modal-btn{width:100%;min-width:auto}.ndc-radio-group{flex:1;max-width:100%}.ndc-radio-label{padding:2px 8px;font-size:9px}}@media print{.ndc-form-footer,.ndc-back-btn{display:none!important}body{background:#fff;padding:0}.ndc-page{background:#fff}}.ndc-required-star{color:#ef4444;margin-left:2px;font-weight:700;color:#ef4444!important}.wof-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.wof-inner{max-width:1100px;margin:0 auto}.wof-draggable-row{cursor:grab;transition:background-color .15s}.wof-draggable-row:hover{background-color:#f8fafc}.wof-draggable-row.wof-drag-over{border-bottom:2px solid #3b82f6;background-color:#e0f2fe!important}.wof-draggable-row.wof-dragging{opacity:.4;background-color:#f1f5f9}.wof-drag-handle{color:#94a3b8;cursor:grab;transition:color .15s}.wof-drag-handle:hover{color:#475569}.wof-col-drag{text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;width:30px;padding:4px 6px}.wof-editable-table tbody tr .wof-col-drag{vertical-align:middle;text-align:center;display:table-cell}.wof-draggable-row:hover .wof-drag-handle{color:#2563eb}.wof-header{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.wof-order-id{color:var(--text-secondary);background:var(--layout-bg);border:1px solid var(--border-color);border-radius:6px;padding:4px 12px;font-family:monospace;font-size:13px;font-weight:500}.wof-status-badge{border-radius:99px;align-items:center;height:28px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.wof-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.wof-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:flex}.wof-section-icon{font-size:12px}.wof-field{margin-bottom:18px}.wof-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.wof-label-icon{margin-right:4px}.wof-required{color:var(--danger-color)}.textarea-field{resize:vertical;min-height:100px;padding-top:12px}.wof-error-msg{color:var(--danger-color);align-items:center;gap:3px;margin-top:4px;font-size:11px;display:flex}.wof-grid-2{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px;display:grid}.wof-select-wrap{position:relative}.wof-select-wrap select{appearance:none;cursor:pointer;padding-right:40px}.wof-priority-indicator{pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.wof-priority-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.wof-priority-indicator.p-low .wof-priority-dot{background:#9ca3af}.wof-priority-indicator.p-medium .wof-priority-dot{background:#3b82f6}.wof-priority-indicator.p-high .wof-priority-dot{background:#f59e0b}.wof-priority-indicator.p-urgent .wof-priority-dot{background:#ef4444}.wof-status-selector{flex-wrap:wrap;gap:6px;display:flex}.wof-status-btn{border:1.5px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.wof-status-btn:hover{border-color:var(--primary-color);color:var(--text-primary)}.wof-status-btn-active{border-color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));color:var(--primary-color)}.wof-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.wof-status-dot.s-draft{background:#b84f58}.wof-status-dot.s-notstarted{background:#a97706}.wof-status-dot.s-inprocess{background:#a46c00}.wof-status-dot.s-completed{background:#15803d}.wof-status-dot.s-stopped{background:#dc2626}.wof-divider{background:var(--border-color);height:1px;margin:18px 0}.wof-comment-input-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.wof-comment-avatar{color:#92400e;background:#fde68a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.wof-comment-input{border:1px solid var(--border-color);height:34px;color:var(--text-primary);background:var(--card-bg);border-radius:6px;outline:none;flex:1;padding:0 12px;font-size:13px;transition:border-color .15s}.wof-comment-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent)}.wof-comment-input::placeholder{color:var(--text-secondary)}.wof-comment-send{background:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:500;transition:background .15s}.wof-comment-send:hover:not(:disabled){background:var(--primary-hover)}.wof-comment-send:disabled{opacity:.5;cursor:not-allowed}.wof-comment-row{gap:10px;margin-bottom:10px;display:flex}.wof-comment-author{color:var(--text-primary);font-size:13px;font-weight:500}.wof-comment-time{color:var(--text-secondary);font-size:12px;font-weight:400}.wof-comment-text{color:var(--text-primary);margin-top:2px;font-size:13px}.wof-activity-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.wof-activity-title{border-bottom:none!important;margin:0!important;padding-bottom:0!important}.wof-activity-list{margin:0;padding:0;list-style:none}.wof-activity-item{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:6px 0;font-size:13px}.wof-activity-item:last-child{border-bottom:none}.wof-activity-time{color:var(--text-secondary)}.wof-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.wof-api-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex;position:relative}.wof-api-error .error-icon{flex-shrink:0}.wof-api-error .error-close{cursor:pointer;color:#dc2626;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:20px}.wof-loading{min-height:200px;color:var(--text-secondary,#6b7280);background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:14px;justify-content:center;align-items:center;font-size:14px;display:flex}.wof-grid-3{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px;display:grid}.wof-edit-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wof-edit-btn:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.dark-theme .wof-edit-btn{background:var(--primary-color,#3b82f6)}.dark-theme .wof-edit-btn:hover{background:var(--primary-hover,#2563eb)}@media (width<=768px){.wof-grid-2,.wof-grid-3{grid-template-columns:1fr;gap:0}.wof-card{padding:16px}.wof-header{flex-direction:column;align-items:flex-start}.header-title{width:100%}.error-badge{justify-content:center;width:100%}.wof-footer{flex-direction:column-reverse;width:100%}.wof-footer button{justify-content:center;width:100%}.wof-status-selector{flex-wrap:wrap}.wof-status-btn{flex:1;justify-content:center;min-width:80px}.wof-comment-input-row{flex-wrap:wrap}.wof-comment-input{order:2;width:100%}.wof-comment-send{order:3;justify-content:center;width:100%}.error-header{flex-direction:column;align-items:flex-start;gap:6px}.error-message{margin-left:0}.wof-activity-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=520px){.wof-page{padding:0 12px 20px}.wof-card{padding:12px}.header-title h1{font-size:16px}.wof-status-btn{min-width:60px;padding:4px 10px;font-size:11px}.validation-summary-modal{border-radius:12px;max-width:100%;margin:10px}.modal-header{padding:14px 16px}.modal-header h2{font-size:16px}.modal-body{padding:16px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.wof-tabs{border-bottom:1px solid var(--border-color);gap:22px;margin-bottom:18px;display:flex;overflow-x:auto}.wof-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:10px 2px 12px;font-size:13px;font-weight:500;transition:color .15s;position:relative}.wof-tab-btn:hover{color:var(--text-primary)}.wof-tab-btn-active{color:var(--primary-color);font-weight:600}.wof-tab-btn-active:after{content:"";background:var(--primary-color);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.wof-section-title-flush{border-bottom:none;margin-bottom:0;padding-bottom:0}.wof-hint{color:var(--text-secondary);margin-top:4px;font-size:11px;display:block}.wof-checkbox-field{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.wof-checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;margin-top:2px}.wof-checkbox-field label{color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500}.wof-checkbox-field input[type=checkbox]:disabled+label,.wof-checkbox-field input[type=checkbox]:disabled~div label{cursor:not-allowed;opacity:.6}select.form-field{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.wof-table-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wof-row-add-btn{background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));border:1px solid color-mix(in srgb, var(--primary-color) 35%, var(--border-color));color:var(--primary-color);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.wof-row-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 18%, var(--card-bg))}.wof-table-scroll{position:relative;overflow:auto visible}.wof-editable-table td{position:relative;overflow:visible}.wof-editable-table{border-collapse:collapse;width:100%;min-width:760px;overflow:visible}.wof-editable-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--layout-bg);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:9px 8px;font-size:10.5px;font-weight:600}.wof-editable-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:6px 8px}.wof-editable-table tr:last-child td{border-bottom:none}.wof-col-no{text-align:center;width:36px;color:var(--text-secondary);font-size:12px}.wof-col-action{text-align:center;width:40px}.wof-row-delete-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.wof-row-delete-btn:hover:not(:disabled){background:color-mix(in srgb, var(--danger-color) 12%, transparent);color:var(--danger-color)}.wof-row-delete-btn:disabled{opacity:.35;cursor:not-allowed}.wof-op-select-btn{border:1.5px solid var(--border-color);background:var(--card-bg);width:100%;min-width:130px;max-width:220px;color:var(--text-primary);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:block;overflow:hidden}.wof-op-select-btn:hover:not(:disabled){border-color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 6%, var(--card-bg));color:var(--primary-color)}.wof-op-select-btn:disabled{opacity:.6;cursor:not-allowed}.wof-op-select-btn.placeholder{color:var(--text-secondary);font-weight:400}.wof-progress-block{margin-bottom:18px}.wof-progress-bar{background:var(--layout-bg);border-radius:6px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.wof-progress-fill{background:#22c55e;border-radius:6px;height:100%;transition:width .3s}.wof-progress-label{color:var(--text-primary);font-size:13px}.wof-connections-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.wof-connection-row{border:1px solid var(--border-color);color:var(--text-primary);background:var(--card-bg);border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 12px;font-size:13px;display:flex}.wof-connection-count{color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.warehouse-search-field{margin-bottom:0}.warehouse-search-wrapper{position:relative}.warehouse-search-input-wrap{align-items:center;display:flex;position:relative}.warehouse-search-icon{color:var(--text-secondary);pointer-events:none;font-size:14px;position:absolute;left:12px}.warehouse-search-input{padding-left:36px!important;padding-right:36px!important}.warehouse-clear-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:18px;line-height:1;transition:background .15s,color .15s;position:absolute;right:10px}.warehouse-clear-btn:hover{color:var(--text-primary);background:var(--layout-bg)}.warehouse-loading-spinner{color:var(--primary-color);font-size:14px;position:absolute;right:12px}.warehouse-dropdown{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 8px 24px var(--shadow-color);z-index:100;border-radius:10px;max-height:220px;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.warehouse-dropdown-item{cursor:pointer;border-bottom:1px solid var(--border-color);flex-direction:column;gap:2px;padding:8px 14px;transition:background .12s;display:flex}.warehouse-dropdown-item.selected{background:color-mix(in srgb, var(--primary-color) 12%, var(--card-bg))}.warehouse-dropdown-item .warehouse-item-name{color:var(--text-primary);font-size:13px;font-weight:500}.warehouse-dropdown-item .warehouse-item-company{color:var(--text-secondary);font-size:11px}.warehouse-dropdown-loading,.warehouse-dropdown-empty,.warehouse-dropdown-error{text-align:center;color:var(--text-secondary);padding:16px 14px;font-size:13px}.warehouse-dropdown-error{color:var(--danger-color)}.warehouse-dropdown::-webkit-scrollbar{width:6px}.warehouse-dropdown::-webkit-scrollbar-track{background:var(--layout-bg);border-radius:0 10px 10px 0}.warehouse-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.warehouse-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dark-theme .warehouse-dropdown{border-color:var(--border-color);box-shadow:0 8px 24px #0006}.dark-theme .warehouse-dropdown-item{border-bottom-color:var(--border-color)}.dark-theme .warehouse-dropdown-item:hover{background:color-mix(in srgb, var(--primary-color) 15%, var(--card-bg))}.dark-theme .warehouse-dropdown-item.selected{background:color-mix(in srgb, var(--primary-color) 20%, var(--card-bg))}@media (width<=768px){.wof-connections-grid{grid-template-columns:1fr}.wof-tabs{gap:16px}.warehouse-dropdown{max-height:180px}}@media (width<=520px){.warehouse-dropdown{max-height:150px}}.wof-order-type-bar{background:var(--bg-secondary,#f0f2f5);border-radius:8px;gap:8px;margin:12px 0 16px;padding:4px;display:flex}.order-type-btn{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.order-type-btn:hover:not(:disabled){background:var(--bg-hover,#0000000d)}.order-type-btn.active{background:var(--primary-color,#4f46e5);color:#fff}.order-type-btn:disabled{opacity:.5;cursor:not-allowed}.date-picker-field{flex-direction:column;gap:4px;width:100%;display:flex}.date-picker-input-wrap{align-items:center;display:flex;position:relative}.date-picker-icon{color:var(--text-secondary,#6b7280);pointer-events:none;font-size:14px;position:absolute;left:10px}.date-picker-input{border:1px solid var(--border-color,#d1d5db);cursor:pointer;background:#fff;border-radius:6px;width:100%;padding:8px 36px;font-size:13px;transition:border-color .2s}.date-picker-input:focus{border-color:var(--primary-color,#4f46e5);outline:none;box-shadow:0 0 0 3px #4f46e51a}.date-picker-input.field-error{border-color:#ef4444}.date-picker-input:disabled{opacity:.6;cursor:not-allowed}.date-picker-clear-btn{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;position:absolute;right:8px}.date-picker-clear-btn:hover{color:var(--text-primary,#111827)}.date-picker-calendar{border:1px solid var(--border-color,#d1d5db);z-index:1000;background:#fff;border-radius:8px;width:280px;margin-top:4px;padding:12px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.calendar-month-year{font-size:14px;font-weight:600}.calendar-nav-btn{cursor:pointer;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px}.calendar-nav-btn:hover{background:var(--bg-hover,#0000000d)}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.calendar-weekday{text-align:center;color:var(--text-secondary,#6b7280);padding:4px 0;font-size:11px;font-weight:600}.calendar-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-day{text-align:center;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 4px;font-size:13px;transition:all .15s}.calendar-day:hover:not(.disabled):not(.empty){background:var(--bg-hover,#0000000d)}.calendar-day.selected{background:var(--primary-color,#4f46e5);color:#fff}.calendar-day.today{color:var(--primary-color,#4f46e5);font-weight:700}.calendar-day.today.selected{color:#fff}.calendar-day.empty{pointer-events:none;visibility:hidden}.calendar-day.disabled{opacity:.3;cursor:not-allowed}.calendar-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:space-between;margin-top:10px;padding-top:8px;display:flex}.calendar-today-btn,.calendar-clear-btn{cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .15s}.calendar-today-btn{background:var(--primary-color,#4f46e5);color:#fff}.calendar-today-btn:hover{opacity:.85}.calendar-clear-btn{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280)}.calendar-clear-btn:hover{background:var(--bg-hover,#0000000d)}.wof-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wof-selected-grn{border:1px solid var(--border-color,#d1d5db);background:var(--bg-secondary,#f9fafb);border-radius:8px;padding:16px}.wof-grn-info{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:12px;display:grid}.wof-grn-row{flex-direction:column;display:flex}.wof-grn-label{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.wof-grn-value{color:var(--text-primary,#111827);font-size:14px;font-weight:500}.wof-grn-items{margin-top:12px}.wof-no-grn{text-align:center;color:var(--text-secondary,#6b7280);background:var(--bg-secondary,#f9fafb);border-radius:8px;padding:24px}.grn-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:700px;max-height:80vh;padding:0;display:flex}.grn-modal .modal-header,.grn-modal .modal-footer{padding:16px 24px}.grn-modal .modal-body{flex:1;padding:0 24px 24px;overflow-y:auto}.grn-loading,.grn-empty{text-align:center;color:var(--text-secondary,#6b7280);padding:32px}.grn-list{flex-direction:column;gap:8px;display:flex}.grn-item{border:1px solid var(--border-color,#e5e7eb);cursor:pointer;border-radius:8px;padding:12px 16px;transition:all .2s}.grn-item:hover{border-color:var(--primary-color,#4f46e5);background:var(--bg-hover,#4f46e50d)}.grn-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.grn-item-id{font-size:14px;font-weight:600}.grn-item-status{color:#065f46;background:#d1fae5;border-radius:12px;padding:2px 8px;font-size:11px}.grn-item-details{color:var(--text-secondary,#6b7280);gap:16px;margin-bottom:8px;font-size:12px;display:flex}.grn-item-details span{align-items:center;gap:4px;display:flex}.grn-item-items{flex-wrap:wrap;gap:4px;display:flex}.grn-item-tag{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280);border-radius:4px;padding:2px 8px;font-size:11px}.wof-media-upload{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 4px;display:flex}.wof-media-btn{border:2px dashed var(--border-color,#d1d5db);color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.wof-media-btn:hover:not(:disabled){border-color:var(--primary-color,#4f46e5);color:var(--primary-color,#4f46e5);background:var(--bg-hover,#4f46e50d)}.wof-media-btn:disabled{opacity:.6;cursor:not-allowed}.wof-media-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:12px;display:grid}.wof-media-item{aspect-ratio:1;background:var(--bg-secondary,#f3f4f6);border-radius:6px;position:relative;overflow:hidden}.wof-media-preview{object-fit:cover;width:100%;height:100%}.wof-media-delete{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.wof-media-delete:hover{background:#ef4444cc}.dark .date-picker-calendar{background:#1f2937;border-color:#374151}.dark .calendar-day:hover:not(.disabled):not(.empty){background:#374151}.dark .calendar-day.selected{color:#fff;background:#4f46e5}.dark .calendar-day.today{color:#818cf8}.dark .calendar-footer{border-top-color:#374151}.dark .calendar-clear-btn{color:#9ca3af;background:#374151}.dark .grn-modal{background:#1f2937}.dark .grn-item{border-color:#374151}.dark .grn-item:hover{background:#4f46e51a;border-color:#4f46e5}.dark .grn-item-status{color:#d1fae5;background:#065f46}.dark .wof-selected-grn{background:#1f2937;border-color:#374151}.dark .wof-no-grn{color:#9ca3af;background:#1f2937}.dark .wof-media-btn{color:#9ca3af;border-color:#374151}.dark .wof-media-btn:hover:not(:disabled){color:#818cf8;border-color:#4f46e5}.dark .wof-media-item{background:#374151}.dark .wof-op-select-btn{color:#e5e7eb;background:#1f2937;border-color:#374151}.dark .wof-op-select-btn:hover:not(:disabled){color:#818cf8;background:#4f46e51f;border-color:#4f46e5}.dark .wof-op-select-btn.placeholder{color:#9ca3af}@media (width<=768px){.wof-order-type-bar{flex-direction:column}.order-type-btn{justify-content:center}.date-picker-calendar{z-index:1001;width:320px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.grn-modal{width:95%;max-height:90vh}.wof-grn-info{grid-template-columns:1fr}.grn-item-details{flex-wrap:wrap;gap:8px}.wof-media-gallery{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.wof-op-select-btn{max-width:100%}}.stock-warning-modal{background:var(--bg-primary,#fff);border-radius:12px;width:95%;max-width:600px;margin:20px;animation:.3s ease-out modalSlideIn;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.stock-warning-modal .modal-header{background:#fef3c7;border-bottom:2px solid #f59e0b;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.stock-warning-modal .modal-header h2{color:#92400e;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:700;display:flex}.stock-warning-modal .modal-header .modal-close{cursor:pointer;color:#92400e;background:0 0;border:none;padding:0 8px;font-size:28px;line-height:1;transition:transform .2s}.stock-warning-modal .modal-header .modal-close:hover{color:#78350f;transform:rotate(90deg)}.stock-warning-modal .modal-body{padding:24px}.stock-warning-modal .modal-body .warning-message-box{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:4px;margin-bottom:16px;padding:16px 20px}.stock-warning-modal .modal-body .warning-message-box p{color:#78350f;margin:0;font-size:16px;line-height:1.6}.stock-warning-modal .modal-body .info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.stock-warning-modal .modal-body .info-box svg{color:#3b82f6;flex-shrink:0;margin-top:2px;font-size:18px}.stock-warning-modal .modal-body .info-box span{color:#475569;font-size:14px;line-height:1.5}.stock-warning-modal .modal-body .wo-id-badge{color:#64748b;background:#f1f5f9;border-radius:4px;margin-top:12px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-block}.stock-warning-modal .modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:center;gap:12px;padding:16px 24px 24px;display:flex}.stock-warning-modal .modal-footer .submit-btn{color:#fff;cursor:pointer;background:#f59e0b;border:2px solid #f59e0b;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:220px;padding:10px 32px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.stock-warning-modal .modal-footer .submit-btn:hover{background:#d97706;border-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.stock-warning-modal .modal-footer .submit-btn:active{box-shadow:none;transform:translateY(0)}.dark .stock-warning-modal{background:#1e293b}.dark .stock-warning-modal .modal-header{background:#451a03;border-bottom-color:#b45309}.dark .stock-warning-modal .modal-header h2,.dark .stock-warning-modal .modal-header .modal-close{color:#fbbf24}.dark .stock-warning-modal .modal-header .modal-close:hover{color:#fcd34d}.dark .stock-warning-modal .modal-body .warning-message-box{background:#1e1b0a;border-left-color:#f59e0b}.dark .stock-warning-modal .modal-body .warning-message-box p{color:#fde68a}.dark .stock-warning-modal .modal-body .info-box{background:#1e293b;border-color:#334155}.dark .stock-warning-modal .modal-body .info-box span{color:#94a3b8}.dark .stock-warning-modal .modal-body .wo-id-badge{color:#94a3b8;background:#1e293b}.dark .stock-warning-modal .modal-footer{border-top-color:#334155}.dark .stock-warning-modal .modal-footer .submit-btn{background:#d97706;border-color:#d97706}.dark .stock-warning-modal .modal-footer .submit-btn:hover{background:#b45309;border-color:#b45309}@media (width<=640px){.stock-warning-modal{border-radius:8px;width:98%;margin:10px}.stock-warning-modal .modal-header{padding:16px}.stock-warning-modal .modal-header h2{gap:8px;font-size:17px}.stock-warning-modal .modal-body{padding:16px}.stock-warning-modal .modal-body .warning-message-box p{font-size:14px}.stock-warning-modal .modal-footer{flex-direction:column;padding:12px 16px 16px}.stock-warning-modal .modal-footer .submit-btn{width:100%;min-width:unset;padding:12px;font-size:14px}}.stock-warning-modal .modal-close{cursor:pointer;padding:0 8px;font-size:28px;line-height:1;background:0 0!important;border:none!important}.wo-stock-warning-toast{z-index:10000;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;align-items:flex-start;gap:12px;max-width:420px;padding:16px 20px;animation:.3s ease-out slideInUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #00000026}.wo-stock-warning-toast svg{color:#d97706;flex-shrink:0;margin-top:2px;font-size:20px}.wo-stock-warning-toast .toast-content{flex:1}.wo-stock-warning-toast .toast-content .toast-title{color:#92400e;font-size:14px;font-weight:600}.wo-stock-warning-toast .toast-content .toast-message{color:#78350f;margin-top:4px;font-size:13px;line-height:1.4}.wo-stock-warning-toast .toast-close{color:#92400e;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 4px;font-size:18px;transition:opacity .2s}.wo-stock-warning-toast .toast-close:hover{opacity:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark .wo-stock-warning-toast{background:#1e1b0a;border-left-color:#f59e0b}.dark .wo-stock-warning-toast .toast-content .toast-title{color:#fbbf24}.dark .wo-stock-warning-toast .toast-content .toast-message{color:#fde68a}.dark .wo-stock-warning-toast .toast-close{color:#fbbf24}.wof-cost-summary{margin:20px 0 12px;padding:0 4px}.cost-summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;display:grid}.cost-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px 16px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.cost-card:before{content:"";opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.cost-card:hover:before{opacity:1}.cost-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.cost-card .cost-label{text-transform:uppercase;letter-spacing:.6px;color:#6b7280;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.cost-card .cost-value{color:#111827;font-size:26px;font-weight:700;line-height:1.2}.cost-card .cost-sub{color:#6b7280;border-top:1px solid #f3f4f6;margin-top:6px;padding-top:6px;font-size:12px}.cost-card.material:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.cost-card.material:hover{border-color:#3b82f6}.cost-card.operation:before{background:linear-gradient(90deg,#10b981,#34d399)}.cost-card.operation:hover{border-color:#10b981}.cost-card.total{border-width:2px;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b14}.cost-card.total:before{opacity:1;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.cost-card.total .cost-label{color:#92400e}.cost-card.total .cost-value{color:#1e293b;font-size:28px;font-weight:800}.cost-card.total .cost-sub{color:#6b7280;border-top-color:#f3f4f6}.cost-card.total:hover{border-color:#d97706;box-shadow:0 4px 20px #f59e0b26}.dark .cost-card{background:#1e293b;border-color:#334155}.dark .cost-card .cost-label{color:#94a3b8}.dark .cost-card .cost-value{color:#f1f5f9}.dark .cost-card .cost-sub{color:#94a3b8;border-top-color:#334155}.dark .cost-card.material:hover{border-color:#3b82f6}.dark .cost-card.operation:hover{border-color:#10b981}.dark .cost-card.total{border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b0d}.dark .cost-card.total .cost-label{color:#fbbf24}.dark .cost-card.total .cost-value{color:#fff}.dark .cost-card.total .cost-sub{color:#94a3b8;border-top-color:#334155}.dark .cost-card.total:hover{border-color:#fbbf24;box-shadow:0 4px 20px #f59e0b1a}@media (width<=768px){.cost-summary-grid{grid-template-columns:1fr;gap:12px}.cost-card .cost-value{font-size:22px}.cost-card.total .cost-value{font-size:24px}.cost-card{padding:14px 16px 12px}}.wo-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.wo-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.wo-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.wo-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.wo-table-wrap::-webkit-scrollbar{height:6px}.wo-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.wo-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.wo-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.wo-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.wo-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.wo-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.wo-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.wo-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.wo-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.wo-tr{cursor:default;transition:background .15s}.wo-tr:hover{background:var(--nav-hover,#f9fafb)}.wo-tr+.wo-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.wo-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.wo-td-id{color:var(--text-primary,#111827);font-family:monospace;font-weight:600}.wo-td-link{color:var(--primary-color,#6366f1);font-weight:500}.wo-td-link:hover{cursor:pointer;text-decoration:underline}.wo-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.wo-status-badge{border-radius:99px;align-items:center;height:24px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.wo-priority-badge{border-radius:99px;align-items:center;gap:6px;height:24px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.wo-priority-dot{border-radius:50%;width:8px;height:8px}.p-low{color:#6b7280;background:#f3f4f6}.p-low .wo-priority-dot{background:#9ca3af}.p-medium{color:#2563eb;background:#ebf5ff}.p-medium .wo-priority-dot{background:#3b82f6}.p-high{color:#b7791f;background:#fff4d8}.p-high .wo-priority-dot{background:#f59e0b}.p-urgent{color:#dc2626;background:#fee2e2}.p-urgent .wo-priority-dot{background:#ef4444}.wo-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.wo-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.wo-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}@keyframes woFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.wo-modal-body::-webkit-scrollbar{width:6px}.wo-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.dark-theme .wo-filter-btn,.dark-theme .wo-sort-btn,.dark-theme .wo-filter-select,.dark-theme .wo-page-btn,.dark-theme .wo-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .wo-filter-btn:hover,.dark-theme .wo-sort-btn:hover,.dark-theme .wo-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .wo-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .wo-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .wo-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .wo-modal-header,.dark-theme .wo-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .wo-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.wo-progress-container{align-items:center;gap:8px;min-width:100px;display:flex}.wo-progress-bar{background:var(--border-color,#e5e7eb);border-radius:3px;flex:1;min-width:50px;height:6px;overflow:hidden}.wo-progress-fill{background:var(--primary-color,#6366f1);border-radius:3px;height:100%;transition:width .3s}.wo-progress-text{color:var(--text-secondary,#6b7280);text-align:right;min-width:32px;font-size:11px;font-weight:600}.wo-company-icon{color:var(--text-secondary,#9ca3af);margin-right:4px}.wo-td-company{align-items:center;gap:4px;display:flex}.wo-td-dates{font-size:12px}.wo-date-range{flex-wrap:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.wo-date-label{color:var(--text-secondary,#6b7280);text-transform:uppercase;font-size:10px;font-weight:500}.wo-date-sep{color:var(--text-secondary,#9ca3af);margin:0 2px}.wo-td-number{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.wo-th-number{text-align:right}.dark-theme .wo-progress-bar{background:var(--border-color,#334155)}.dark-theme .wo-progress-fill{background:var(--primary-color,#3b82f6)}.dark-theme .wo-progress-text{color:var(--text-secondary,#94a3b8)}.dark-theme .wo-date-label{color:var(--text-secondary,#64748b)}.dark-theme .wo-date-sep{color:var(--text-secondary,#475569)}@media (width<=768px){.wo-table{min-width:1100px}.wo-progress-container{min-width:80px}.wo-date-range{flex-wrap:wrap;font-size:10px}}@media (width<=1024px){.wo-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.wo-page{gap:12px;padding:12px}.wo-stats-container{grid-template-columns:1fr 1fr;gap:12px}.wo-filter-bar{flex-direction:column;align-items:stretch}.wo-filter-left{width:100%}.wo-search-wrapper{max-width:100%}.wo-filter-right{flex-wrap:wrap;justify-content:flex-start}.wo-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.wo-pagination-center{order:2}.wo-pagination-left,.wo-pagination-right{order:1}.wo-table{min-width:900px}.wo-th-check,.wo-td-check{width:30px;padding-left:10px}.wo-td{padding:8px 10px;font-size:12px}.wo-th{padding:8px 10px;font-size:11px}.wo-td-meta{flex-wrap:wrap;justify-content:flex-end}.wo-stat-card{padding:12px}.wo-stat-value{font-size:18px}.wo-modal{max-width:95vw}.wo-modal-body{padding:16px 20px}.wo-modal-footer{flex-wrap:wrap}.wo-btn-cancel,.wo-btn-delete{flex:1;justify-content:center}}@media (width<=480px){.wo-stats-container{grid-template-columns:1fr}.wo-stat-card{padding:12px}.wo-stat-value{font-size:16px}.wo-stat-icon{width:36px;height:36px;font-size:16px}.wo-filter-right{flex-direction:column;width:100%}.wo-filter-right>*{width:100%}.wo-btn-primary{justify-content:center}.wo-pagination{padding:8px 0 0}.wo-pagination-center{flex-wrap:wrap;justify-content:center}.wo-modal{border-radius:12px;max-width:98vw}.wo-modal-body{padding:14px 16px}.wo-modal-title{font-size:14px}.wo-modal-header{padding:14px 16px}.wo-modal-footer{flex-direction:column-reverse;gap:8px}.wo-modal-footer button{width:100%}}.wo-progress-fill{transition:width .5s,background-color .3s}.wo-job-card-info{align-items:center;gap:8px;display:flex}.wo-job-card-text{color:var(--text-primary,#111827);min-width:40px;font-size:13px;font-weight:600}.wo-job-card-bar{background:var(--bg-secondary,#e5e7eb);border-radius:2px;flex-shrink:0;width:50px;height:4px;overflow:hidden}.wo-job-card-fill{border-radius:2px;height:100%;transition:width .3s}.wo-job-card-btn{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.wo-job-card-btn:hover{background:var(--bg-secondary,#f3f4f6);color:var(--primary-color,#3b82f6)}.wo-action-complete{color:#22c55e}.wo-action-complete:hover:not(:disabled){color:#16a34a;background:#dcfce7}.wo-action-complete:disabled{opacity:.5;cursor:not-allowed}.wo-modal-complete .wo-modal-body{padding:24px}.wo-complete-summary{text-align:center}.wo-complete-icon{margin-bottom:16px}.wo-complete-summary h3{color:var(--text-primary,#111827);margin:0 0 8px;font-size:20px;font-weight:600}.wo-complete-detail{color:var(--text-secondary,#6b7280);margin-bottom:20px;font-size:14px}.wo-complete-stats{background:var(--bg-secondary,#f9fafb);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;padding:16px;display:grid}.wo-complete-stat{flex-direction:column;gap:4px;display:flex}.wo-complete-stat span{color:var(--text-secondary,#6b7280);font-size:12px}.wo-complete-stat strong{color:var(--text-primary,#111827);font-size:16px}.wo-complete-progress{margin:16px 0}.wo-complete-progress-bar{background:var(--bg-secondary,#e5e7eb);border-radius:4px;height:8px;overflow:hidden}.wo-complete-progress-bar .wo-progress-fill{border-radius:4px;height:100%;transition:width .5s}.wo-complete-warning{color:#f59e0b;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;margin-top:16px;padding:12px;font-size:13px}.wo-btn-complete{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:background .2s;display:inline-flex}.wo-btn-complete:hover:not(:disabled){background:#16a34a}.wo-btn-complete:disabled{opacity:.6;cursor:not-allowed}.dark .wo-job-card-text{color:#f3f4f6}.dark .wo-job-card-bar{background:#374151}.dark .wo-complete-summary h3{color:#f3f4f6}.dark .wo-complete-detail{color:#9ca3af}.dark .wo-complete-stats{background:#374151}.dark .wo-complete-stat strong{color:#f3f4f6}.dark .wo-complete-warning{color:#fbbf24;background:#374151;border-color:#f59e0b}.dark .wo-action-complete:hover:not(:disabled){background:#1a3a2a}.dark .wo-job-card-btn:hover{background:#374151}@media (width<=768px){.wo-job-card-info{flex-wrap:wrap}.wo-job-card-bar{width:40px}.wo-complete-stats{grid-template-columns:1fr;gap:8px}.wo-status-badge{padding:3px 8px;font-size:11px}}.wo-tabs{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;flex-shrink:0;gap:4px;padding:4px;display:flex}.wo-tab{cursor:pointer;color:var(--text-secondary,#6b7280);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.wo-tab:hover{background:var(--nav-hover,#f9fafb);color:var(--text-primary,#1f2433)}.wo-tab--active{background:var(--primary-color,#6366f1);color:#fff;box-shadow:0 2px 8px #6366f14d}.wo-tab--active:hover{background:var(--primary-hover,#4f46e5);color:#fff}.wo-tab-count{background:#0000001a;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.wo-tab--active .wo-tab-count{background:#ffffff40}.wo-type-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;height:26px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.wo-type--internal{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.wo-type--external{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.dark-theme .wo-tabs,.dashboard.dark .wo-tabs{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .wo-tab,.dashboard.dark .wo-tab{color:var(--text-secondary,#94a3b8)}.dark-theme .wo-tab:hover,.dashboard.dark .wo-tab:hover{background:var(--nav-hover,#ffffff0d);color:var(--text-primary,#f8fafc)}.dark-theme .wo-tab--active,.dashboard.dark .wo-tab--active{background:var(--primary-color,#3b82f6);color:#fff}.dark-theme .wo-type--internal,.dashboard.dark .wo-type--internal{color:#93c5fd;background:#3b82f626;border-color:#3b82f64d}.dark-theme .wo-type--external,.dashboard.dark .wo-type--external{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b4d}.dark-theme .wo-active-filters,.dashboard.dark .wo-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .wo-active-filters span,.dashboard.dark .wo-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .wo-clear-filters,.dashboard.dark .wo-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}@media (width<=768px){.wo-tabs{flex-direction:column;gap:2px}.wo-tab{justify-content:flex-start;padding:8px 12px}.wo-type-badge{height:22px;padding:0 8px;font-size:10px}}.wo-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden auto}.wo-page::-webkit-scrollbar{width:6px}.wo-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.wo-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.wo-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.wo-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.wo-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.wo-stat-icon{color:#fff;background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.wo-stat-content{flex:1;min-width:0}.wo-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.wo-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.wo-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.wo-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.wo-search-wrapper{flex:1;max-width:400px;position:relative}.wo-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.wo-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.wo-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.wo-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.wo-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.wo-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wo-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.wo-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.wo-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.wo-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.wo-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wo-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.wo-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.wo-active-filters span{color:var(--text-primary,#111827)}.wo-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.wo-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.wo-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:40px}.wo-error{text-align:center;color:var(--danger-color,#ef4444);padding:40px}.wo-retry-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 20px}.wo-grid-container{flex:1;min-height:300px}.wo-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;display:grid}.wo-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border-radius:12px;transition:all .2s;overflow:hidden}.wo-card:hover{box-shadow:0 4px 12px var(--shadow-color,#0000001a);transform:translateY(-2px)}.wo-card-header{border-bottom:1px solid var(--border-color,#f3f4f6);background:var(--layout-bg,#f9fafb);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.wo-card-id{align-items:center;gap:8px;display:flex}.wo-id-label{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.wo-id-value{color:var(--text-primary,#111827);font-size:13px;font-weight:600}.wo-card-actions{align-items:center;gap:4px;display:flex}.wo-card-body{padding:16px}.wo-card-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.wo-card-label{color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.wo-card-value{color:var(--text-primary,#374151);font-size:13px}.wo-card-value-primary{color:var(--text-primary,#111827);font-weight:600}.wo-card-divider{background:var(--border-color,#f3f4f6);height:1px;margin:10px 0}.wo-status-badge{text-transform:capitalize;border-radius:99px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.wo-card-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0;display:grid}.wo-stat-item{text-align:center;background:var(--layout-bg,#f9fafb);border-radius:6px;padding:6px}.wo-stat-label{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:500}.wo-stat-number{color:var(--text-primary,#111827);margin-top:2px;font-size:16px;font-weight:700}.wo-card-progress{background:var(--border-color,#e5e7eb);border-radius:2px;height:4px;margin:10px 0;overflow:hidden}.wo-progress-bar{background:var(--primary-color,#6366f1);border-radius:2px;height:100%;transition:width .6s}.wo-card-times{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}.wo-time-item{flex-direction:column;gap:2px;display:flex}.wo-time-label{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.wo-time-value{color:var(--text-primary,#374151);font-size:11px}.wo-card-meta{border-top:1px solid var(--border-color,#f3f4f6);align-items:center;gap:6px;margin-top:10px;padding-top:10px;display:flex}.wo-meta-created{color:var(--text-secondary,#6b7280);font-size:11px}.wo-meta-dot{color:var(--text-secondary,#d1d5db)}.wo-meta-comments{color:var(--text-secondary,#6b7280);font-size:11px}.wo-empty-state{text-align:center;padding:60px 20px}.wo-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.wo-empty-content svg{color:var(--text-secondary,#9ca3af)}.wo-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.wo-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.wo-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.wo-pagination-left,.wo-pagination-right{align-items:center;gap:8px;display:flex}.wo-pagination-center{align-items:center;gap:4px;display:flex}.wo-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.wo-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.wo-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.wo-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.wo-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.wo-page-btn:disabled{opacity:.5;cursor:not-allowed}.wo-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.wo-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.wo-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.wo-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out woFadeIn;display:flex;position:fixed;inset:0}.wo-modal{background:var(--card-bg,#fff);width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.wo-modal-delete{max-width:450px}.wo-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.wo-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.wo-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.wo-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.wo-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.wo-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.wo-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.wo-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.wo-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.wo-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wo-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.wo-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wo-btn-delete:hover{background:#dc2626}.dark-theme .wo-filter-btn,.dark-theme .wo-filter-select,.dark-theme .wo-page-btn,.dark-theme .wo-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .wo-filter-btn:hover,.dark-theme .wo-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .wo-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .wo-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .wo-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .wo-card-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .wo-card-divider{background:var(--border-color,#334155)}.dark-theme .wo-card-meta{border-color:var(--border-color,#334155)}.dark-theme .wo-id-value,.dark-theme .wo-card-value,.dark-theme .wo-card-value-primary{color:var(--text-primary,#f8fafc)}.dark-theme .wo-stat-item{background:var(--layout-bg,#0f172a)}.dark-theme .wo-stat-number{color:var(--text-primary,#f8fafc)}.dark-theme .wo-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .wo-modal-header,.dark-theme .wo-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .wo-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .wo-btn-cancel:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .wo-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .wo-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .wo-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .wo-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .wo-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .wo-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .wo-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .wo-btn-primary:hover{background:var(--primary-hover,#2563eb)}@media (width<=1024px){.wo-stats-container{grid-template-columns:repeat(2,1fr)}.wo-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (width<=768px){.wo-page{gap:12px;padding:12px}.wo-stats-container{grid-template-columns:1fr 1fr;gap:12px}.wo-filter-bar{flex-direction:column;align-items:stretch}.wo-filter-left{width:100%}.wo-search-wrapper{max-width:100%}.wo-filter-right{flex-wrap:wrap;justify-content:flex-start}.wo-grid{grid-template-columns:1fr}.wo-pagination{flex-direction:column;align-items:center}.wo-pagination-center{order:2}.wo-pagination-left,.wo-pagination-right{order:1}.wo-stat-card{padding:12px}.wo-stat-value{font-size:18px}.wo-modal{max-width:95vw}}@media (width<=480px){.wo-stats-container{grid-template-columns:1fr}.wo-stat-card{padding:12px}.wo-stat-value{font-size:16px}.wo-stat-icon{width:36px;height:36px;font-size:16px}.wo-filter-right{flex-direction:column;width:100%}.wo-filter-right>*{width:100%}.wo-btn-primary{justify-content:center}.wo-pagination-center{flex-wrap:wrap;justify-content:center}.wo-card-stats{grid-template-columns:1fr 1fr}}.wo-table-container{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border-radius:12px;overflow:hidden}.wo-table{border-collapse:collapse;width:100%;font-size:13px}.wo-table thead{background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb)}.wo-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-color,#e5e7eb);padding:12px 16px;font-size:11px;font-weight:600}.wo-th-check{text-align:center;width:40px}.wo-th-check input[type=checkbox]{accent-color:var(--primary-color,#6366f1);cursor:pointer}.wo-th-meta{text-align:right;color:var(--text-secondary,#9ca3af);font-weight:500}.wo-table tbody tr{border-bottom:1px solid var(--border-color,#f3f4f6);cursor:default;transition:background .15s}.wo-table tbody tr:hover{background:var(--nav-hover,#f9fafb)}.wo-table tbody tr:last-child{border-bottom:none}.wo-table tbody td{vertical-align:middle;color:var(--text-primary,#374151);padding:10px 16px}.wo-td-check{text-align:center;width:40px}.wo-td-check input[type=checkbox]{accent-color:var(--primary-color,#6366f1);cursor:pointer}.wo-td-id{color:var(--text-primary,#111827);font-weight:600}.wo-td-name{color:var(--text-primary,#111827);font-weight:500}.wo-td-desc{color:var(--text-secondary,#6b7280);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.wo-td-meta{text-align:right;white-space:nowrap}.wo-action-buttons{align-items:center;gap:2px;display:inline-flex}.wo-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.wo-action-view{color:var(--primary-color,#6366f1)}.wo-action-view:hover{background:#6366f11a}.wo-action-edit{color:#f59e0b}.wo-action-edit:hover{background:#f59e0b1a}.wo-action-delete{color:var(--danger-color,#ef4444)}.wo-action-delete:hover{background:#ef44441a}.wo-action-save{color:#10b981}.wo-action-save:hover{background:#10b9811a}.wo-action-cancel{color:#ef4444}.wo-action-cancel:hover{background:#ef44441a}.wo-edit-input{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);color:var(--text-primary,#374151);border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:13px;transition:border-color .15s}.wo-edit-input:focus{border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px #6366f11a}.wo-edit-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);color:var(--text-primary,#374151);cursor:pointer;border-radius:4px;outline:none;padding:4px 8px;font-size:13px}.wo-edit-select:focus{border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px #6366f11a}.wo-tr-selected{background:var(--nav-active,#f0f7ff)}.wo-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.dark-theme .wo-table-container{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .wo-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .wo-table thead th{color:var(--text-secondary,#94a3b8);border-color:var(--border-color,#334155)}.dark-theme .wo-table tbody tr{border-color:var(--border-color,#334155)}.dark-theme .wo-table tbody tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .wo-table tbody td,.dark-theme .wo-td-id,.dark-theme .wo-td-name{color:var(--text-primary,#f8fafc)}.dark-theme .wo-td-desc{color:var(--text-secondary,#94a3b8)}.dark-theme .wo-tr-selected{background:#6366f126}.dark-theme .wo-tr-selected:hover{background:#6366f133}.dark-theme .wo-edit-input,.dark-theme .wo-edit-select{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}@media (width<=1024px){.wo-table{min-width:700px;font-size:12px}.wo-table tbody td{padding:8px 12px}.wo-table thead th{padding:10px 12px;font-size:10px}}@media (width<=768px){.wo-table-container{overflow-x:auto}.wo-table{min-width:600px}.wo-table tbody td{padding:8px 10px;font-size:12px}.wo-td-desc{max-width:120px}}@media (width<=480px){.wo-table{min-width:500px;font-size:11px}.wo-table tbody td{padding:6px 8px}.wo-td-desc{max-width:80px}}.wo-modal-detail{width:95%;max-width:750px}.wo-detail-grid{grid-template-columns:1fr 1fr;gap:16px;padding:4px 0;display:grid}.wo-detail-section{background:var(--layout-bg,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:12px 16px}.wo-detail-section h4{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-color,#e5e7eb);margin:0 0 10px;padding-bottom:6px;font-size:12px;font-weight:600}.wo-detail-full{grid-column:span 2}.wo-detail-row{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.wo-detail-label{color:var(--text-secondary,#6b7280);font-weight:500}.wo-detail-value{color:var(--text-primary,#111827);text-align:right;word-break:break-word;max-width:60%;font-weight:500}.wo-detail-description{color:var(--text-primary,#111827);white-space:pre-wrap;padding:8px 0;font-size:13px;line-height:1.6}.wo-loading-detail{text-align:center;color:var(--text-secondary,#6b7280);padding:40px}.wo-btn-secondary{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wo-btn-secondary:hover{background:var(--nav-hover,#f9fafb);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.dark-theme .wo-detail-section{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .wo-detail-section h4{color:var(--text-secondary,#94a3b8);border-color:var(--border-color,#334155)}.dark-theme .wo-detail-label{color:var(--text-secondary,#94a3b8)}.dark-theme .wo-detail-value,.dark-theme .wo-detail-description{color:var(--text-primary,#f8fafc)}.dark-theme .wo-btn-secondary{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .wo-btn-secondary:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--primary-color,#818cf8);color:var(--primary-color,#818cf8)}@media (width<=768px){.wo-detail-grid{grid-template-columns:1fr}.wo-detail-full{grid-column:span 1}.wo-modal-detail{max-width:98%;max-height:95vh}.wo-detail-row{flex-direction:column;align-items:flex-start;gap:2px}.wo-detail-value{text-align:left;max-width:100%}}@media (width<=480px){.wo-modal-detail{border-radius:8px;max-width:100%}.wo-detail-section{padding:10px 12px}}.nws-page{background:var(--c-bg-page,#f9fafb);min-height:100vh;color:var(--c-text,#111827);flex-direction:column;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:13px;display:flex}.nws-topbar{background:var(--c-bg,#fff);border-bottom:1px solid var(--c-border,#e5e7eb);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;box-shadow:0 1px 3px #00000014}.nws-breadcrumb{color:var(--c-text-muted,#6b7280);align-items:center;gap:6px;font-size:12px;display:flex}.nws-breadcrumb__list{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.nws-breadcrumb__item{align-items:center;display:flex}.nws-breadcrumb__home-btn{cursor:pointer;color:var(--c-text-muted,#6b7280);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .16s,background .16s;display:flex}.nws-breadcrumb__home-btn:hover{color:var(--c-primary,#1a56db);background:var(--c-blue-light,#e8efff)}.nws-breadcrumb__sep{color:var(--c-border-hover,#d1d5db);align-items:center;display:flex}.nws-breadcrumb__link{cursor:pointer;color:var(--c-text-muted,#6b7280);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-family:inherit;font-size:12px;transition:color .16s,background .16s}.nws-breadcrumb__link:hover{color:var(--c-primary,#1a56db);background:var(--c-blue-light,#e8efff)}.nws-breadcrumb__item--active{align-items:center;display:flex}.nws-breadcrumb__current{color:var(--c-text,#111827);align-items:center;gap:6px;padding:2px 4px;font-weight:600;display:flex}.nws-breadcrumb__current-dot{background:var(--c-primary,#1a56db);border-radius:50%;flex-shrink:0;width:6px;height:6px}.nws-topbar__right{align-items:center;gap:10px;display:flex}.nws-error-pill{color:#dc2626;white-space:nowrap;background:#fef2f2;border:1px solid #fca5a5;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.nws-badge--unsaved{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500}.nws-btn-save{background:var(--primary-gradient,linear-gradient(135deg, var(--c-primary,#1a56db), #1547c0));color:#fff;cursor:pointer;border:1px solid #1547c0;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .16s;display:inline-flex;box-shadow:0 1px 3px #2563eb4d}.nws-btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb59}.nws-btn-save:disabled{opacity:.6;cursor:not-allowed}.nws-body{flex-direction:column;gap:14px;width:100%;max-width:1100px;margin:0 auto;padding:20px;animation:.2s nws-fade-slide;display:flex}@keyframes nws-fade-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.nws-card{background:var(--c-bg,#fff);border:1px solid var(--c-border,#e5e7eb);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}.nws-card__header{border-bottom:1px solid var(--c-border,#e5e7eb);background:var(--c-bg-muted,#f3f4f6);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.nws-card__title{color:var(--c-text,#111827);align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.nws-card__title-dot{background:var(--c-primary,#1a56db);border-radius:50%;flex-shrink:0;width:7px;height:7px}.nws-card__body{padding:16px}.nws-field{flex-direction:column;gap:4px;display:flex}.nws-label{color:var(--c-text-muted,#6b7280);letter-spacing:.1px;align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.nws-label__req{color:var(--c-danger,#e24b4a);font-size:12px}.nws-input{box-sizing:border-box;border:1px solid var(--c-border,#e5e7eb);width:100%;height:36px;color:var(--c-text,#111827);background:var(--c-bg,#fff);appearance:none;border-radius:4px;outline:none;padding:0 11px;font-family:inherit;font-size:13.5px;transition:border-color .16s,box-shadow .16s}.nws-input:hover{border-color:var(--c-border-hover,#d1d5db)}.nws-input:focus{border-color:var(--c-primary,#1a56db);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-primary,#1a56db) 14%, transparent)}.nws-input:disabled{background:var(--c-bg-muted,#f3f4f6);color:var(--c-text-muted,#6b7280);cursor:not-allowed}.nws-input[readonly]{background:var(--c-bg-muted,#f3f4f6);color:var(--c-text-muted,#6b7280);cursor:default}select.nws-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239ca3af'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.nws-textarea{box-sizing:border-box;border:1px solid var(--c-border,#e5e7eb);width:100%;color:var(--c-text,#111827);background:var(--c-bg,#fff);resize:vertical;border-radius:4px;outline:none;min-height:80px;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:border-color .16s,box-shadow .16s}.nws-textarea:hover{border-color:var(--c-border-hover,#d1d5db)}.nws-textarea:focus{border-color:var(--c-primary,#1a56db);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-primary,#1a56db) 14%, transparent)}.nws-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.nws-select-with-add{align-items:center;gap:6px;width:100%;display:flex}.nws-select-with-add .nws-input{flex:1}.nws-add-btn{border:1px solid var(--c-border,#e5e7eb);background:var(--c-bg,#fff);width:36px;min-width:36px;height:36px;color:var(--c-text-secondary,#6b7280);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.nws-add-btn:hover{background:var(--c-primary,#6366f1);color:#fff;border-color:var(--c-primary,#6366f1)}.nws-add-input-group{flex:1;align-items:center;gap:4px;display:flex}.nws-add-input{border:1px solid var(--c-border,#e5e7eb);height:36px;color:var(--c-text,#111827);background:var(--c-bg,#fff);border-radius:4px;outline:none;flex:1;min-width:100px;padding:0 11px;font-size:13.5px}.nws-add-input:focus{border-color:var(--c-primary,#6366f1)}.nws-add-confirm{background:var(--c-success,#10b981);color:#fff;cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;transition:all .15s;display:flex}.nws-add-confirm:hover{background:#059669}.nws-add-cancel{background:var(--c-danger,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;transition:all .15s;display:flex}.nws-add-cancel:hover{background:#dc2626}.nws-holiday-picker-portal{z-index:9999;pointer-events:none;position:fixed;top:0;left:0}.nws-holiday-picker-portal .nws-holiday-picker{pointer-events:auto;background:var(--c-bg,#fff);border:1px solid var(--c-border,#e5e7eb);border-radius:8px;min-width:280px;max-height:320px;padding:12px;overflow-y:auto;box-shadow:0 10px 40px #0003}.nws-holiday-picker-portal .nws-holiday-input-row{flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.nws-holiday-picker-portal .nws-holiday-input-row .nws-input{border:1px solid var(--c-border,#e5e7eb);background:var(--c-bg,#fff);min-width:60px;height:32px;color:var(--c-text,#111827);border-radius:4px;outline:none;flex:1;padding:0 8px;font-size:12px;transition:border-color .15s}.nws-holiday-picker-portal .nws-holiday-input-row .nws-input:focus{border-color:var(--c-primary,#6366f1);box-shadow:0 0 0 2px #6366f11a}.nws-holiday-picker-portal .nws-holiday-input-row .nws-input[type=date]{min-width:120px;max-width:140px}.nws-holiday-picker-portal .nws-holiday-input-row .nws-input[type=text]{min-width:80px}.nws-holiday-picker-portal .nws-add-holiday-btn{background:var(--c-primary,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.nws-holiday-picker-portal .nws-add-holiday-btn:hover{background:var(--c-primary-hover,#4f46e5)}.nws-holiday-picker-portal .nws-holiday-list{flex-direction:column;gap:4px;max-height:100px;margin-bottom:10px;display:flex;overflow-y:auto}.nws-holiday-picker-portal .nws-holiday-item{background:var(--c-bg-muted,#f3f4f6);border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;display:flex}.nws-holiday-picker-portal .nws-remove-holiday{display:flex}.nws-options-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.nws-checkbox-label{color:var(--c-text,#111827);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.nws-checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--c-primary,#1a56db);cursor:pointer}.nws-footer-row{background:var(--c-bg,#fff);border:1px solid var(--c-border,#e5e7eb);border-radius:8px;justify-content:flex-end;align-items:center;gap:10px;margin:0 20px 20px;padding:18px 24px;display:flex;box-shadow:0 1px 3px #00000014}.nws-footer-btn{cursor:pointer;border:1px solid #0000;border-radius:4px;outline:none;align-items:center;gap:7px;height:36px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .16s;display:inline-flex}.nws-footer-btn--primary{background:var(--primary-gradient,linear-gradient(135deg, var(--c-primary,#1a56db), #1547c0));color:#fff;border-color:#1547c0;box-shadow:0 1px 3px #2563eb4d}.nws-footer-btn--primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb59}.nws-footer-btn--primary:disabled{opacity:.6;cursor:not-allowed}.nws-footer-btn--secondary{background:var(--c-bg,#fff);color:var(--c-text-muted,#6b7280);border-color:var(--c-border,#e5e7eb)}.nws-footer-btn--secondary:hover{color:var(--c-text,#111827);background:var(--c-bg-muted,#f3f4f6);border-color:#c0c8d4}.nws-modal-overlay{z-index:110;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11182780;justify-content:center;align-items:center;padding:20px;animation:.15s nws-fade-in;display:flex;position:fixed;inset:0}@keyframes nws-fade-in{0%{opacity:0}to{opacity:1}}.nws-validation-modal{background:var(--c-bg,#fff);border:1px solid var(--c-border,#e5e7eb);border-radius:8px;flex-direction:column;width:100%;max-width:480px;max-height:80vh;animation:.18s nws-slide-up;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000024}@keyframes nws-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nws-modal-header{border-bottom:1px solid var(--c-border,#e5e7eb);background:#fef2f2;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.nws-modal-title{color:#dc2626;align-items:center;gap:8px;margin:0;font-size:14.5px;font-weight:700;display:flex}.nws-modal-close{width:28px;height:28px;color:var(--c-text-muted,#6b7280);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.nws-modal-close:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.nws-modal-body{flex:1;padding:16px 18px;overflow-y:auto}.nws-modal-intro{color:var(--c-text-muted,#6b7280);margin:0 0 12px;font-size:13px;line-height:1.5}.nws-error-list{flex-direction:column;gap:8px;display:flex}.nws-validation-error-item{background:#fff5f5;border:1px solid #fecaca;border-radius:6px;padding:10px 12px}.nws-error-header{align-items:center;gap:6px;margin-bottom:3px;display:flex}.nws-error-icon{color:#dc2626;flex-shrink:0}.nws-error-label{color:var(--c-text,#111827);font-size:13px;font-weight:600}.nws-error-message{color:var(--c-text-muted,#6b7280);padding-left:20px;font-size:12px;line-height:1.5}.nws-modal-footer{border-top:1px solid var(--c-border,#e5e7eb);background:var(--c-bg-muted,#f3f4f6);flex-shrink:0;justify-content:flex-end;align-items:center;padding:12px 18px;display:flex}.nws-btn-cancel{height:34px;color:var(--c-text-muted,#6b7280);background:var(--c-bg,#fff);border:1px solid var(--c-border,#e5e7eb);cursor:pointer;border-radius:4px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .16s}.nws-btn-cancel:hover{background:var(--c-bg-muted,#f3f4f6);border-color:var(--c-border-hover,#d1d5db);color:var(--c-text,#111827)}.dark-theme .nws-page{background:var(--c-bg-page,#0f172a)}.dark-theme .nws-card{background:var(--c-bg,#1e293b);border-color:var(--c-border,#334155)}.dark-theme .nws-card__header{border-bottom-color:var(--c-border,#334155);background:#ffffff08}.dark-theme .nws-card__title{color:var(--c-text,#f8fafc)}.dark-theme .nws-input,.dark-theme .nws-textarea,.dark-theme .nws-add-input{background:var(--c-bg,#1e293b);border-color:var(--c-border,#334155);color:var(--c-text,#f8fafc)}.dark-theme .nws-input:focus,.dark-theme .nws-textarea:focus,.dark-theme .nws-add-input:focus{border-color:var(--c-primary,#6366f1)}.dark-theme .nws-label{color:var(--c-text-muted,#94a3b8)}.dark-theme .nws-add-btn{background:var(--c-bg,#1e293b);border-color:var(--c-border,#334155);color:var(--c-text-secondary,#94a3b8)}.dark-theme .nws-add-btn:hover{background:var(--c-primary,#6366f1);color:#fff}.dark-theme .nws-holiday-toggle{background:var(--c-bg,#1e293b);border-color:var(--c-border,#334155);color:var(--c-text,#f8fafc)}.dark-theme .nws-holiday-picker{background:var(--c-bg,#1e293b);border-color:var(--c-border,#334155)}.dark-theme .nws-holiday-item{color:var(--c-text,#f8fafc);background:#ffffff0d}.dark-theme .nws-preset-btn{background:var(--c-bg,#1e293b);border-color:var(--c-border,#334155);color:var(--c-text,#f8fafc)}.dark-theme .nws-preset-btn:hover{background:var(--c-primary,#6366f1);color:#fff}.dark-theme .nws-no-holidays{color:var(--c-text-secondary,#94a3b8)}.dark-theme .nws-footer-row{background:var(--c-bg,#1e293b);border-color:var(--c-border,#334155)}.dark-theme .nws-footer-btn--secondary{background:var(--c-bg,#1e293b);border-color:var(--c-border,#334155);color:var(--c-text,#f8fafc)}.dark-theme .nws-footer-btn--secondary:hover{background:#ffffff0d}.dark-theme .nws-checkbox-label{color:var(--c-text,#f8fafc)}.dark-theme .nws-topbar{background:var(--c-bg,#1e293b);border-bottom-color:var(--c-border,#334155)}.dark-theme .nws-validation-modal{background:var(--c-bg,#1e293b);border-color:var(--c-border,#334155)}.dark-theme .nws-error-label{color:var(--c-text,#f8fafc)}.dark-theme .nws-btn-cancel{background:var(--c-bg,#1e293b);border-color:var(--c-border,#334155);color:var(--c-text,#f8fafc)}.dark-theme .nws-btn-cancel:hover{background:#ffffff0d}@media (width<=768px){.nws-body{padding:12px}.nws-form-grid,.nws-options-grid{grid-template-columns:1fr}.nws-footer-row{flex-wrap:wrap;margin:0 12px 12px;padding:14px 16px}.nws-footer-btn{flex:1;justify-content:center}.nws-topbar{flex-wrap:wrap;height:48px;padding:0 12px}.nws-topbar__right{flex-wrap:wrap;gap:6px}.nws-breadcrumb{font-size:11px}.nws-holiday-input-row{flex-direction:column;align-items:stretch}.nws-holiday-input-row .nws-input{min-width:auto}.nws-holiday-picker{min-width:auto;left:-10px;right:-10px}.nws-select-with-add,.nws-add-input-group{flex-wrap:wrap}}@media (width<=480px){.nws-card__body{padding:12px}.nws-footer-row{flex-direction:column-reverse}.nws-footer-btn{width:100%}.nws-select-with-add,.nws-add-input-group{flex-wrap:wrap}}.nws-label.required-star:after{content:" *";color:#dc2626;font-weight:700}.nws-error-text{margin-top:4px;font-size:12px;font-weight:500;display:block;color:#dc2626!important}.nws-input.nws-input-error{border-color:inherit!important;background:inherit!important}.nws-input.nws-input-error:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.op-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden auto}.op-page::-webkit-scrollbar{width:6px}.op-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.op-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.op-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.op-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.op-stat-card{box-shadow:0 1px 3px var(--shadow-color,#0000000f);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:flex}.op-stat-card:hover{box-shadow:0 4px 12px var(--shadow-color,#00000014);transform:translateY(-2px)}.op-stat-icon{background:#fff9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.op-stat-content{flex:1;min-width:0}.op-stat-title{color:var(--text-secondary,#6b7280);letter-spacing:.3px;margin-bottom:2px;font-size:12px;font-weight:500}.op-stat-value{color:var(--text-primary,#111827);margin:0;font-size:22px;font-weight:700;line-height:1.2}.op-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.op-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.op-search-wrapper{flex:1;max-width:400px;position:relative}.op-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.op-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s,box-shadow .2s}.op-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.op-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.op-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:background .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.op-search-clear:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.op-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.op-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.op-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.op-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.op-sort-btn:hover{background:var(--nav-hover,#f9fafb);border-color:var(--primary-color,#6366f1)}.op-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.op-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.op-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.op-active-filters span{color:var(--text-primary,#111827)}.op-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.op-clear-filters:hover{background:var(--nav-hover,#f3f4f6);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.op-loading{text-align:center;color:var(--text-secondary,#6b7280);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.op-error{text-align:center;color:var(--danger-color,#ef4444);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:40px}.op-retry-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 20px;transition:all .15s}.op-retry-btn:hover{background:var(--primary-hover,#4f46e5)}.op-table-container{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border-radius:12px;overflow:hidden}.op-td-meta{text-align:right;white-space:nowrap}.op-status-badge{text-transform:capitalize;letter-spacing:.3px;border-radius:99px;align-items:center;padding:3px 12px;font-size:11px;font-weight:600;display:inline-flex}.op-status-active{color:#065f46;background:#d1fae5}.op-status-submitted{color:#92400e;background:#fef3c7}.op-status-cancelled{color:#991b1b;background:#fee2e2}.op-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;transition:all .2s;display:inline-flex}.op-action-btn svg{height:10px}.op-dot{color:var(--text-secondary,#d1d5db);flex-shrink:0;margin:0 3px;font-size:10px}.op-empty-state{text-align:center;padding:60px 20px}.op-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.op-empty-content svg{color:var(--text-secondary,#9ca3af)}.op-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.op-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.op-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.op-pagination-left,.op-pagination-right{align-items:center;gap:8px;display:flex}.op-pagination-center{align-items:center;gap:4px;display:flex}.op-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.op-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px;transition:border-color .15s}.op-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.op-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.op-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.op-page-btn:disabled{opacity:.5;cursor:not-allowed}.op-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.op-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.op-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.dark-theme .op-stat-card{background:var(--card-bg,#1e293b)}.dark-theme .op-stat-value{color:var(--text-primary,#f8fafc)}.dark-theme .op-sort-btn,.dark-theme .op-filter-select,.dark-theme .op-page-btn,.dark-theme .op-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .op-sort-btn:hover,.dark-theme .op-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .op-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .op-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .op-table-container{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .op-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .op-table thead th{color:var(--text-secondary,#94a3b8);border-color:var(--border-color,#334155)}.dark-theme .op-table tbody tr{border-color:var(--border-color,#334155)}.dark-theme .op-table tbody tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .op-table tbody td,.dark-theme .op-td-name,.dark-theme .op-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .op-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .op-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .op-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .op-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .op-clear-filters:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .op-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .op-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .op-error{background:#ef44441a;border-color:#ef444433}@media (width<=1024px){.op-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.op-page{gap:12px;padding:12px}.op-stats-container{grid-template-columns:1fr 1fr;gap:12px}.op-filter-bar{flex-direction:column;align-items:stretch}.op-filter-left{width:100%}.op-search-wrapper{max-width:100%}.op-filter-right{flex-wrap:wrap;justify-content:flex-start}.op-table-container{overflow-x:auto}.op-table{min-width:600px}.op-pagination{flex-direction:column;align-items:center}.op-pagination-center{order:2}.op-pagination-left,.op-pagination-right{order:1}.op-stat-card{padding:12px 16px}.op-stat-value{font-size:18px}.op-stat-icon{width:38px;height:38px;font-size:16px}}@media (width<=480px){.op-stats-container{grid-template-columns:1fr}.op-stat-card{padding:12px}.op-stat-value{font-size:16px}.op-stat-icon{width:36px;height:36px;font-size:14px}.op-filter-right{flex-direction:column;width:100%}.op-filter-right>*{width:100%}.op-btn-primary{justify-content:center}.op-pagination-center{flex-wrap:wrap;justify-content:center}.op-table{min-width:500px;font-size:11px}.op-table tbody td{padding:6px 8px}.op-table thead th{padding:8px 10px;font-size:10px}}.op-table{border-collapse:collapse;width:100%;font-size:13px}.op-table thead{background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb)}.op-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-color,#e5e7eb);padding:12px 16px;font-size:11px;font-weight:600}.op-table thead th:last-child{text-align:right}.op-th-meta{text-align:right;color:var(--text-secondary,#9ca3af);font-weight:500}.op-table tbody tr{border-bottom:1px solid var(--border-color,#f3f4f6);cursor:pointer;transition:background .15s}.op-table tbody tr:hover{background:var(--nav-hover,#f9fafb)}.op-table tbody tr:last-child{border-bottom:none}.op-table tbody td{vertical-align:middle;color:var(--text-primary,#374151);padding:10px 16px}.op-table tbody td:last-child{text-align:right;white-space:nowrap}.op-td-name{color:var(--text-primary,#111827);font-weight:500}.op-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.op-action-buttons{align-items:center;gap:2px;margin-left:8px;display:inline-flex}.op-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.op-action-btn:disabled{opacity:.5;cursor:not-allowed}.op-action-view{color:var(--primary-color,#6366f1)}.op-action-view:hover:not(:disabled){background:#6366f11a}.op-action-edit{color:#f59e0b}.op-action-edit:hover:not(:disabled){background:#f59e0b1a}.op-action-delete{color:var(--danger-color,#ef4444)}.op-action-delete:hover:not(:disabled){background:#ef44441a}.op-ago{color:var(--text-secondary,#6b7280);flex-shrink:0;font-size:11px}.op-dot{color:var(--text-secondary,#d1d5db);flex-shrink:0;margin:0 4px}.itl-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.itl-modal{background:var(--card-bg,#fff);border-radius:12px;width:90%;max-width:600px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}.itl-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.itl-modal-header h3{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:600}.itl-modal-close{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex}.itl-modal-close:hover{color:var(--text-primary,#374151)}.itl-modal-error{color:#dc2626;background:#fef2f2;border-bottom:1px solid #fca5a5;padding:12px 24px;font-size:14px}.itl-modal-body{padding:24px}.itl-form-group{margin-bottom:16px}.itl-form-group label{color:var(--text-primary,#374151);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.itl-form-group input,.itl-form-group textarea,.itl-form-group select{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:6px;padding:8px 12px;font-size:13px;transition:border-color .2s}.itl-form-group input:focus,.itl-form-group textarea:focus,.itl-form-group select:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.itl-form-group textarea{resize:vertical;min-height:60px}.itl-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.itl-checkbox-row{margin-top:8px}.itl-checkbox-group{align-items:center;gap:8px;padding:8px 0;display:flex}.itl-checkbox-group label{cursor:pointer;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:400;display:flex}.itl-checkbox-group input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-color,#6366f1)}.itl-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.itl-btn-cancel{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .15s}.itl-btn-cancel:hover{background:var(--nav-hover,#f3f4f6)}.itl-btn-submit{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.itl-btn-submit:hover:not(:disabled){background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.itl-btn-submit:disabled{opacity:.6;cursor:not-allowed}.itl-btn-submit .spinning{animation:1s linear infinite spin}.dark-theme .itl-modal{background:var(--card-bg,#1e293b)}.dark-theme .itl-modal-header{border-bottom-color:var(--border-color,#334155)}.dark-theme .itl-modal-header h3{color:var(--text-primary,#f8fafc)}.dark-theme .itl-modal-error{color:#f87171;background:#ef444426;border-bottom-color:#ef44444d}.dark-theme .itl-form-group label{color:var(--text-primary,#f8fafc)}.dark-theme .itl-form-group input,.dark-theme .itl-form-group textarea,.dark-theme .itl-form-group select{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .itl-form-group input::placeholder,.dark-theme .itl-form-group textarea::placeholder{color:var(--text-secondary,#94a3b8)}.dark-theme .itl-modal-footer{border-top-color:var(--border-color,#334155)}.dark-theme .itl-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .itl-btn-cancel:hover{background:#ffffff0d}.dark-theme .itl-checkbox-group label{color:var(--text-primary,#f8fafc)}.opf-page{background:var(--layout-bg,#f3f4f6);min-height:100vh;padding:24px}.opf-container{background:var(--card-bg,#fff);max-width:1200px;box-shadow:0 1px 3px var(--shadow-color,#00000014);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin:0 auto;padding:32px}.opf-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.opf-header h1{color:var(--text-primary,#111827);flex:1;margin:0;font-size:24px;font-weight:600}.opf-header-actions{align-items:center;gap:12px;display:flex}.opf-back-btn{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .15s;display:flex}.opf-back-btn:hover{background:var(--nav-hover,#f9fafb);border-color:var(--primary-color,#6366f1)}.opf-status-badge{color:#fff;border-radius:20px;align-items:center;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.opf-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.opf-btn-primary{background:var(--primary-color,#6366f1);color:#fff}.opf-btn-primary:hover:not(:disabled){background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.opf-btn-secondary{background:var(--card-bg,white);color:var(--text-primary,#374151);border:1px solid var(--border-color,#e5e7eb)}.opf-btn-secondary:hover{background:var(--nav-hover,#f9fafb)}.opf-btn-danger{color:#fff;background:#ef4444}.opf-btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.opf-btn:disabled{opacity:.6;cursor:not-allowed}.opf-btn .spinning{animation:1s linear infinite spin}.opf-alert{border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.opf-alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.opf-alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #86efac}.opf-alert-close{cursor:pointer;color:inherit;background:0 0;border:none;padding:0 4px;font-size:20px}.opf-form{margin-top:8px}.opf-form-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.opf-form-section{flex-direction:column;gap:20px;display:flex}.opf-form-section h3{color:var(--text-primary,#111827);border-bottom:2px solid var(--border-color,#e5e7eb);margin:0;padding-bottom:8px;font-size:16px;font-weight:600}.opf-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.opf-form-group{flex-direction:column;gap:4px;display:flex}.opf-form-group label{color:var(--text-primary,#374151);font-size:13px;font-weight:500}.opf-form-group input,.opf-form-group textarea,.opf-form-group select{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);color:var(--text-primary,#374151);border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s}.opf-form-group input:focus,.opf-form-group textarea:focus,.opf-form-group select:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.opf-form-group textarea{resize:vertical;min-height:60px}.opf-disabled{background:var(--nav-hover,#f9fafb);cursor:not-allowed;opacity:.7}.opf-disabled:hover{cursor:not-allowed}.opf-form-checkboxes{flex-direction:column;gap:16px;padding-top:8px;display:flex}.opf-checkbox-group{flex-direction:column;gap:2px;display:flex}.opf-checkbox-label{color:var(--text-primary,#374151);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.opf-checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-color,#6366f1)}.opf-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.opf-checkbox-help{color:var(--text-secondary,#6b7280);margin-left:24px;font-size:12px}.opf-form-actions{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.opf-view-actions{align-items:center;gap:12px;display:flex}.opf-no-changes{color:var(--text-secondary,#6b7280);font-size:13px}.opf-unsaved-warning{color:#f59e0b;align-items:center;gap:8px;font-weight:500;display:flex}.opf-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.opf-loading .spinning{color:var(--primary-color,#6366f1);animation:1s linear infinite spin}.opf-loading p{color:var(--text-secondary,#6b7280);margin:0;font-size:16px}.dark-theme .opf-container{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .opf-header h1{color:var(--text-primary,#f8fafc)}.dark-theme .opf-back-btn{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .opf-back-btn:hover{background:#ffffff0d}.dark-theme .opf-form-section h3{color:var(--text-primary,#f8fafc);border-bottom-color:var(--border-color,#334155)}.dark-theme .opf-form-group label{color:var(--text-primary,#f8fafc)}.dark-theme .opf-form-group input,.dark-theme .opf-form-group textarea,.dark-theme .opf-form-group select{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .opf-form-group input::placeholder,.dark-theme .opf-form-group textarea::placeholder{color:var(--text-secondary,#94a3b8)}.dark-theme .opf-disabled{background:#ffffff0d}.dark-theme .opf-checkbox-label{color:var(--text-primary,#f8fafc)}.dark-theme .opf-checkbox-help{color:var(--text-secondary,#94a3b8)}.dark-theme .opf-btn-secondary{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .opf-btn-secondary:hover{background:#ffffff0d}.dark-theme .opf-alert-error{color:#f87171;background:#ef444426;border-color:#ef44444d}.dark-theme .opf-alert-success{color:#34d399;background:#10b98126;border-color:#10b9814d}.dark-theme .opf-no-changes{color:var(--text-secondary,#94a3b8)}.dark-theme .opf-unsaved-warning{color:#fbbf24}.dark-theme .opf-loading p{color:var(--text-secondary,#94a3b8)}.dark-theme .opf-form-actions{border-top-color:var(--border-color,#334155)}@media (width<=1024px){.opf-container{padding:24px}}@media (width<=768px){.opf-page{padding:16px}.opf-container{padding:20px}.opf-form-grid{grid-template-columns:1fr;gap:24px}.opf-header{flex-direction:column;align-items:flex-start;gap:12px}.opf-header-actions{flex-wrap:wrap;width:100%}.opf-form-row{grid-template-columns:1fr;gap:12px}.opf-form-actions{flex-direction:column-reverse;align-items:stretch}.opf-view-actions{flex-direction:column;align-items:stretch;width:100%}.opf-unsaved-warning{text-align:center}.opf-btn{justify-content:center}.opf-status-badge{align-self:flex-start}}@media (width<=480px){.opf-container{padding:16px}.opf-header h1{font-size:20px}.opf-btn{padding:8px 16px;font-size:13px}}@media (width<=640px){.itl-modal{width:95%;max-height:95vh}.itl-form-row{grid-template-columns:1fr;gap:0}.itl-modal-header,.itl-modal-body{padding:16px 20px}.itl-modal-footer{flex-direction:column-reverse;padding:12px 20px}.itl-btn-cancel,.itl-btn-submit{justify-content:center;width:100%}}.jc-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.jc-page::-webkit-scrollbar{width:6px}.jc-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.jc-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.jc-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.jc-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.jc-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.jc-search-wrapper{flex:1;max-width:400px;position:relative}.jc-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.jc-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.jc-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.jc-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.jc-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.jc-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jc-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.jc-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.jc-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.jc-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.jc-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.jc-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.jc-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.jc-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.jc-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.jc-active-filters span{color:var(--text-primary,#111827)}.jc-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.jc-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.jc-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:40px}.jc-error{text-align:center;color:var(--danger-color,#ef4444);padding:40px}.jc-retry-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 20px}.jc-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.jc-table-wrap::-webkit-scrollbar{height:6px}.jc-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.jc-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.jc-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.jc-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.jc-th-check{text-align:center;width:40px;padding:12px 0 12px 16px}.jc-td-check{text-align:center;width:40px;padding:10px 0 10px 16px}.jc-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.jc-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.jc-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.jc-tr{cursor:default;transition:background .15s}.jc-tr:hover{background:var(--nav-hover,#f9fafb)}.jc-tr-selected{background:var(--nav-active,#f0f7ff)}.jc-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.jc-tr+.jc-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.jc-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.jc-td-id{color:var(--text-primary,#111827);font-family:monospace;font-weight:600}.jc-td-link{color:var(--primary-color,#6366f1);font-weight:500}.jc-td-link:hover{cursor:pointer;text-decoration:underline}.jc-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.jc-status-badge{border-radius:99px;align-items:center;height:24px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.s-draft{color:#b84f58;background:#fff4f4;border:1px solid #f4c7cb}.s-notstarted{color:#a97706;background:#fff9e7;border:1px solid #fde68a}.s-inprocess{color:#a46c00;background:#fff4d8;border:1px solid #fcd34d}.s-completed{color:#15803d;background:#eaf8ef;border:1px solid #86efac}.s-stopped{color:#dc2626;background:#fde8e8;border:1px solid #fca5a5}.s-onhold{color:#a97706;background:#fff9e7;border:1px solid #fde68a}.s-cancelled{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.s-open{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.jc-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.jc-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.jc-action-buttons{align-items:center;gap:4px;display:flex}.jc-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.jc-action-view{color:var(--primary-color,#6366f1)}.jc-action-view:hover{background:#6366f11a}.jc-action-edit{color:#f59e0b}.jc-action-edit:hover{background:#f59e0b1a}.jc-action-delete{color:var(--danger-color,#ef4444)}.jc-action-delete:hover{background:#ef44441a}.jc-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.jc-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.jc-pagination-left,.jc-pagination-right{align-items:center;gap:8px;display:flex}.jc-pagination-center{align-items:center;gap:4px;display:flex}.jc-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.jc-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.jc-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.jc-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.jc-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.jc-page-btn:disabled{opacity:.5;cursor:not-allowed}.jc-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.jc-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.jc-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.jc-empty-state{text-align:center;padding:60px 20px}.jc-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.jc-empty-content svg{color:var(--text-secondary,#9ca3af)}.jc-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.jc-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.jc-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out jcFadeIn;display:flex;position:fixed;inset:0}.jc-modal{background:var(--card-bg,#fff);width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.jc-modal-delete{max-width:450px}.jc-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.jc-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.jc-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.jc-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.jc-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.jc-modal-body::-webkit-scrollbar{width:6px}.jc-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.jc-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.jc-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.jc-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.jc-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.jc-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.jc-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.jc-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.jc-btn-delete:hover{background:#dc2626}.dark-theme .jc-filter-btn,.dark-theme .jc-sort-btn,.dark-theme .jc-filter-select,.dark-theme .jc-page-btn,.dark-theme .jc-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .jc-filter-btn:hover,.dark-theme .jc-sort-btn:hover,.dark-theme .jc-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .jc-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .jc-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .jc-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .jc-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .jc-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .jc-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .jc-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .jc-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .jc-modal-header,.dark-theme .jc-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .jc-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .jc-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .jc-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .jc-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .jc-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .jc-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .jc-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .jc-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .jc-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .jc-btn-primary:hover{background:var(--primary-hover,#2563eb)}.jc-company-icon{color:var(--text-secondary,#9ca3af);margin-right:4px}.jc-td-company{align-items:center;gap:4px;display:flex}@media (width<=768px){.jc-table{min-width:1000px}.jc-page{gap:12px;padding:12px}.jc-filter-bar{flex-direction:column;align-items:stretch}.jc-filter-left{width:100%}.jc-search-wrapper{max-width:100%}.jc-filter-right{flex-wrap:wrap;justify-content:flex-start}.jc-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.jc-pagination-center{order:2}.jc-pagination-left,.jc-pagination-right{order:1}.jc-th-check,.jc-td-check{width:30px;padding-left:10px}.jc-td{padding:8px 10px;font-size:12px}.jc-th{padding:8px 10px;font-size:11px}.jc-td-meta{flex-wrap:wrap;justify-content:flex-end}.jc-modal{max-width:95vw}.jc-modal-body{padding:16px 20px}.jc-modal-footer{flex-wrap:wrap}.jc-btn-cancel,.jc-btn-delete{flex:1;justify-content:center}}@media (width<=480px){.jc-filter-right{flex-direction:column;width:100%}.jc-filter-right>*{width:100%}.jc-btn-primary{justify-content:center}.jc-pagination{padding:8px 0 0}.jc-pagination-center{flex-wrap:wrap;justify-content:center}.jc-modal{border-radius:12px;max-width:98vw}.jc-modal-body{padding:14px 16px}.jc-modal-title{font-size:14px}.jc-modal-header{padding:14px 16px}.jc-modal-footer{flex-direction:column-reverse;gap:8px}.jc-modal-footer button{width:100%}}:root{--jcf-bg:var(--layout-bg,#fff);--jcf-surface:var(--card-bg,#fff);--jcf-surface-2:var(--layout-bg,#f7f8fa);--jcf-border:var(--border-color,#e2e6eb);--jcf-border-focus:var(--primary-color,#3b7dd8);--jcf-blue:var(--primary-color,#2563eb);--jcf-blue-dark:color-mix(in srgb, var(--primary-color,#2563eb) 80%, #000);--jcf-blue-light:color-mix(in srgb, var(--primary-color,#2563eb) 10%, var(--card-bg,#fff));--jcf-blue-mid:color-mix(in srgb, var(--primary-color,#2563eb) 40%, var(--card-bg,#fff));--jcf-amber:#d97706;--jcf-amber-bg:#fffbeb;--jcf-amber-border:#fcd34d;--jcf-red:#dc2626;--jcf-red-bg:#fef2f2;--jcf-red-border:#fca5a5;--jcf-red-light:#fee2e2;--jcf-green:#16a34a;--jcf-text-primary:var(--text-primary,#111827);--jcf-text-secondary:var(--text-secondary,#4b5563);--jcf-text-muted:color-mix(in srgb, var(--text-secondary,#4b5563) 60%, transparent);--jcf-text-label:var(--text-primary,#374151);--jcf-radius-sm:4px;--jcf-radius:8px;--jcf-radius-lg:12px;--jcf-shadow-sm:0 1px 3px var(--shadow-color,#00000014), 0 1px 2px var(--shadow-color,#0000000d);--jcf-shadow-md:0 4px 12px var(--shadow-color,#0000001a), 0 2px 6px var(--shadow-color,#0000000f);--jcf-shadow-lg:0 16px 40px var(--shadow-color,#00000024);--jcf-font:"Inter", "Segoe UI", system-ui, sans-serif;--jcf-mono:"JetBrains Mono", "Fira Code", monospace;--jcf-transition:.16s cubic-bezier(.4, 0, .2, 1)}.jcf-page *,.jcf-page :before,.jcf-page :after{box-sizing:border-box}.jcf-page{font-family:var(--jcf-font);background:var(--jcf-bg);height:100%;color:var(--jcf-text-primary);border-radius:8px;flex-direction:column;font-size:14px;line-height:1.5;display:flex;overflow:visible}.jcf-header-wrap{margin-bottom:16px}.jcf-header-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.jcf-back-btn{color:var(--jcf-text-secondary);border:1px solid var(--jcf-border);border-radius:var(--jcf-radius-sm);cursor:pointer;transition:all var(--jcf-transition);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.jcf-back-btn:hover{color:var(--jcf-blue);border-color:var(--jcf-blue-mid);background:var(--jcf-blue-light)}.jcf-title{letter-spacing:-.3px;color:var(--jcf-text-primary);flex:1;margin:0;font-size:16px;font-weight:700}.jcf-error-pill{background:var(--jcf-red-bg);color:var(--jcf-red);border:1px solid var(--jcf-red-border);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.jcf-container{flex:1}.jcf-tabs-wrap{background:var(--jcf-surface);border:1px solid var(--jcf-border);border-radius:var(--jcf-radius-lg);margin-bottom:16px;padding:8px}.jcf-tabs-row{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.jcf-tabs-row::-webkit-scrollbar{display:none}.jcf-tab-btn{cursor:pointer;border-radius:var(--jcf-radius);transition:background var(--jcf-transition);text-align:left;background:0 0;border:none;outline:none;flex:1;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.jcf-tab-btn:hover{background:var(--jcf-bg)}.jcf-tab-btn-active,.jcf-tab-btn-active:hover{background:var(--jcf-blue-light)}.jcf-tab-circle{background:var(--jcf-surface-2);width:30px;min-width:30px;height:30px;color:var(--jcf-text-muted);transition:all var(--jcf-transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative}.jcf-tab-circle-active{background:var(--jcf-blue);color:#fff}.jcf-tab-circle-warning{background:var(--jcf-amber-bg);color:var(--jcf-amber)}.jcf-tab-error-badge{background:var(--jcf-red);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.jcf-tab-label-wrap{flex-direction:column;gap:1px;display:flex}.jcf-tab-step{letter-spacing:.6px;text-transform:uppercase;color:var(--jcf-text-muted);font-size:10px;font-weight:600}.jcf-tab-step-active{color:var(--jcf-blue)}.jcf-tab-step-warning{color:var(--jcf-amber)}.jcf-tab-name{color:var(--jcf-text-secondary);white-space:nowrap;font-size:13px;font-weight:600}.jcf-tab-name-active{color:var(--jcf-blue-dark)}.jcf-tab-underline{background:var(--jcf-blue);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:10px;right:10px}.jcf-tab-warning-banner{background:var(--jcf-amber-bg);border:1px solid var(--jcf-amber-border);color:var(--jcf-amber);border-radius:var(--jcf-radius);align-items:center;gap:8px;margin-bottom:14px;padding:9px 14px;font-size:12.5px;font-weight:500;display:flex}.jcf-card{background:var(--jcf-surface);border:1px solid var(--jcf-border);border-radius:var(--jcf-radius-lg);box-shadow:var(--jcf-shadow-sm);padding:24px}.jcf-section-title{letter-spacing:.8px;text-transform:uppercase;color:var(--jcf-text-secondary);border-top:1px solid var(--jcf-border);align-items:center;gap:7px;margin-top:4px;margin-bottom:16px;padding-top:20px;font-size:11px;font-weight:700;display:flex}.jcf-section-title-first{border-top:none;margin-top:0;padding-top:0}.jcf-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.jcf-field-block{margin-bottom:16px}.jcf-label{color:var(--jcf-text-label);letter-spacing:.1px;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.jcf-input{width:100%;height:36px;font-family:var(--jcf-font);color:var(--jcf-text-primary);background:var(--jcf-surface);border:1px solid var(--jcf-border);border-radius:var(--jcf-radius-sm);transition:border-color var(--jcf-transition), box-shadow var(--jcf-transition);appearance:none;outline:none;padding:0 11px;font-size:13.5px}.jcf-input:focus{border-color:var(--jcf-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color,#3b7dd8) 14%, transparent)}.jcf-input:disabled{background:var(--jcf-surface-2);color:var(--jcf-text-muted);cursor:not-allowed}.jcf-input::placeholder{color:var(--jcf-text-muted)}.jcf-input-error{background:var(--jcf-red-bg);border-color:var(--jcf-red)!important}.jcf-input-error:focus{box-shadow:0 0 0 3px #dc26261f!important}select.jcf-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239ca3af'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.jcf-textarea{resize:vertical;padding:9px 11px;line-height:1.55;height:auto!important}.jcf-date-input,.react-datepicker__input-container input{width:100%;height:36px;font-family:var(--jcf-font);color:var(--jcf-text-primary);border:1px solid var(--jcf-border);border-radius:var(--jcf-radius-sm);transition:border-color var(--jcf-transition), box-shadow var(--jcf-transition);background:var(--jcf-surface);outline:none;padding:0 11px;font-size:13.5px}.jcf-date-input:focus,.react-datepicker__input-container input:focus{border-color:var(--jcf-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color,#3b7dd8) 14%, transparent)}.react-datepicker-wrapper{width:100%}.react-datepicker-popper{z-index:9999!important}.jcf-error-text{color:var(--jcf-red);margin-top:4px;font-size:11.5px;font-weight:500;display:block}.jcf-helper-text{color:var(--jcf-text-secondary);margin:-6px 0 16px;font-size:12.5px;line-height:1.55}.jcf-info-banner{background:var(--jcf-blue-light);border:1px solid var(--jcf-blue-mid);border-radius:var(--jcf-radius-sm);color:var(--jcf-blue-dark);align-items:center;gap:8px;padding:9px 13px;font-size:12.5px;font-weight:500;display:flex}.jcf-checkbox-label{color:var(--jcf-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:inline-flex}.jcf-checkbox{width:15px;height:15px;accent-color:var(--jcf-blue);cursor:pointer;border-radius:3px}.jcf-table-wrap{border:1px solid var(--jcf-border);border-radius:var(--jcf-radius);margin-bottom:4px;overflow:hidden}.jcf-table{border-collapse:collapse;table-layout:fixed;width:100%}.jcf-table thead tr{background:var(--jcf-surface-2);border-bottom:1px solid var(--jcf-border)}.jcf-table th{letter-spacing:.5px;text-transform:uppercase;color:var(--jcf-text-muted);text-align:left;padding:9px 12px;font-size:11px;font-weight:700}.jcf-table tbody tr{border-bottom:1px solid var(--jcf-border);transition:background var(--jcf-transition)}.jcf-table tbody tr:last-child{border-bottom:none}.jcf-table tbody tr:hover{background:var(--jcf-surface-2)}.jcf-table td{vertical-align:middle;padding:6px 8px}.jcf-table-empty{text-align:center;color:var(--jcf-text-muted);font-size:13px;font-style:italic;padding:22px!important}.jcf-cell-input{width:100%;height:30px;font-family:var(--jcf-font);color:var(--jcf-text-primary);border-radius:var(--jcf-radius-sm);transition:border-color var(--jcf-transition), background var(--jcf-transition);background:0 0;border:1px solid #0000;outline:none;padding:0 8px;font-size:13px}.jcf-cell-input:focus{border-color:var(--jcf-border-focus);background:var(--jcf-surface);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color,#3b7dd8) 12%, transparent)}.jcf-cell-input::placeholder{color:var(--jcf-text-muted)}.jcf-cell-date-input{width:100%;height:30px;font-family:var(--jcf-font);color:var(--jcf-text-primary);border-radius:var(--jcf-radius-sm);transition:border-color var(--jcf-transition), background var(--jcf-transition);background:0 0;border:1px solid #0000;outline:none;padding:0 8px;font-size:13px}.jcf-cell-date-input:focus{border-color:var(--jcf-border-focus);background:var(--jcf-surface);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color,#3b7dd8) 12%, transparent)}.jcf-cell-center{text-align:center}.jcf-row-remove{border-radius:var(--jcf-radius-sm);width:26px;height:26px;color:var(--jcf-text-muted);cursor:pointer;transition:all var(--jcf-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.jcf-row-remove:hover{color:var(--jcf-red);background:var(--jcf-red-bg);border-color:var(--jcf-red-border)}.jcf-add-row-btn{color:var(--jcf-blue);border:1px dashed var(--jcf-blue-mid);border-radius:var(--jcf-radius-sm);cursor:pointer;transition:all var(--jcf-transition);background:0 0;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.jcf-add-row-btn:hover{background:var(--jcf-blue-light);border-style:solid}.jcf-mb-20{margin-bottom:20px}.jcf-mt-20{margin-top:20px}.jcf-footer-row{background:var(--jcf-surface);border:1px solid var(--jcf-border);border-radius:var(--jcf-radius-lg);box-shadow:var(--jcf-shadow-sm);justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;padding:18px 24px;display:flex}.jcf-btn-primary,.jcf-btn-secondary{height:36px;font-family:var(--jcf-font);border-radius:var(--jcf-radius-sm);cursor:pointer;transition:all var(--jcf-transition);letter-spacing:.1px;border:1px solid #0000;outline:none;align-items:center;gap:7px;padding:0 18px;font-size:13.5px;font-weight:600;display:inline-flex}.jcf-btn-primary{background:var(--primary-gradient,linear-gradient(135deg, var(--jcf-blue), var(--jcf-blue-dark)));color:#fff;border-color:var(--jcf-blue-dark);box-shadow:0 1px 3px var(--shadow-color,#2563eb4d)}.jcf-btn-primary:hover{opacity:.9;box-shadow:0 3px 8px var(--shadow-color,#2563eb59);transform:translateY(-1px)}.jcf-btn-primary:active{box-shadow:none;transform:translateY(0)}.jcf-btn-submit{justify-content:center;min-width:160px}.jcf-btn-secondary{background:var(--jcf-surface);color:var(--jcf-text-secondary);border-color:var(--jcf-border)}.jcf-btn-secondary:hover{color:var(--jcf-text-primary);background:var(--jcf-surface-2);border-color:#c0c8d4}.jcf-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#11182773;justify-content:center;align-items:center;padding:20px;animation:.18s jcf-overlay-in;display:flex;position:fixed;inset:0}.jcf-validation-modal{background:var(--jcf-surface);border-radius:var(--jcf-radius-lg);width:100%;max-width:500px;box-shadow:var(--jcf-shadow-lg);animation:.22s cubic-bezier(.34,1.28,.64,1) jcf-modal-in;overflow:hidden}.jcf-modal-header{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.jcf-modal-header-warning{background:var(--jcf-amber-bg);border-bottom:1px solid var(--jcf-amber-border)}.jcf-modal-title-warning{color:var(--jcf-amber);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.jcf-modal-close{width:28px;height:28px;color:var(--jcf-text-muted);cursor:pointer;transition:all var(--jcf-transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.jcf-modal-close:hover{color:var(--jcf-text-primary);background:#00000012}.jcf-modal-body{flex-direction:column;gap:14px;max-height:60vh;padding:20px;display:flex;overflow-y:auto}.jcf-modal-intro{color:var(--jcf-text-secondary);margin:0;font-size:13px}.jcf-error-list{flex-direction:column;gap:8px;display:flex}.jcf-validation-error-item{border:1px solid var(--jcf-red-border);border-radius:var(--jcf-radius);background:var(--jcf-red-bg);cursor:pointer;transition:all var(--jcf-transition);flex-direction:column;gap:4px;padding:11px 14px;display:flex}.jcf-validation-error-item:hover{border-color:var(--jcf-red);background:var(--jcf-red-light);transform:translate(2px)}.jcf-error-header{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.jcf-error-icon{color:var(--jcf-red);flex-shrink:0}.jcf-error-label{color:var(--jcf-text-primary);font-size:13px;font-weight:600}.jcf-error-tab{color:var(--jcf-text-muted);background:var(--jcf-surface);border:1px solid var(--jcf-border);white-space:nowrap;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.jcf-error-message{color:var(--jcf-red);padding-left:20px;font-size:12.5px}.jcf-hint-banner{color:var(--jcf-text-muted);background:var(--jcf-surface-2);border:1px solid var(--jcf-border);border-radius:var(--jcf-radius-sm);align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.jcf-hint-icon{color:var(--jcf-blue);flex-shrink:0}.jcf-modal-footer{border-top:1px solid var(--jcf-border);background:var(--jcf-surface-2);justify-content:flex-end;padding:14px 20px;display:flex}.jcf-btn-cancel{height:34px;font-family:var(--jcf-font);color:var(--jcf-text-secondary);background:var(--jcf-surface);border:1px solid var(--jcf-border);border-radius:var(--jcf-radius-sm);cursor:pointer;transition:all var(--jcf-transition);padding:0 16px;font-size:13px;font-weight:600}.jcf-btn-cancel:hover{color:var(--jcf-text-primary);border-color:#c0c8d4}.jcf-timer-bar{background:var(--jcf-surface);border:1px solid var(--jcf-border);border-radius:var(--jcf-radius-lg);box-shadow:var(--jcf-shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.jcf-timer-display{flex-direction:column;gap:2px;display:flex}.jcf-timer-label{letter-spacing:.6px;text-transform:uppercase;color:var(--jcf-text-muted);align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex}.jcf-timer-value{font-family:var(--jcf-mono);color:var(--jcf-text-primary);letter-spacing:1px;font-size:22px;font-weight:700}.jcf-timer-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.jcf-btn-start,.jcf-btn-complete{height:36px;font-family:var(--jcf-font);border-radius:var(--jcf-radius-sm);cursor:pointer;transition:all var(--jcf-transition);border:1px solid #0000;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.jcf-btn-start{background:var(--jcf-text-primary);color:#fff}.jcf-btn-start:hover{opacity:.88}.jcf-btn-complete{background:var(--jcf-green);color:#fff}.jcf-btn-complete:hover{opacity:.88}.jcf-status-done{color:var(--jcf-green);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.jcf-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.jcf-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}@media (width<=900px){.jcf-grid-3,.jcf-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.jcf-grid-3,.jcf-grid-4{grid-template-columns:1fr}}.jcf-modal-title-plain{color:var(--jcf-text-primary);margin:0;font-size:15px;font-weight:700}.jcf-employee-list{flex-direction:column;gap:6px;display:flex}.jcf-employee-item{border:1px solid var(--jcf-border);border-radius:var(--jcf-radius);cursor:pointer;transition:all var(--jcf-transition);align-items:center;gap:10px;padding:10px 12px;display:flex}.jcf-employee-item:hover{border-color:var(--jcf-blue-mid);background:var(--jcf-blue-light)}.jcf-employee-id{color:var(--jcf-blue);font-size:12px;font-weight:700}.jcf-employee-name{color:var(--jcf-text-secondary);font-size:13px}.jcf-spinning{animation:.7s linear infinite jcf-spin}.jcf-fade-in{animation:.2s jcf-fade-slide}@media (width<=680px){.jcf-grid-2{grid-template-columns:1fr}.jcf-container{padding:0}.jcf-card{padding:16px}.jcf-tab-btn{gap:7px;min-width:90px;padding:8px 10px}.jcf-tab-name{font-size:12px}.jcf-title{font-size:15px}}@media (width<=480px){.jcf-tab-label-wrap{display:none}.jcf-tab-btn{flex:0 0 44px;justify-content:center;min-width:44px;padding:8px}.jcf-tabs-row{gap:4px}}@media (prefers-reduced-motion:reduce){.jcf-fade-in,.jcf-validation-modal,.jcf-modal-overlay{animation:none}.jcf-btn-primary:hover,.jcf-validation-error-item:hover{transform:none}}.sef-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.sef-inner{max-width:1200px;margin:0 auto}.sef-loading{min-height:200px;color:var(--text-secondary,#6b7280);background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:14px;justify-content:center;align-items:center;font-size:14px;display:flex}.sef-header{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.header-title{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.sef-status-badge{border-radius:99px;align-items:center;height:28px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.sef-status-draft{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.sef-api-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex;position:relative}.sef-api-error .error-icon{flex-shrink:0}.sef-api-error .error-close{cursor:pointer;color:#dc2626;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:20px}.sef-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;margin-bottom:18px;padding:28px 32px}.sef-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:flex}.sef-section-title-flush{border-bottom:none;margin-bottom:0;padding-bottom:0}.sef-section-icon{font-size:12px}.sef-field{margin-bottom:18px}.sef-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.sef-required{color:var(--danger-color)}.form-field:hover:not(:disabled):not(.form-field-disabled){border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.form-field:focus:not(:disabled):not(.form-field-disabled){border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.form-field:disabled,.form-field-disabled{background:var(--layout-bg);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.sef-hint{color:var(--text-secondary);margin-top:4px;font-size:11px;display:block}.sef-error-msg{color:var(--danger-color);align-items:center;gap:3px;margin-top:4px;font-size:11px;display:flex}.sef-grid-2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.sef-divider{background:var(--border-color);height:1px;margin:18px 0}.sef-checkbox-field{align-items:flex-start;gap:10px;margin-bottom:12px;padding-top:6px;display:flex}.sef-checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;margin-top:2px}.sef-checkbox-field input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.sef-checkbox-field label{color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500}.sef-checkbox-field input[type=checkbox]:disabled+label{cursor:not-allowed;opacity:.6}.sef-items-count{background:color-mix(in srgb, var(--primary-color) 12%, var(--card-bg));min-width:22px;height:22px;color:var(--primary-color);border-radius:99px;justify-content:center;align-items:center;margin-left:auto;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.sef-table-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sef-row-add-btn{background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));border:1px solid color-mix(in srgb, var(--primary-color) 35%, var(--border-color));color:var(--primary-color);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s;display:flex}.sef-row-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 18%, var(--card-bg))}.sef-table-scroll{border:1px solid var(--border-color);border-radius:10px;margin-bottom:8px;position:relative;overflow-x:auto}.sef-editable-table{border-collapse:collapse;width:100%;min-width:600px}.sef-editable-table thead{background:var(--layout-bg)}.sef-editable-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:9px 8px;font-size:10.5px;font-weight:600}.sef-editable-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:6px 8px}.sef-editable-table tbody tr:last-child td{border-bottom:none}.sef-editable-table tbody tr:hover td{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.sef-col-no{text-align:center;width:36px;color:var(--text-secondary);font-size:12px;font-weight:600}.sef-col-action{text-align:center;width:40px}.form-field-sm{border-radius:7px;min-width:100px;padding:6px 8px;font-size:12px}.text-right{text-align:right}.sef-row-delete-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.sef-row-delete-btn:hover:not(:disabled){background:color-mix(in srgb, var(--danger-color) 12%, transparent);color:var(--danger-color)}.sef-row-delete-btn:disabled{opacity:.35;cursor:not-allowed}.sef-table-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 4px 0;display:flex}.sef-table-footer-left{align-items:center;gap:12px;display:flex}.sef-table-footer-right{align-items:center;gap:8px;display:flex}.sef-link-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.sef-link-btn:hover{opacity:.75;text-decoration:underline}.sef-link-btn-muted{color:var(--text-secondary)}.sef-update-btn{border:1.5px solid var(--border-color);background:var(--card-bg);height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.sef-update-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 6%, var(--card-bg))}.sef-total-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700}.sef-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.cancel-btn{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);border-radius:30px;padding:8px 24px;font-family:inherit;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}.submit-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent);border:none;border-radius:30px;align-items:center;gap:7px;padding:8px 32px;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .2s,box-shadow .18s,transform .1s;display:flex}.btn-cancel{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);border-radius:8px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.sef-grid-2{grid-template-columns:1fr;gap:12px}.sef-card{padding:16px}.sef-header{flex-direction:column;align-items:flex-start}.header-title{width:100%}.error-badge{justify-content:center;width:100%}.sef-footer{flex-direction:column-reverse;width:100%}.sef-footer button{justify-content:center;width:100%}.sef-table-footer{flex-direction:column;align-items:stretch}.sef-table-footer-left,.sef-table-footer-right{justify-content:center}}@media (width<=520px){.sef-page{padding:0 12px 20px}.sef-card{padding:12px}.header-title h1,.modal-header h2{font-size:16px}.modal-body{padding:16px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}.validation-summary-modal{border-radius:12px;max-width:100%;margin:10px}}.item-search-field{vertical-align:middle;width:100%;min-width:180px;line-height:0;display:inline-block;position:relative}.item-search-wrapper{width:100%;display:inline-block;position:relative}.item-search-input-wrap{align-items:center;display:flex;position:relative}.item-search-icon{color:var(--text-secondary);pointer-events:none;z-index:2;font-size:13px;transition:color .2s;position:absolute;left:10px}.item-search-input{background:var(--card-bg);width:100%;margin:0;font-size:13px;transition:all .2s;display:block;padding-left:32px!important;padding-right:32px!important}.item-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}.item-search-input:focus~.item-search-icon,.item-search-input:focus+.item-search-icon{color:var(--primary-color)}.item-search-input.item-selected{border-color:var(--success-color,#10b981);background:color-mix(in srgb, var(--success-color,#10b981) 5%, var(--card-bg))}.item-clear-btn{color:var(--text-secondary);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:18px;line-height:1;transition:all .15s;display:flex;position:absolute;right:8px}.item-clear-btn:hover{color:var(--danger-color);background:color-mix(in srgb, var(--danger-color) 10%, transparent);transform:scale(1.1)}.item-loading-spinner{color:var(--primary-color);z-index:2;font-size:14px;position:absolute;right:10px}.item-dropdown-icon{color:var(--text-secondary);pointer-events:none;z-index:2;font-size:12px;transition:transform .2s;position:absolute;right:10px}.item-dropdown-portal{background:var(--card-bg);border:1px solid var(--border-color);pointer-events:auto;z-index:99999;border-radius:10px;max-height:280px;margin:0;padding:0;animation:.15s ease-out dropdownFadeIn;overflow-y:auto;box-shadow:0 8px 30px #00000026;position:fixed!important}.item-dropdown-portal::-webkit-scrollbar{width:5px}.item-dropdown-portal::-webkit-scrollbar-track{background:var(--layout-bg);border-radius:0 10px 10px 0}.item-dropdown-portal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.item-dropdown-portal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.item-dropdown-list{pointer-events:auto;margin:0;padding:6px 0;list-style:none}.item-dropdown-item{cursor:pointer;border-bottom:1px solid var(--border-color);pointer-events:auto;-webkit-user-select:none;user-select:none;padding:8px 14px;transition:all .12s}.item-dropdown-item:last-child{border-bottom:none}.item-dropdown-item:hover{background:color-mix(in srgb, var(--primary-color) 6%, var(--card-bg))}.item-dropdown-item.selected{background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));border-left:3px solid var(--primary-color)}.item-dropdown-item.highlighted{background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-left:3px solid var(--primary-color)}.item-main-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.item-code{color:var(--text-primary);background:var(--layout-bg);border-radius:4px;padding:1px 8px;font-family:Courier New,monospace;font-size:13px;font-weight:600}.item-name{color:var(--text-secondary);flex:1;font-size:13px}.item-uom-badge{color:var(--text-secondary);background:var(--layout-bg);border:1px solid var(--border-color);border-radius:12px;padding:1px 8px;font-size:10px;font-weight:500}.item-sub-info{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;padding-left:2px;display:flex}.item-tag{color:var(--text-secondary);background:var(--layout-bg);border:1px solid var(--border-color);border-radius:10px;padding:1px 8px;font-size:10px}.item-dropdown-loading,.item-dropdown-empty,.item-dropdown-error{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:16px 14px;font-size:13px;display:flex}.item-dropdown-loading .spinning{font-size:16px}.item-dropdown-empty{color:var(--text-secondary);gap:8px}.item-dropdown-empty svg{opacity:.6;font-size:16px}.item-dropdown-error{color:var(--danger-color);gap:8px}.item-dropdown-error svg{font-size:16px}.sef-editable-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:6px 8px;position:relative;overflow:visible}@media (width<=768px){.item-search-field{min-width:120px}.item-main-info{flex-wrap:wrap}.item-code{font-size:12px}.item-name{width:100%;font-size:12px}}@media (width<=520px){.item-search-field{min-width:80px}.item-dropdown-item{padding:6px 10px}.item-search-input{font-size:12px}}.pof-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.pof-inner{max-width:1400px;margin:0 auto}.pof-header{align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.digit-input-wrapper{flex-direction:column;gap:2px;display:flex}.digit-input-label{color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.digit-input{border:1px solid var(--border-color,#d1d5db);background:var(--input-bg,#fff);color:var(--text-primary,#1a1a2e);text-align:center;border-radius:4px;width:100%;min-width:60px;padding:4px 8px;font-size:13px;transition:border-color .2s,box-shadow .2s}.digit-input:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 2px #6366f11a}.digit-input:disabled{background:var(--bg-disabled,#f3f4f6);cursor:not-allowed}.pof-digit-input{width:80px}.pof-digit-input .digit-input{text-align:center;padding:6px 4px;font-size:14px;font-weight:500}.pof-rate-input{width:100px}.pof-rate-input .digit-input{text-align:right;padding:6px 8px;font-size:14px;font-weight:500}.pof-adjustment-digit-input{width:120px}.pof-adjustment-digit-input .digit-input{text-align:right;border-color:var(--primary-color,#6366f1);padding:6px 8px;font-size:14px;font-weight:500}.pof-adjustment-digit-input .digit-input:focus{border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px #6366f126}.pof-uom-display{background:var(--bg-secondary,#f3f4f6);color:var(--text-primary,#1a1a2e);text-align:center;border:1px solid var(--border-color,#e5e7eb);border-radius:4px;min-width:50px;padding:4px 8px;font-size:13px;font-weight:500;display:inline-block}.pof-item-search-wrapper{align-items:center;display:flex;position:relative}.pof-cell-input{border:1px solid var(--border-color,#d1d5db);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#1a1a2e);border-radius:4px;padding:6px 8px;font-size:13px;transition:border-color .2s;padding-right:32px!important}.pof-cell-input:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 2px #6366f11a}.pof-clear-item-btn{color:var(--text-secondary,#9ca3af);cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.pof-clear-item-btn:hover{color:var(--danger-color,#ef4444)}.pof-search-icon{color:var(--text-secondary,#9ca3af);pointer-events:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pof-suggestions-dropdown-portal{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;max-height:250px;padding:4px 0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.pof-suggestion-hsn{color:var(--text-secondary,#9ca3af);font-size:11px}.pof-suggestion-chip{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280);border-radius:3px;padding:1px 6px;font-size:10px;display:inline-block}.pof-suggestions-empty-state{text-align:center;color:var(--text-secondary,#6b7280);padding:12px;font-size:13px}.pof-adjustment-sign-select{border:1px solid var(--border-color,#d1d5db);background:var(--input-bg,#fff);color:var(--text-primary,#1a1a2e);border-radius:4px;padding:4px 8px;font-size:13px}.pof-adjustment-result{color:var(--text-primary,#1a1a2e);text-align:right;min-width:80px;font-size:14px;font-weight:600}.pof-page.dark .digit-input{background:var(--input-bg-dark,#1f2937);border-color:var(--border-color-dark,#374151);color:var(--text-primary-dark,#f3f4f6)}.pof-page.dark .digit-input:focus{border-color:var(--primary-color-dark,#818cf8);box-shadow:0 0 0 2px #6366f133}.pof-page.dark .pof-uom-display{background:var(--bg-secondary-dark,#374151);border-color:var(--border-color-dark,#4b5563);color:var(--text-primary-dark,#f3f4f6)}.pof-page.dark .pof-suggestions-dropdown-portal{background:var(--bg-primary-dark,#1f2937);border-color:var(--border-color-dark,#374151)}.pof-page.dark .pof-suggestion-item{border-bottom-color:var(--border-color-dark,#374151)}.pof-page.dark .pof-suggestion-item:hover{background:var(--bg-hover-dark,#374151)}.pof-page.dark .pof-suggestion-code{color:var(--text-primary-dark,#f3f4f6)}.pof-page.dark .pof-suggestion-name{color:var(--text-secondary-dark,#9ca3af)}.pof-page.dark .pof-suggestion-chip{background:var(--bg-secondary-dark,#374151);color:var(--text-secondary-dark,#9ca3af)}.pof-page.dark .pof-suggestion-chip-brand{color:#818cf8;background:#6366f133}.pof-page.dark .pof-clear-item-btn{color:var(--text-secondary-dark,#9ca3af)}.pof-page.dark .pof-clear-item-btn:hover{color:#ef4444}.pof-page.dark .pof-cell-input,.pof-page.dark .pof-adjustment-sign-select{background:var(--input-bg-dark,#1f2937);border-color:var(--border-color-dark,#374151);color:var(--text-primary-dark,#f3f4f6)}.pof-page.dark .pof-adjustment-result{color:var(--text-primary-dark,#f3f4f6)}.pof-page.dark .pof-adjustment-digit-input .digit-input{background:var(--input-bg-dark,#1f2937);border-color:var(--border-color-dark,#374151);color:var(--text-primary-dark,#f3f4f6)}.pof-page.dark .pof-adjustment-digit-input .digit-input:focus{border-color:var(--primary-color-dark,#818cf8);box-shadow:0 0 0 3px #6366f133}@media (width<=768px){.pof-digit-input{width:60px}.pof-rate-input{width:80px}.pof-adjustment-digit-input{width:90px}.pof-adjustment-controls{flex-direction:column;align-items:flex-end;gap:4px}}.pof-back-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:30px;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:flex}.pof-back-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 12%, transparent)}.pof-back-btn:active{transform:scale(.97)}.pof-header-title{flex:1;align-items:center;gap:12px;display:flex}.pof-header-title h1{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.pof-status-badge{text-transform:uppercase;letter-spacing:.3px;background:var(--layout-bg);color:var(--text-secondary);border-radius:20px;padding:2px 12px;font-size:10px;font-weight:600}.pof-error-badge{color:#92400e;background:#fef3c7;border-radius:30px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.pof-loading{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:16px}.pof-loading .pof-spinning{margin-right:12px}.pof-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.pof-compact-layout{grid-template-columns:1fr 380px;gap:20px;display:grid}.pof-left-column{flex-direction:column;gap:0;display:flex}.pof-right-column{flex-direction:column;gap:16px;display:flex}.pof-info-section{margin-bottom:16px}.pof-info-section:last-child{margin-bottom:0}.pof-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);align-items:center;gap:6px;margin-bottom:12px;padding-bottom:6px;font-size:11px;font-weight:600;display:flex}.pof-section-icon{color:var(--primary-color);font-size:12px}.pof-info-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:10px;display:grid}.pof-info-row:last-child{margin-bottom:0}.pof-info-field{flex-direction:column;gap:4px;display:flex}.pof-info-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.pof-info-field .pof-form-field{height:32px;padding:6px 10px;font-size:12px}.pof-field-disabled{background:var(--layout-bg);opacity:.7;cursor:not-allowed}.pof-form-field{border:1.5px solid var(--border-color);background:var(--card-bg);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.pof-form-field:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.pof-form-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.pof-form-field.pof-field-error{border-color:var(--danger-color)}.pof-form-field.pof-field-error:hover,.pof-form-field.pof-field-error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger-color) 12%, transparent);background:color-mix(in srgb, var(--danger-color) 2%, var(--card-bg))}.pof-required{color:var(--danger-color)}.pof-error-msg{color:var(--danger-color);align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}.pof-warning-msg{color:#f59e0b;align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}.pof-textarea{resize:vertical;min-height:60px;font-family:inherit}.pof-supplier-wrapper{width:100%;position:relative}.pof-supplier-spinner{color:var(--text-secondary);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pof-supplier-dropdown{background:var(--card-bg);border:1px solid var(--border-color);z-index:1000;border-radius:8px;max-height:250px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.pof-supplier-item{cursor:pointer;border-bottom:1px solid var(--border-color-light,#f3f4f6);padding:10px 14px;transition:background .15s}.pof-supplier-item:hover{background:color-mix(in srgb, var(--primary-color) 6%, var(--card-bg))}.pof-supplier-item:last-child{border-bottom:none}.pof-supplier-item-name{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.pof-supplier-item-icon{color:var(--primary-color);flex-shrink:0}.pof-supplier-item-details{color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-top:4px;font-size:11px;display:flex}.pof-supplier-item-details span{align-items:center;gap:4px;display:flex}.pof-customer-wrapper{width:100%;position:relative}.pof-customer-spinner{color:var(--text-secondary);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pof-customer-dropdown{background:var(--card-bg);border:1px solid var(--border-color);z-index:1000;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.pof-customer-item{cursor:pointer;border-bottom:1px solid var(--border-color-light,#f3f4f6);padding:10px 14px;transition:background .15s}.pof-customer-item:hover{background:color-mix(in srgb, var(--primary-color) 6%, var(--card-bg))}.pof-customer-item:last-child{border-bottom:none}.pof-customer-item-name{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.pof-customer-item-icon{color:var(--primary-color);flex-shrink:0}.pof-customer-item-details{color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-top:4px;font-size:11px;display:flex}.pof-customer-item-details span{align-items:center;gap:4px;display:flex}.pof-party-detail-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.pof-party-empty-card{opacity:.7}.pof-party-card-header{background:var(--layout-bg);border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.pof-party-card-content{padding:14px}.pof-party-card-content h3{color:var(--text-primary);margin:0 0 12px;font-size:15px;font-weight:600}.pof-party-info{flex-direction:column;gap:6px;display:flex}.pof-party-info-item{justify-content:space-between;align-items:center;font-size:12px;display:flex}.pof-party-info-label{color:var(--text-secondary);min-width:80px;font-weight:500}.pof-party-info-value{color:var(--text-primary);align-items:center;gap:4px;font-weight:500;display:flex}.pof-party-empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.pof-party-empty-state p{margin:0;font-size:12px}.pof-divider{background:var(--border-color);height:1px;margin:18px 0}.pof-items-section{margin-top:4px}.pof-items-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pof-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.pof-items-actions{gap:8px;display:flex}.pof-add-item-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .2s,transform .1s;display:flex}.pof-add-item-btn:hover{background:var(--primary-hover)}.pof-add-item-btn:active{transform:scale(.97)}.pof-item-filter{background:var(--layout-bg);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;display:flex}.pof-filter-icon{color:var(--text-secondary);font-size:12px}.pof-filter-label{color:var(--text-secondary);font-size:11px;font-weight:500}.pof-filter-select{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:4px;outline:none;padding:4px 8px;font-size:12px}.pof-filter-select:focus{border-color:var(--primary-color)}.pof-filter-count{color:var(--text-secondary);margin-left:auto;font-size:11px}.pof-table-block{border:1px solid var(--border-color);border-radius:10px;overflow:auto hidden}.pof-inline-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:12px}.pof-ith{text-align:left;color:var(--text-secondary);background:var(--layout-bg);border-bottom:1px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:8px 10px;font-size:10px;font-weight:600}.pof-ith-action{text-align:center;width:36px}.pof-itr{border-top:1px solid var(--border-color)}.pof-itr:hover{background:var(--nav-hover)}.pof-itd{color:var(--text-primary);vertical-align:middle;padding:4px 6px}.pof-itd-no{color:var(--text-secondary);text-align:center;width:30px;font-size:11px}.pof-itd-amount{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.pof-cell-input{width:100%;min-width:50px;height:28px;color:var(--text-primary);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:0 6px;font-size:11.5px;transition:all .15s}.pof-cell-input:focus{border-color:var(--primary-color);background:var(--card-bg);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent)}.pof-cell-input:hover{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.pof-cell-input:disabled{opacity:.6;cursor:not-allowed;background:var(--layout-bg)}.pof-cell-number{text-align:right;font-variant-numeric:tabular-nums}.pof-order-rate{border-color:var(--border-color);background:color-mix(in srgb, #f59e0b 4%, var(--card-bg))}.pof-order-rate:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.pof-cell-select{width:100%;min-width:60px;height:28px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:0 4px;font-size:11.5px;transition:all .15s}.pof-cell-select:focus{border-color:var(--primary-color);background:var(--card-bg)}.pof-cell-select:hover{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.pof-remove-row{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .15s}.pof-remove-row:hover{color:var(--danger-color);background:color-mix(in srgb, var(--danger-color) 8%, transparent)}.pof-inline-table tfoot tr,.pof-inline-table tfoot tr:first-child{border-top:2px solid var(--border-color)}.pof-total-label{text-align:right;color:var(--text-secondary);padding:6px 10px;font-size:12px;font-weight:600}.pof-total-label .pof-adjustment-value{color:#f59e0b;margin-left:8px}.pof-adjustment-label{color:#f59e0b}.pof-total-amount{text-align:right;color:var(--text-primary);padding:6px 10px;font-size:13px;font-weight:600}.pof-total-grand{color:var(--text-primary);font-size:14px;font-weight:700}.pof-total-grand-amount{color:var(--primary-color);font-size:16px;font-weight:700}.pof-adjustment-input{text-align:right;border-radius:6px;height:32px;font-weight:600;background:color-mix(in srgb, #f59e0b 6%, var(--card-bg))!important;border:1.5px solid #f59e0b!important;padding:0 10px!important;font-size:13px!important}.pof-adjustment-input:focus{box-shadow:0 0 0 2px #f59e0b33;background:var(--card-bg)!important;border-color:#f59e0b!important}.dark-theme .pof-adjustment-input{color:#f8fafc;background:#343536!important}.pof-item-search-wrapper{width:100%;position:relative}.pof-search-suggestions{z-index:9999;border:1px solid #d1d5db;border-radius:10px;width:450px;min-width:100%;max-width:600px;max-height:320px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden auto;box-shadow:0 10px 30px #00000026;background:#fff!important}.pof-search-suggestion-item{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;padding:10px 12px;overflow:hidden}.pof-search-spinner{color:var(--text-secondary);position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pof-search-icon{color:var(--text-secondary);opacity:.5;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pof-suggestions-dropdown-portal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000002e}.pof-suggestion-item{background:#fff;padding:12px 16px}.pof-suggestions-dropdown-portal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;min-width:380px;max-width:500px;padding:4px 0;overflow:hidden;box-shadow:0 8px 30px #0000002e}.pof-suggestion-item{cursor:pointer;border-bottom:1px solid var(--border-color-light,#f0f0f0);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 16px;transition:background .12s;display:flex}.pof-suggestion-item>div:first-child{flex:1;min-width:0}.pof-suggestion-code{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.pof-suggestion-name{color:var(--text-primary);word-break:break-word;font-size:13px;line-height:1.4}.pof-suggestion-chip{background:var(--layout-bg);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;border-radius:12px;margin-top:3px;padding:2px 8px;font-size:9px;display:inline-block}.pof-suggestion-item>div:last-child{text-align:right;white-space:nowrap;flex-shrink:0}.pof-suggestion-uom{color:var(--text-secondary);margin-top:2px;font-size:10px}.pof-suggestions-empty-state{text-align:center;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;min-width:320px;padding:20px 16px;font-size:13px}@media (width<=600px){.pof-suggestions-dropdown-portal{min-width:280px;max-width:90vw}.pof-suggestion-item{padding:10px 12px;font-size:12px}.pof-suggestion-code,.pof-suggestion-name{font-size:12px}}.pof-suggestion-item{cursor:pointer;border-bottom:1px solid var(--border-color-light,#f3f4f6);justify-content:space-between;align-items:center;padding:8px 12px;transition:background .12s;display:flex}.pof-suggestion-item:hover{background:color-mix(in srgb, var(--primary-color) 6%, var(--card-bg))}.pof-suggestion-item:last-child{border-bottom:none}.pof-suggestion-code{color:var(--text-primary);font-size:12px;font-weight:600}.pof-suggestion-name{color:var(--text-primary);font-size:12px}.pof-suggestion-hsn{color:var(--text-secondary);margin-top:1px;font-size:10px}.pof-suggestion-chip{background:var(--layout-bg);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:1px 6px;font-size:9px}.pof-suggestion-chip-brand{background:color-mix(in srgb, var(--primary-color) 10%, transparent);color:var(--primary-color)}.pof-suggestion-rate{color:var(--text-primary);font-size:12px;font-weight:600}.pof-suggestion-uom{color:var(--text-secondary);font-size:10px}.pof-suggestions-empty-state{text-align:center;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;font-size:12px}.pof-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.pof-cancel-btn{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);border-radius:30px;padding:8px 24px;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}.pof-cancel-btn:hover{background:color-mix(in srgb, var(--danger-color) 6%, var(--card-bg));border-color:color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:var(--danger-color)}.pof-submit-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent);border:none;border-radius:30px;align-items:center;gap:7px;padding:8px 32px;font-size:12px;font-weight:600;transition:opacity .2s,box-shadow .18s,transform .1s;display:flex}.pof-submit-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.pof-submit-btn:active:not(:disabled){transform:translateY(0)scale(.97)}.pof-submit-btn:disabled{opacity:.65;cursor:not-allowed}.pof-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pof-validation-modal{background:var(--card-bg);width:100%;max-width:550px;max-height:85vh;box-shadow:0 20px 40px var(--shadow-color);border-radius:16px;animation:.3s ease-out pofFadeIn;overflow-y:auto}@keyframes pofFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pof-modal-header{border-bottom:1px solid var(--border-color);background:var(--card-bg);z-index:10;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.pof-modal-header h2{color:#f59e0b;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.pof-modal-close{background:var(--layout-bg);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border:none;border-radius:8px;font-size:20px;transition:background .15s}.pof-modal-close:hover{background:color-mix(in srgb, var(--text-secondary) 15%, var(--layout-bg))}.pof-modal-body{padding:24px}.pof-modal-description{color:var(--text-secondary);margin-bottom:16px}.pof-validation-errors-list{flex-direction:column;gap:12px;display:flex}.pof-validation-error-item{background:var(--layout-bg);cursor:default;border-left:3px solid #ef4444;border-radius:10px;padding:12px}.pof-error-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.pof-error-header strong{color:var(--text-primary);font-size:13px}.pof-error-icon{color:#ef4444;flex-shrink:0}.pof-error-message{color:#ef4444;margin-left:26px;font-size:11px}.pof-validation-tip{color:#92400e;background:#fef3c7;border-radius:8px;align-items:center;gap:6px;margin-top:20px;padding:12px;font-size:12px;display:flex}.pof-tip-icon{margin-right:6px;display:inline}.pof-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.pof-btn-cancel{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.pof-btn-cancel:hover{background:var(--layout-bg);color:var(--text-primary)}.pof-api-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.pof-api-error .pof-error-icon{color:#dc2626;flex-shrink:0}.pof-api-error span{flex:1}.pof-error-close{cursor:pointer;color:#dc2626;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.pof-spinning{animation:.8s linear infinite pofSpin}@keyframes pofSpin{to{transform:rotate(360deg)}}@media (width<=1024px){.pof-compact-layout{grid-template-columns:1fr 320px;gap:16px}}@media (width<=768px){.pof-compact-layout{grid-template-columns:1fr;gap:16px}.pof-right-column{order:-1}.pof-info-row{grid-template-columns:1fr;gap:10px}.pof-card{padding:16px}.pof-inline-table{min-width:1000px}.pof-header{flex-wrap:wrap}.pof-error-badge{justify-content:center;width:100%}.pof-footer{flex-direction:column-reverse;width:100%}.pof-footer button{justify-content:center;width:100%}.pof-items-header{flex-direction:column;align-items:stretch;gap:8px}.pof-add-item-btn{justify-content:center}.pof-tax-select{min-width:80px!important;font-size:10px!important}}@media (width<=480px){.pof-page{padding:0 12px 20px}.pof-card{padding:12px}.pof-header-title h1{font-size:16px}.pof-ith{padding:4px 6px;font-size:9px}.pof-itd{padding:2px 4px}.pof-cell-input{min-width:40px;height:24px;padding:0 4px;font-size:10px}.pof-inline-table{min-width:850px}.pof-item-filter{flex-direction:column;align-items:stretch;gap:6px}.pof-filter-count{margin-left:0}}.dark-theme .pof-party-detail-card{background:#1e293b;border-color:#334155}.dark-theme .pof-party-card-header{color:#94a3b8;border-color:#334155}.dark-theme .pof-party-card-content h3{color:#f8fafc}.dark-theme .pof-party-info-item{color:#94a3b8}.dark-theme .pof-party-info-value{color:#f8fafc}.dark-theme .pof-suggestion-item{border-color:#1e293b}.dark-theme .pof-suggestion-item:hover{background:#1e293b}.dark-theme .pof-suggestions-dropdown-portal{background:#0f172a;border-color:#334155}.dark-theme .pof-suggestion-code,.dark-theme .pof-suggestion-name,.dark-theme .pof-suggestion-rate{color:#f8fafc}.dark-theme .pof-filter-select{color:#f8fafc;background:#1e293b;border-color:#334155}.dark-theme .pof-item-filter{background:#1e293b;border-color:#334155}.dark-theme .pof-order-rate{background:#2f3237}.pof-tax-select{border-color:color-mix(in srgb, var(--primary-color) 20%, var(--border-color))!important;background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))!important;min-width:100px!important}.pof-tax-select:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent)!important}.pof-tax-select:hover{background:color-mix(in srgb, var(--primary-color) 6%, var(--card-bg))!important}.dark-theme .pof-tax-select{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}.dark-theme .pof-tax-select option{color:#f8fafc;background:#0f172a}.pof-adjustment-cell{text-align:right!important;padding:6px 8px!important}.pof-adjustment-controls{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.pof-adjustment-sign-select{border:1.5px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:4px;outline:none;min-width:70px;height:28px;padding:2px 6px;font-size:11px}.pof-adjustment-sign-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent)}.pof-adjustment-input{border:1.5px solid var(--border-color);background:var(--card-bg);width:90px;color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;border-radius:4px;outline:none;height:28px;padding:2px 6px;font-size:12px}.pof-adjustment-input:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.pof-adjustment-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pof-adjustment-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pof-adjustment-input[type=number]{-moz-appearance:textfield}.pof-adjustment-result{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:80px;font-size:12px;font-weight:600}.pof-adjustment-label{color:var(--text-secondary);font-weight:600;text-align:right!important}.pof-inline-table tfoot td.pof-total-label,.pof-inline-table tfoot td.pof-total-amount{text-align:right;padding-right:12px}.pof-inline-table tfoot td.pof-adjustment-cell{text-align:right;padding-right:4px}.dark-theme .pof-adjustment-sign-select{color:#f8fafc;background:#1e293b;border-color:#334155}.dark-theme .pof-adjustment-sign-select option{color:#f8fafc;background:#0f172a}.dark-theme .pof-adjustment-input{color:#f8fafc;background:#1e293b;border-color:#334155}.dark-theme .pof-adjustment-result{color:#94a3b8}@media (width<=768px){.pof-adjustment-controls{flex-wrap:wrap;justify-content:flex-end;gap:4px}.pof-adjustment-sign-select{min-width:60px;font-size:10px}.pof-adjustment-input{width:70px;font-size:11px}.pof-adjustment-result{min-width:60px;font-size:11px}}@media (width<=480px){.pof-adjustment-controls{flex-flow:wrap;justify-content:flex-end;gap:3px}.pof-adjustment-sign-select{min-width:50px;height:24px;padding:1px 4px;font-size:9px}.pof-adjustment-input{width:60px;height:24px;padding:1px 4px;font-size:10px}.pof-adjustment-result{min-width:50px;font-size:10px}}.pof-date-picker-wrapper{width:100%;position:relative}.pof-date-picker-wrapper .react-datepicker__input-container{width:100%}.pof-date-picker-wrapper .react-datepicker__input-container input{background:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;height:34px;padding:6px 30px 6px 10px;font-size:13px;transition:all .2s}.pof-date-picker-wrapper .react-datepicker__input-container input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.pof-date-picker-wrapper .react-datepicker__input-container input:disabled{cursor:not-allowed;background:#f3f4f6}.pof-date-picker-wrapper .react-datepicker__input-container input.pof-field-error{border-color:#ef4444}.pof-date-picker-wrapper .react-datepicker__input-container input.pof-field-error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.pof-calendar-icon{color:#9ca3af;pointer-events:none;font-size:14px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.react-datepicker{border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;box-shadow:0 10px 25px #00000026}.react-datepicker__header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0}.react-datepicker__current-month{color:#111827;font-size:14px;font-weight:600}.react-datepicker__day-name{color:#6b7280;font-weight:500}.react-datepicker__day{border-radius:4px;transition:all .15s}.react-datepicker__day:hover{background:#eff6ff;border-radius:4px}.react-datepicker__day--selected{border-radius:4px;color:#fff!important;background:#3b82f6!important}.react-datepicker__day--keyboard-selected{border-radius:4px;color:#fff!important;background:#93c5fd!important}.react-datepicker__day--today{background:#f3f4f6;font-weight:600}.react-datepicker__day--today:hover{background:#eff6ff}.pof-page.dark .react-datepicker{background:#1f2937;border-color:#374151}.pof-page.dark .react-datepicker__header{background:#111827;border-color:#374151}.pof-page.dark .react-datepicker__current-month,.pof-page.dark .react-datepicker__day{color:#e5e7eb}.pof-page.dark .react-datepicker__day:hover{background:#374151}.pof-page.dark .react-datepicker__day--selected{color:#fff!important;background:#3b82f6!important}.pof-page.dark .react-datepicker__day--today{color:#e5e7eb;background:#374151}.pof-page.dark .react-datepicker__day--today:hover{background:#4b5563}.pof-page.dark .react-datepicker__day-name{color:#9ca3af}.pof-page.dark .react-datepicker__day--keyboard-selected{color:#e5e7eb!important;background:#4b5563!important}.pof-page.dark .react-datepicker__navigation-icon:before{border-color:#9ca3af}.pof-page.dark .react-datepicker__navigation:hover :before{border-color:#e5e7eb}.pof-page.dark .react-datepicker__input-container input{color:#e5e7eb;background:#1f2937;border-color:#374151}.pof-page.dark .react-datepicker__input-container input:focus{border-color:#3b82f6}.pof-page.dark .pof-calendar-icon{color:#6b7280}.pof-page.dark .react-datepicker__input-container input:disabled{color:#6b7280;background:#111827}.sales-dashboard .order-item{background:var(--nav-hover,#f8fafc);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.sales-dashboard .order-item:hover{background:var(--nav-active,#f1f5f9);transform:translate(4px)}.order-info{flex:1}.order-customer{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.order-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.order-status{color:#fff;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.order-date{color:var(--text-secondary,#94a3b8);font-size:11px}.order-amount{text-align:right}.amount-value{color:var(--text-primary,#1e293b);font-size:16px;font-weight:600;display:block}.order-items{color:var(--text-secondary,#94a3b8);font-size:11px}.product-list{flex-direction:column;gap:8px;display:flex}.product-item{background:var(--nav-hover,#f8fafc);border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.product-item:hover{background:var(--nav-active,#f1f5f9)}.product-rank{background:var(--primary-color,#3b82f6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.product-info{flex:1}.product-name{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.product-sales{color:var(--text-secondary,#64748b);font-size:12px}.product-revenue{color:var(--text-primary,#1e293b);font-size:14px;font-weight:600}.dark-theme.sales-dashboard .order-item,.dark-theme.sales-dashboard .product-item{background:var(--nav-hover,#ffffff0d)}.dark-theme.sales-dashboard .order-item:hover,.dark-theme.sales-dashboard .product-item:hover{background:var(--nav-active,#3b82f626)}.dark-theme.sales-dashboard .order-customer,.dark-theme.sales-dashboard .product-name,.dark-theme.sales-dashboard .amount-value,.dark-theme.sales-dashboard .product-revenue{color:var(--text-primary,#f8fafc)}@media (width<=768px){.sales-dashboard .order-item{flex-direction:column;align-items:flex-start;gap:8px}.sales-dashboard .order-amount{text-align:left;width:100%}}.purchasing-dashboard .order-item{background:var(--nav-hover,#f8fafc);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.purchasing-dashboard .order-item:hover{background:var(--nav-active,#f1f5f9);transform:translate(4px)}.order-supplier{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.dark-theme.purchasing-dashboard .order-item{background:var(--nav-hover,#ffffff0d)}.dark-theme.purchasing-dashboard .order-item:hover{background:var(--nav-active,#3b82f626)}.dark-theme.purchasing-dashboard .order-supplier{color:var(--text-primary,#f8fafc)}@media (width<=768px){.purchasing-dashboard .order-item{flex-direction:column;align-items:flex-start;gap:8px}}.accounting-dashboard .transaction-item{background:var(--nav-hover,#f8fafc);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.accounting-dashboard .transaction-item:hover{background:var(--nav-active,#f1f5f9);transform:translate(4px)}.transaction-description{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.transaction-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.transaction-category{color:#fff;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.transaction-date{color:var(--text-secondary,#94a3b8);font-size:11px}.transaction-amount{text-align:right}.amount{font-size:16px;font-weight:600;display:block}.amount.income{color:#22c55e}.amount.expense{color:#ef4444}.transaction-status{border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.status-completed{color:#fff;background:#22c55e}.status-pending{color:#fff;background:#f59e0b}.status-overdue{color:#fff;background:#ef4444}.overview-item{background:var(--nav-hover,#f8fafc);border-radius:8px;padding:16px}.overview-label{color:var(--text-secondary,#64748b);margin-bottom:4px;font-size:12px}.overview-value.positive{color:#22c55e}.overview-value.negative{color:#ef4444}.overview-change{margin-top:4px;font-size:12px}.overview-change.positive{color:#22c55e}.overview-change.negative{color:#ef4444}.dark-theme.accounting-dashboard .transaction-item,.dark-theme.accounting-dashboard .overview-item{background:var(--nav-hover,#ffffff0d)}.dark-theme.accounting-dashboard .transaction-item:hover{background:var(--nav-active,#3b82f626)}.dark-theme.accounting-dashboard .transaction-description,.dark-theme.accounting-dashboard .overview-value{color:var(--text-primary,#f8fafc)}.dark-theme.accounting-dashboard .amount.income{color:#4ade80}.dark-theme.accounting-dashboard .amount.expense{color:#f87171}@media (width<=768px){.accounting-dashboard .transaction-item{flex-direction:column;align-items:flex-start;gap:8px}.accounting-dashboard .transaction-amount{text-align:left;width:100%}.overview-grid{grid-template-columns:1fr}}@media (width<=480px){.accounting-dashboard .transaction-meta{flex-wrap:wrap}}.setup-dashboard .categories-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.setup-dashboard .category-card{background:var(--nav-hover,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:16px;transition:all .2s}.setup-dashboard .category-card:hover{border-color:var(--primary-color,#3b82f6);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.category-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.category-icon{color:var(--primary-color,#3b82f6);font-size:18px}.category-title{color:var(--text-primary,#1e293b);font-size:14px;font-weight:600}.category-items{flex-direction:column;gap:6px;display:flex}.category-item{color:var(--text-secondary,#64748b);align-items:center;gap:8px;font-size:13px;display:flex}.item-dot{background:var(--primary-color,#3b82f6);border-radius:50%;width:6px;height:6px}.item-name{color:var(--text-primary,#1e293b)}.access-list{flex-direction:column;gap:8px;display:flex}.access-item{background:var(--nav-hover,#f8fafc);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.access-item:hover{background:var(--nav-active,#f1f5f9);transform:translate(4px)}.access-icon{background:var(--primary-color,#3b82f6);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.access-info{flex:1}.access-name{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.access-type{color:var(--text-secondary,#64748b);font-size:12px}.access-status{align-items:center;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.activity-type{flex-shrink:0}.type-badge{background:var(--primary-color,#3b82f6);color:#fff;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.activity-action{align-items:center;gap:8px;margin-top:2px;display:flex}.action-label{color:var(--text-secondary,#64748b);font-size:12px}.activity-time{color:var(--text-secondary,#94a3b8);font-size:11px}.status-badge{color:#fff;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.dark-theme.setup-dashboard .category-card,.dark-theme.setup-dashboard .access-item{background:var(--nav-hover,#ffffff0d);border-color:var(--border-color,#334155)}.dark-theme.setup-dashboard .category-card:hover,.dark-theme.setup-dashboard .access-item:hover{background:var(--nav-active,#3b82f626)}.dark-theme.setup-dashboard .category-title,.dark-theme.setup-dashboard .item-name,.dark-theme.setup-dashboard .access-name{color:var(--text-primary,#f8fafc)}.dark-theme.setup-dashboard .category-item,.dark-theme.setup-dashboard .access-type{color:var(--text-secondary,#94a3b8)}.dark-theme.setup-dashboard .type-badge{background:var(--primary-color,#3b82f6)}@media (width<=1024px){.setup-dashboard .categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.setup-dashboard .categories-grid{grid-template-columns:1fr}.setup-dashboard .activity-item{flex-wrap:wrap}.setup-dashboard .activity-status{margin-left:auto}}@media (width<=480px){.setup-dashboard .access-item{flex-wrap:wrap}}.organization-dashboard .company-item{background:var(--nav-hover,#f8fafc);cursor:pointer;border-radius:8px;align-items:center;gap:16px;margin-bottom:10px;padding:14px;transition:all .2s;display:flex}.organization-dashboard .company-item:hover{background:var(--nav-active,#f1f5f9);transform:translate(4px);box-shadow:0 2px 8px #0000000d}.company-icon{background:var(--primary-color,#3b82f6);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.company-info{flex:1}.company-name{color:var(--text-primary,#1e293b);font-size:15px;font-weight:600}.company-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.company-code{background:var(--primary-color,#3b82f6);color:#fff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.company-type{color:var(--text-secondary,#64748b);font-size:12px}.company-location{color:var(--text-secondary,#94a3b8);align-items:center;gap:4px;font-size:12px;display:flex}.company-stats{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.company-employees{color:var(--text-primary,#1e293b);font-size:13px;font-weight:500}.company-status{color:#fff;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.department-list{flex-direction:column;gap:12px;display:flex}.department-item{align-items:center;gap:12px;display:flex}.department-info{flex:0 0 180px;align-items:center;gap:8px;display:flex}.department-name{color:var(--text-primary,#1e293b);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.dept-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.department-count{color:var(--text-secondary,#64748b);font-size:12px}.department-bar{background:var(--nav-hover,#f1f5f9);border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.department-fill{border-radius:4px;height:100%;transition:width .8s}.department-percentage{color:var(--text-primary,#1e293b);text-align:right;min-width:40px;font-size:12px;font-weight:600}.activity-user{color:var(--text-secondary,#64748b);font-size:12px}.dark-theme.organization-dashboard .company-item,.dark-theme.organization-dashboard .department-bar{background:var(--nav-hover,#ffffff0d)}.dark-theme.organization-dashboard .company-item:hover{background:var(--nav-active,#3b82f626)}.dark-theme.organization-dashboard .company-name,.dark-theme.organization-dashboard .department-name,.dark-theme.organization-dashboard .company-employees,.dark-theme.organization-dashboard .department-percentage{color:var(--text-primary,#f8fafc)}.dark-theme.organization-dashboard .company-type,.dark-theme.organization-dashboard .company-location,.dark-theme.organization-dashboard .department-count,.dark-theme.organization-dashboard .activity-user{color:var(--text-secondary,#94a3b8)}@media (width<=1024px){.department-info{flex:0 0 140px}}@media (width<=768px){.organization-dashboard .company-item{flex-wrap:wrap}.organization-dashboard .company-stats{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:4px}.department-item{flex-wrap:wrap}.department-info{flex:100%}.department-percentage{min-width:auto}}@media (width<=480px){.organization-dashboard .company-meta{flex-direction:column;align-items:flex-start;gap:4px}}.tools-dashboard .categories-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tools-dashboard .category-card{background:var(--nav-hover,#f8fafc);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.tools-dashboard .category-card:hover{background:var(--nav-active,#f1f5f9);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.tools-list{flex-direction:column;gap:10px;display:flex}.tool-item{background:var(--nav-hover,#f8fafc);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.tool-item:hover{background:var(--nav-active,#f1f5f9);transform:translate(4px)}.tool-icon{background:var(--primary-color,#3b82f6);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.tool-info{flex:1}.tool-name{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.tool-type{color:var(--text-secondary,#64748b);font-size:12px}.tool-stats{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.tool-users{color:var(--text-secondary,#64748b);font-size:12px}.tool-status{color:#fff;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.activity-type-icon{background:var(--primary-color,#3b82f6);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.dark-theme.tools-dashboard .category-card,.dark-theme.tools-dashboard .tool-item{background:var(--nav-hover,#ffffff0d)}.dark-theme.tools-dashboard .category-card:hover,.dark-theme.tools-dashboard .tool-item:hover{background:var(--nav-active,#3b82f626)}.dark-theme.tools-dashboard .category-name,.dark-theme.tools-dashboard .tool-name{color:var(--text-primary,#f8fafc)}.dark-theme.tools-dashboard .category-count,.dark-theme.tools-dashboard .tool-type,.dark-theme.tools-dashboard .tool-users{color:var(--text-secondary,#94a3b8)}@media (width<=1024px){.tools-dashboard .categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tools-dashboard .categories-grid{grid-template-columns:1fr}.tools-dashboard .tool-item{flex-wrap:wrap}.tools-dashboard .tool-stats{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}@media (width<=480px){.tools-dashboard .tool-item{flex-direction:column;align-items:flex-start}.tools-dashboard .tool-stats{flex-direction:row;width:100%}}.reports-dashboard .categories-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.reports-dashboard .category-card{background:var(--nav-hover,#f8fafc);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.reports-dashboard .category-card:hover{background:var(--nav-active,#f1f5f9);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.category-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.category-info{flex:1}.category-name{color:var(--text-primary,#1e293b);font-size:13px;font-weight:500}.category-count{color:var(--text-secondary,#64748b);font-size:12px}.reports-list{flex-direction:column;gap:10px;display:flex}.report-item{background:var(--nav-hover,#f8fafc);border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.report-item:hover{background:var(--nav-active,#f1f5f9);transform:translate(4px)}.report-icon{background:var(--primary-color,#3b82f6);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.report-info{flex:1;min-width:0}.report-name{color:var(--text-primary,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.report-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.report-category{background:var(--primary-color,#3b82f6);color:#fff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.report-time{color:var(--text-secondary,#64748b);font-size:11px}.report-size{color:var(--text-secondary,#94a3b8);font-size:11px}.report-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.report-status{color:#fff;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.report-action-btn{background:var(--nav-hover,#f1f5f9);width:28px;height:28px;color:var(--text-secondary,#64748b);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.report-action-btn:hover{background:var(--primary-color,#3b82f6);color:#fff;transform:scale(1.05)}.dark-theme.reports-dashboard .category-card,.dark-theme.reports-dashboard .report-item{background:var(--nav-hover,#ffffff0d)}.dark-theme.reports-dashboard .category-card:hover,.dark-theme.reports-dashboard .report-item:hover{background:var(--nav-active,#3b82f626)}.dark-theme.reports-dashboard .category-name,.dark-theme.reports-dashboard .report-name{color:var(--text-primary,#f8fafc)}.dark-theme.reports-dashboard .category-count,.dark-theme.reports-dashboard .report-time,.dark-theme.reports-dashboard .report-size{color:var(--text-secondary,#94a3b8)}.dark-theme.reports-dashboard .report-action-btn{background:var(--nav-hover,#ffffff1a);color:var(--text-secondary,#94a3b8)}.dark-theme.reports-dashboard .report-action-btn:hover{background:var(--primary-color,#3b82f6);color:#fff}@media (width<=1024px){.reports-dashboard .categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.reports-dashboard .categories-grid{grid-template-columns:1fr}.reports-dashboard .report-item{flex-wrap:wrap}.reports-dashboard .report-actions{justify-content:flex-start;width:100%}.reports-dashboard .report-name{white-space:normal}}@media (width<=480px){.reports-dashboard .report-item{flex-direction:column;align-items:flex-start}.reports-dashboard .report-actions{justify-content:flex-start;width:100%}}.stock-dashboard .warehouse-list{flex-direction:column;gap:14px;display:flex}.stock-dashboard .warehouse-item{background:var(--nav-hover,#f8fafc);border-radius:8px;align-items:center;gap:16px;padding:12px;transition:all .2s;display:flex}.stock-dashboard .warehouse-item:hover{background:var(--nav-active,#f1f5f9);transform:translate(4px)}.warehouse-info{flex:0 0 160px}.warehouse-name{color:var(--text-primary,#1e293b);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.warehouse-location{color:var(--text-secondary,#64748b);font-size:12px}.warehouse-stats{flex:1}.warehouse-capacity{color:var(--text-secondary,#64748b);margin-bottom:4px;font-size:12px}.warehouse-bar{background:var(--nav-hover,#e2e8f0);border-radius:3px;width:100%;height:6px;overflow:hidden}.warehouse-fill{border-radius:3px;height:100%;transition:width .8s}.warehouse-percentage{color:var(--text-primary,#1e293b);text-align:right;min-width:40px;font-size:12px;font-weight:600}.warehouse-status{flex-shrink:0}.items-list{flex-direction:column;gap:10px;display:flex}.item-row{background:var(--nav-hover,#f8fafc);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.item-row:hover{background:var(--nav-active,#f1f5f9)}.item-info{flex:0 0 180px}.item-name{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.item-sku{color:var(--text-secondary,#64748b);font-size:11px}.item-details{align-items:center;gap:20px;display:flex}.item-quantity{text-align:center}.qty-value{color:var(--text-primary,#1e293b);font-size:16px;font-weight:600;display:block}.qty-label{color:var(--text-secondary,#94a3b8);font-size:10px}.item-warehouse{color:var(--text-secondary,#64748b);font-size:12px}.item-status .status-badge{align-items:center;gap:4px;display:flex}.type-badge{color:#fff;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.type-badge.inbound{background:#22c55e}.type-badge.outbound{background:#3b82f6}.type-badge.transfer{background:#f59e0b}.transaction-item{background:var(--nav-hover,#f8fafc);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:10px;transition:all .2s;display:flex}.transaction-item:hover{background:var(--nav-active,#f1f5f9)}.transaction-info{flex:1}.transaction-item-name{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.transaction-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.transaction-qty{color:var(--text-secondary,#64748b);font-size:12px;font-weight:500}.transaction-user,.transaction-date{color:var(--text-secondary,#94a3b8);font-size:11px}.status-badge{color:#fff;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.dark-theme.stock-dashboard .warehouse-item,.dark-theme.stock-dashboard .item-row,.dark-theme.stock-dashboard .transaction-item{background:var(--nav-hover,#ffffff0d)}.dark-theme.stock-dashboard .warehouse-item:hover,.dark-theme.stock-dashboard .item-row:hover,.dark-theme.stock-dashboard .transaction-item:hover{background:var(--nav-active,#3b82f626)}.dark-theme.stock-dashboard .warehouse-name,.dark-theme.stock-dashboard .item-name,.dark-theme.stock-dashboard .transaction-item-name,.dark-theme.stock-dashboard .qty-value,.dark-theme.stock-dashboard .warehouse-percentage{color:var(--text-primary,#f8fafc)}.dark-theme.stock-dashboard .warehouse-location,.dark-theme.stock-dashboard .item-sku,.dark-theme.stock-dashboard .item-warehouse,.dark-theme.stock-dashboard .transaction-qty,.dark-theme.stock-dashboard .transaction-user,.dark-theme.stock-dashboard .transaction-date,.dark-theme.stock-dashboard .qty-label{color:var(--text-secondary,#94a3b8)}.dark-theme.stock-dashboard .warehouse-bar{background:var(--nav-hover,#ffffff1a)}@media (width<=1024px){.warehouse-info{flex:0 0 120px}}@media (width<=768px){.stock-dashboard .warehouse-item{flex-wrap:wrap}.stock-dashboard .item-row{flex-wrap:wrap;gap:8px}.stock-dashboard .item-details{flex-wrap:wrap;gap:12px;width:100%}.stock-dashboard .item-info{flex:1}.stock-dashboard .warehouse-status{margin-left:auto}}@media (width<=480px){.stock-dashboard .warehouse-item{flex-direction:column;align-items:flex-start}.stock-dashboard .warehouse-status{margin-left:0}.stock-dashboard .transaction-item{flex-wrap:wrap}}.quality-dashboard .metrics-list{flex-direction:column;gap:12px;display:flex}.quality-dashboard .metric-row{background:var(--nav-hover,#f8fafc);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.quality-dashboard .metric-row:hover{background:var(--nav-active,#f1f5f9)}.metric-info{flex:1}.metric-name{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.metric-target{color:var(--text-secondary,#64748b);margin-top:2px;font-size:12px}.metric-value-wrapper{align-items:center;gap:12px;display:flex}.metric-value{color:var(--text-primary,#1e293b);font-size:18px;font-weight:600}.metric-status{color:#fff;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.metric-status.good{background:#22c55e}.metric-status.warning{background:#f59e0b}.metric-status.critical{background:#ef4444}.inspection-list{flex-direction:column;gap:10px;display:flex}.inspection-item{background:var(--nav-hover,#f8fafc);border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.inspection-item:hover{background:var(--nav-active,#f1f5f9);transform:translate(4px)}.inspection-item-name{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.inspection-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.inspection-type{background:var(--primary-color,#3b82f6);color:#fff;border-radius:4px;padding:2px 8px;font-size:11px}.inspection-inspector{color:var(--text-secondary,#64748b);font-size:11px}.inspection-date{color:var(--text-secondary,#94a3b8);font-size:11px}.inspection-details{flex-shrink:0;align-items:center;gap:8px;display:flex}.inspection-defects{color:#ef4444;background:#fef2f2;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.inspection-severity{color:#fff;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.inspection-result{color:#fff;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:flex}.defect-list{flex-direction:column;gap:12px;display:flex}.defect-item{align-items:center;gap:12px;display:flex}.defect-info{flex:0 0 160px;align-items:center;gap:8px;display:flex}.defect-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.defect-name{color:var(--text-primary,#1e293b);flex:1;font-size:13px}.defect-count{color:var(--text-primary,#1e293b);min-width:30px;font-size:12px;font-weight:600}.defect-bar{background:var(--nav-hover,#f1f5f9);border-radius:4px;flex:1;height:8px;overflow:hidden}.defect-fill{border-radius:4px;height:100%;transition:width .8s}.defect-percentage{color:var(--text-primary,#1e293b);text-align:right;min-width:40px;font-size:12px;font-weight:600}.overview-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.overview-item{background:var(--nav-hover,#f8fafc);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.overview-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.overview-content{flex:1}.overview-label{color:var(--text-secondary,#64748b);font-size:12px}.overview-value{color:var(--text-primary,#1e293b);font-size:18px;font-weight:600}.dark-theme.quality-dashboard .metric-row,.dark-theme.quality-dashboard .inspection-item,.dark-theme.quality-dashboard .overview-item,.dark-theme.quality-dashboard .defect-bar{background:var(--nav-hover,#ffffff0d)}.dark-theme.quality-dashboard .metric-row:hover,.dark-theme.quality-dashboard .inspection-item:hover{background:var(--nav-active,#3b82f626)}.dark-theme.quality-dashboard .metric-name,.dark-theme.quality-dashboard .inspection-item-name,.dark-theme.quality-dashboard .defect-name,.dark-theme.quality-dashboard .defect-count,.dark-theme.quality-dashboard .overview-value,.dark-theme.quality-dashboard .defect-percentage{color:var(--text-primary,#f8fafc)}.dark-theme.quality-dashboard .metric-target,.dark-theme.quality-dashboard .inspection-inspector,.dark-theme.quality-dashboard .inspection-date,.dark-theme.quality-dashboard .overview-label{color:var(--text-secondary,#94a3b8)}.dark-theme.quality-dashboard .inspection-defects{color:#f87171;background:#ef444433}@media (width<=1024px){.defect-info{flex:0 0 120px}}@media (width<=768px){.quality-dashboard .inspection-item{flex-wrap:wrap;gap:8px}.quality-dashboard .inspection-details{flex-wrap:wrap;width:100%}.quality-dashboard .metric-row{flex-wrap:wrap}.quality-dashboard .metric-value-wrapper{justify-content:flex-start;width:100%}.overview-grid{grid-template-columns:1fr}.defect-info{flex:0 0 100px}}@media (width<=480px){.quality-dashboard .inspection-item{flex-direction:column;align-items:flex-start}.quality-dashboard .inspection-details,.defect-item{flex-wrap:wrap}.defect-info{flex:100%}}.grnf-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.grnf-inner{max-width:1400px;margin:0 auto}.grnf-header{align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.grnf-back-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:30px;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:flex}.grnf-back-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 12%, transparent)}.grnf-back-btn:active{transform:scale(.97)}.grnf-header-title{flex:1}.grnf-header-title h1{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.grnf-error-badge{color:#92400e;background:#fef3c7;border-radius:30px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.grnf-loading{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:16px}.grnf-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.grnf-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:block}.grnf-field{margin-bottom:16px}.grnf-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.grnf-label-icon{margin-right:4px}.grnf-required{color:var(--danger-color)}.grnf-form-field{border:1.5px solid var(--border-color);background:var(--card-bg);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.grnf-form-field:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.grnf-form-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.grnf-form-field.grnf-field-error{border-color:var(--danger-color)}.grnf-form-field.grnf-field-error:hover,.grnf-form-field.grnf-field-error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger-color) 12%, transparent);background:color-mix(in srgb, var(--danger-color) 2%, var(--card-bg))}.grnf-field-hint{color:var(--text-secondary);margin-top:4px;font-size:11px}.grnf-field-with-button{gap:8px;display:flex}.grnf-field-with-button .grnf-form-field{flex:1}.grnf-fetch-btn{background:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:600;transition:background .2s,transform .1s}.grnf-fetch-btn:hover:not(:disabled){background:var(--primary-hover)}.grnf-fetch-btn:disabled{opacity:.6;cursor:not-allowed}.grnf-fetch-btn:active{transform:scale(.97)}.grnf-divider{background:var(--border-color);height:1px;margin:18px 0}.grnf-items-section{margin-top:4px}.grnf-items-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.grnf-add-item-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .2s,transform .1s;display:flex}.grnf-add-item-btn:hover:not(:disabled){background:var(--primary-hover)}.grnf-add-item-btn:disabled{opacity:.6;cursor:not-allowed}.grnf-empty-items{background:var(--layout-bg);border:2px dashed var(--border-color);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.grnf-empty-items svg{color:var(--text-secondary)}.grnf-empty-items p{color:var(--text-primary);margin:0;font-size:16px;font-weight:500}.grnf-empty-items span{color:var(--text-secondary);font-size:13px}.grnf-table-block{border:1px solid var(--border-color);border-radius:10px;overflow:auto hidden}.grnf-items-table{border-collapse:collapse;width:100%;min-width:1200px;font-size:12px}.grnf-ith{text-align:left;color:var(--text-secondary);background:var(--layout-bg);border-bottom:1px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:8px 10px;font-size:10px;font-weight:600}.grnf-ith-action{text-align:center;width:36px}.grnf-itr{border-top:1px solid var(--border-color)}.grnf-itr:hover{background:var(--nav-hover)}.grnf-itd{color:var(--text-primary);vertical-align:middle;padding:4px 6px}.grnf-itd-no{color:var(--text-secondary);text-align:center;width:30px;font-size:11px}.grnf-cell-input{width:100%;min-width:60px;height:28px;color:var(--text-primary);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:0 6px;font-size:11.5px;transition:all .15s}.grnf-cell-input:focus{border-color:var(--primary-color);background:var(--card-bg);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent)}.grnf-cell-input:hover{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.grnf-cell-input:disabled{opacity:.6;cursor:not-allowed;background:var(--layout-bg)}.grnf-remove-item{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .15s}.grnf-remove-item:hover:not(:disabled){color:var(--danger-color);background:color-mix(in srgb, var(--danger-color) 8%, transparent)}.grnf-remove-item:disabled{opacity:.4;cursor:not-allowed}.grnf-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.grnf-cancel-btn{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);border-radius:30px;padding:8px 24px;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}.grnf-cancel-btn:hover{background:color-mix(in srgb, var(--danger-color) 6%, var(--card-bg));border-color:color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:var(--danger-color)}.grnf-submit-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent);border:none;border-radius:30px;align-items:center;gap:7px;padding:8px 32px;font-size:12px;font-weight:600;transition:opacity .2s,box-shadow .18s,transform .1s;display:flex}.grnf-submit-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.grnf-submit-btn:active:not(:disabled){transform:translateY(0)scale(.97)}.grnf-submit-btn:disabled{opacity:.65;cursor:not-allowed}.grnf-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.grnf-validation-modal{background:var(--card-bg);width:100%;max-width:550px;max-height:85vh;box-shadow:0 20px 40px var(--shadow-color);border-radius:16px;animation:.3s ease-out grnfFadeIn;overflow-y:auto}@keyframes grnfFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.grnf-modal-header{border-bottom:1px solid var(--border-color);background:var(--card-bg);z-index:10;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.grnf-modal-header h2{color:#f59e0b;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.grnf-modal-close{background:var(--layout-bg);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border:none;border-radius:8px;font-size:20px;transition:background .15s}.grnf-modal-close:hover{background:color-mix(in srgb, var(--text-secondary) 15%, var(--layout-bg))}.grnf-modal-body{padding:24px}.grnf-modal-description{color:var(--text-secondary);margin-bottom:16px}.grnf-validation-errors-list{flex-direction:column;gap:12px;display:flex}.grnf-validation-error-item{background:var(--layout-bg);cursor:default;border-left:3px solid #ef4444;border-radius:10px;padding:12px}.grnf-error-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.grnf-error-header strong{color:var(--text-primary);font-size:13px}.grnf-error-icon{color:#ef4444;flex-shrink:0}.grnf-error-message{color:#ef4444;margin-left:26px;font-size:11px}.grnf-validation-tip{color:#92400e;background:#fef3c7;border-radius:8px;align-items:center;gap:6px;margin-top:20px;padding:12px;font-size:12px;display:flex}.grnf-tip-icon{margin-right:6px;display:inline}.grnf-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.grnf-btn-cancel{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.grnf-btn-cancel:hover{background:var(--layout-bg);color:var(--text-primary)}.grnf-api-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.grnf-api-error .grnf-error-icon{color:#dc2626;flex-shrink:0}.grnf-api-error span{flex:1}.grnf-error-close{cursor:pointer;color:#dc2626;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}@keyframes grnfSpin{to{transform:rotate(360deg)}}@media (width<=1024px){.grnf-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grnf-grid-3{grid-template-columns:1fr;gap:0}.grnf-card{padding:16px}.grnf-table-block{overflow-x:auto}.grnf-items-table{min-width:1000px}.grnf-header{flex-wrap:wrap}.grnf-error-badge{justify-content:center;width:100%}.grnf-footer{flex-direction:column-reverse;width:100%}.grnf-footer button{justify-content:center;width:100%}.grnf-error-header{flex-direction:column;align-items:flex-start;gap:6px}.grnf-error-message{margin-left:0}.grnf-field-with-button{flex-direction:column}.grnf-field-with-button .grnf-fetch-btn{justify-content:center;width:100%}}@media (width<=480px){.grnf-page{padding:0 12px 20px}.grnf-card{padding:12px}.grnf-header-title h1{font-size:16px}.grnf-ith{padding:4px 6px;font-size:9px}.grnf-itd{padding:2px 4px}.grnf-cell-input{min-width:40px;height:24px;padding:0 4px;font-size:10px}.grnf-items-table{min-width:800px}.grnf-items-header{flex-direction:column;align-items:stretch;gap:8px}.grnf-add-item-btn{justify-content:center}}.grnf-warehouse-wrapper{width:100%;position:relative}.grnf-warehouse-spinner{color:var(--text-secondary,#9ca3af);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.grnf-warehouse-dropdown{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:1000;border-radius:8px;max-height:250px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.grnf-warehouse-item{cursor:pointer;border-bottom:1px solid var(--border-color,#f3f4f6);padding:10px 14px;transition:background .15s}.grnf-warehouse-item:hover{background:var(--bg-hover,#f3f4f6)}.grnf-warehouse-item:last-child{border-bottom:none}.grnf-warehouse-item-name{color:var(--text-primary,#111827);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.grnf-warehouse-item-icon{color:var(--primary-color,#4f46e5);flex-shrink:0}.grnf-warehouse-item-details{color:var(--text-secondary,#6b7280);flex-wrap:wrap;gap:12px;margin-top:4px;font-size:12px;display:flex}.grnf-warehouse-item-details span{align-items:center;gap:4px;display:flex}.grnf-warehouse-no-results{text-align:center;color:var(--text-secondary,#6b7280);justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.grnf-modal-po-selection{width:90%;max-width:700px}.grnf-po-filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.grnf-po-search-wrapper{flex:1;min-width:200px;position:relative}.grnf-po-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.grnf-po-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-primary,#fff);width:100%;color:var(--text-primary,#111827);border-radius:6px;padding:8px 12px 8px 36px;font-size:14px;transition:border-color .15s}.grnf-po-search-input:focus{border-color:var(--primary-color,#4f46e5);outline:none;box-shadow:0 0 0 3px #4f46e51a}.grnf-po-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-primary,#fff);color:var(--text-primary,#111827);border-radius:6px;min-width:150px;padding:8px 12px;font-size:14px}.grnf-po-filter-select:focus{border-color:var(--primary-color,#4f46e5);outline:none}.grnf-po-list{border:1px solid var(--border-color,#e5e7eb);border-radius:8px;max-height:400px;overflow-y:auto}.grnf-po-item{border-bottom:1px solid var(--border-color,#f3f4f6);cursor:pointer;align-items:stretch;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.grnf-po-item:last-child{border-bottom:none}.grnf-po-item:hover{background:var(--bg-hover,#f8fafc)}.grnf-po-item-selected{background:var(--bg-selected,#eef2ff);border-left:3px solid var(--primary-color,#4f46e5)}.grnf-po-item-check{flex-shrink:0;align-items:center;padding-top:4px;display:flex}.grnf-po-radio{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color,#4f46e5)}.grnf-po-item-content{flex:1;min-width:0}.grnf-po-item-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.grnf-po-item-number{color:var(--text-primary,#111827);font-size:15px;font-weight:600}.grnf-po-item-status{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:500}.grnf-po-item-details{color:var(--text-secondary,#6b7280);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.grnf-po-item-details span{align-items:center;gap:4px;display:flex}.grnf-po-item-details strong{color:var(--text-primary,#111827);font-weight:600}.grnf-po-item-received{margin-top:6px}.grnf-po-received-label{color:var(--text-secondary,#6b7280);font-size:12px}.grnf-po-progress-bar{background:var(--bg-secondary,#e5e7eb);border-radius:2px;width:100%;height:4px;margin-top:4px;overflow:hidden}.grnf-po-progress-fill{background:var(--primary-color,#4f46e5);border-radius:2px;height:100%;transition:width .3s}.grnf-po-item-action{flex-shrink:0;align-items:center;padding-left:8px;display:flex}.grnf-po-check-icon{color:var(--primary-color,#4f46e5);font-size:20px}.grnf-po-loading{color:var(--text-secondary,#6b7280);justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.grnf-po-empty{color:var(--text-secondary,#6b7280);justify-content:center;align-items:center;padding:40px;display:flex}.grnf-po-pagination{border-top:1px solid var(--border-color,#e5e7eb);justify-content:center;align-items:center;gap:4px;margin-top:16px;padding-top:12px;display:flex}.grnf-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-primary,#fff);color:var(--text-primary,#111827);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-width:32px;padding:6px 12px;font-size:13px;transition:all .15s;display:flex}.grnf-page-btn:hover:not(:disabled){background:var(--bg-hover,#f3f4f6);border-color:var(--border-color,#d1d5db)}.grnf-page-btn:disabled{opacity:.5;cursor:not-allowed}.grnf-page-btn-active{background:var(--primary-color,#4f46e5);color:#fff;border-color:var(--primary-color,#4f46e5)}.grnf-page-btn-active:hover:not(:disabled){background:var(--primary-hover,#4338ca);border-color:var(--primary-hover,#4338ca)}.grnf-modal-po-detail{width:90%;max-width:800px}.grnf-po-detail-summary{background:var(--bg-secondary,#f8fafc);border-radius:8px;margin-bottom:20px;padding:16px}.grnf-po-detail-row{color:var(--text-secondary,#6b7280);flex-wrap:wrap;gap:20px;font-size:14px;display:flex}.grnf-po-detail-row:not(:last-child){margin-bottom:8px}.grnf-po-detail-row strong{color:var(--text-primary,#111827)}.grnf-po-detail-items h4{color:var(--text-primary,#111827);margin:0 0 12px;font-size:16px}.grnf-po-items-table{border-collapse:collapse;width:100%;font-size:13px}.grnf-po-items-table thead{background:var(--bg-secondary,#f8fafc)}.grnf-po-items-table th{text-align:left;color:var(--text-secondary,#6b7280);border-bottom:2px solid var(--border-color,#e5e7eb);padding:8px 12px;font-weight:600}.grnf-po-items-table td{border-bottom:1px solid var(--border-color,#f3f4f6);color:var(--text-primary,#111827);padding:8px 12px}.grnf-po-items-table tbody tr:hover{background:var(--bg-hover,#f8fafc)}.grnf-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.2s grnf-fade-in;display:flex;position:fixed;inset:0}.grnf-modal{background:var(--bg-primary,#fff);border-radius:12px;flex-direction:column;max-height:90vh;animation:.25s grnf-slide-up;display:flex;box-shadow:0 20px 60px #0000004d}.grnf-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.grnf-modal-title{color:var(--text-primary,#111827);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.grnf-modal-close{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;transition:background .15s}.grnf-modal-close:hover{background:var(--bg-hover,#f3f4f6);color:var(--text-primary,#111827)}.grnf-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.grnf-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}@keyframes grnf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes grnf-slide-up{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.grn-status-partial{color:#92400e;background:#fef3c7}.grn-status-closed{color:#374151;background:#e5e7eb}.grnf-spinning{animation:.8s linear infinite grnf-spin}@keyframes grnf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grnf-service-toggle-row{background:var(--layout-bg);border:1px solid var(--border-color);border-radius:10px;align-items:center;margin-bottom:18px;padding:10px 14px;display:inline-flex}.grnf-checkbox-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.grnf-checkbox{width:17px;height:17px;accent-color:var(--primary-color);cursor:pointer}.grnf-entry-mode-toggle{background:var(--layout-bg);border:1px solid var(--border-color);border-radius:10px;gap:6px;margin-bottom:4px;padding:4px;display:inline-flex}.grnf-mode-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.grnf-mode-btn:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));color:var(--primary-color)}.grnf-mode-btn.grnf-mode-btn-active{color:#fff!important;background:#7c3aed!important;border:1px solid #7c3aed!important}.grnf-mode-btn.grnf-mode-btn-active svg{color:#fff!important}.grnf-mode-btn:disabled{opacity:.5;cursor:not-allowed}.grnf-itd-relative{position:relative}.grnf-item-search-dropdown{z-index:40;background:var(--bg-primary,var(--card-bg));border:1px solid var(--border-color);width:max(260px,100%);max-height:260px;box-shadow:0 8px 24px var(--shadow-color);border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.grnf-items-table select.grnf-cell-input{border:1px solid var(--border-color);background:var(--card-bg);width:100%;min-width:90px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:4px;padding:0 6px;font-size:11.5px}.grnf-items-table select.grnf-cell-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent);outline:none}.grnf-itd-readonly{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap;padding:4px 8px;font-size:11.5px}.grnf-itd-amount{color:var(--text-primary);font-weight:700}.grnf-bill-summary{background:var(--layout-bg);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:6px;max-width:320px;margin:16px 0 4px auto;padding:14px 16px;display:flex}.grnf-bill-summary-title{color:var(--text-primary);border-bottom:1px dashed var(--border-color);align-items:center;gap:8px;margin-bottom:4px;padding-bottom:8px;font-size:12.5px;font-weight:700;display:flex}.grnf-bill-summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.grnf-bill-summary-row span:first-child{align-items:center;gap:6px;display:inline-flex}.grnf-bill-summary-row span:last-child{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:600}.grnf-bill-summary-total{border-top:1px solid var(--border-color);margin-top:6px;padding-top:10px;font-size:14px}.grnf-bill-summary-total span:first-child{color:var(--text-primary);font-weight:700}.grnf-bill-summary-total span:last-child{color:var(--primary-color);font-size:16px;font-weight:800}@media (width<=768px){.grnf-bill-summary{max-width:100%;margin-left:0}.grnf-entry-mode-toggle{flex-direction:column;width:100%}.grnf-mode-btn{justify-content:center;width:100%}}.grnf-customer-card{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;margin-bottom:16px;padding:14px 18px}.grnf-customer-card-header{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.grnf-customer-card-body{flex-direction:column;gap:4px;display:flex}.grnf-customer-card-name{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.grnf-customer-card-row{color:var(--text-secondary,#6b7280);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.grnf-customer-card-row span{align-items:center;gap:4px;display:flex}.grnf-grid-3{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:4px;display:grid}@media (width<=768px){.grnf-grid-3{grid-template-columns:1fr;gap:0}}.grnf-entry-mode-toggle{background:var(--layout-bg);border:1px solid var(--border-color);border-radius:10px;gap:6px;width:100%;max-width:400px;margin-bottom:4px;padding:4px;display:inline-flex}.grnf-mode-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.grnf-party-card{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;margin-bottom:16px;padding:14px 18px}.grnf-party-card-header{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color-light,#f3f4f6);align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;font-size:11px;font-weight:600;display:flex}.grnf-party-card-body{flex-direction:column;gap:4px;display:flex}.grnf-party-card-name{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.grnf-party-card-row{color:var(--text-secondary,#6b7280);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.grnf-party-card-row span{align-items:center;gap:4px;display:flex}.dark-theme .grnf-party-card{background:#1e293b;border-color:#334155}.dark-theme .grnf-party-card-header{color:#94a3b8;border-color:#334155}.dark-theme .grnf-party-card-name{color:#f8fafc}.dark-theme .grnf-party-card-row,.dark-theme .grnf-party-card-row span{color:#94a3b8}.grnf-compact-layout{grid-template-columns:1fr 380px;gap:20px;margin-top:16px;display:grid}.grnf-left-column{flex-direction:column;gap:0;display:flex}.grnf-right-column{flex-direction:column;gap:16px;display:flex}.grnf-info-section{margin-bottom:12px}.grnf-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:600}.grnf-info-fields{flex-direction:column;gap:10px;display:flex}.grnf-info-field{flex-direction:column;gap:4px;display:flex}.grnf-info-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.grnf-info-field .grnf-form-field{height:32px;padding:6px 10px;font-size:12px}.grnf-party-detail-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.grnf-party-empty-card{opacity:.7}.grnf-party-card-header{background:var(--layout-bg);border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.grnf-party-card-content{padding:14px}.grnf-party-card-content h3{color:var(--text-primary);margin:0 0 12px;font-size:15px;font-weight:600}.grnf-party-card-info{flex-direction:column;gap:8px;display:flex}.grnf-party-info-item{justify-content:space-between;align-items:center;font-size:12px;display:flex}.grnf-party-info-label{color:var(--text-secondary);min-width:80px;font-weight:500}.grnf-party-info-value{color:var(--text-primary);align-items:center;gap:4px;font-weight:500;display:flex}.grnf-party-empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.grnf-party-empty-state p{margin:0;font-size:12px}.grnf-delivery-toggle{gap:6px;margin-bottom:10px;display:flex}.grnf-delivery-toggle .grnf-mode-btn{flex:1;padding:5px 10px;font-size:11px}.grnf-delivery-amount{flex-direction:column;gap:4px;display:flex}.grnf-delivery-amount label{color:var(--text-secondary);font-size:11px;font-weight:500}.grnf-entry-mode-section{margin-bottom:16px}.grnf-po-dropdown{max-height:300px}.grnf-confirm-modal{background:var(--card-bg);text-align:center;width:90%;max-width:440px;box-shadow:0 20px 40px var(--shadow-color);border-radius:16px;padding:32px;animation:.3s ease-out grnfFadeIn}.grnf-confirm-icon{color:#f59e0b;margin-bottom:16px}.grnf-confirm-modal h3{color:var(--text-primary);margin:0 0 12px;font-size:18px;font-weight:700}.grnf-confirm-message{color:var(--text-secondary);margin:0 0 8px;font-size:13px;line-height:1.5}.grnf-confirm-warning{color:#f59e0b;margin:0 0 24px;font-size:13px;font-weight:500}.grnf-confirm-actions{justify-content:center;gap:12px;display:flex}.grnf-confirm-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s}.grnf-confirm-btn-cancel{background:var(--layout-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.grnf-confirm-btn-cancel:hover{background:var(--border-color)}.grnf-confirm-btn-proceed{background:var(--primary-gradient);color:#fff}.grnf-confirm-btn-proceed:hover{opacity:.9}.grnf-success-modal{background:var(--card-bg);text-align:center;width:90%;max-width:440px;box-shadow:0 20px 60px var(--shadow-color);border-radius:20px;padding:40px 32px;animation:.4s ease-out grnfScaleIn}@keyframes grnfScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.grnf-success-icon-circle{color:#059669;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.grnf-success-modal h2{color:var(--text-primary);margin:0 0 8px;font-size:22px;font-weight:700}.grnf-success-message{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.grnf-success-grn-box{background:var(--layout-bg);border:2px dashed var(--primary-color);border-radius:12px;margin-bottom:24px;padding:16px}.grnf-success-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.grnf-success-number{color:var(--primary-color);letter-spacing:1px;font-size:20px;font-weight:800;display:block}.grnf-success-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.grnf-success-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .15s}.grnf-success-btn-primary{background:var(--primary-gradient);color:#fff}.grnf-success-btn-primary:hover{opacity:.9;box-shadow:0 4px 12px color-mix(in srgb, var(--primary-color) 30%, transparent);transform:translateY(-1px)}.grnf-success-btn-secondary{background:var(--layout-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.grnf-success-btn-secondary:hover{background:var(--border-color)}@media (width<=1024px){.grnf-compact-layout{grid-template-columns:1fr;gap:16px}.grnf-right-column{order:-1}}@media (width<=768px){.grnf-compact-layout{gap:12px}.grnf-confirm-actions{flex-direction:column}.grnf-confirm-btn{width:100%}.grnf-success-actions{flex-direction:column}.grnf-success-btn{width:100%}}.grnf-info-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:2px;display:grid}.grnf-info-row:last-child{margin-bottom:0}@media (width<=768px){.grnf-info-row{grid-template-columns:1fr;gap:10px}}.grn-page{background:var(--layout-bg,#f5f7fb);height:100%;color:var(--text-primary,#1f2433);border-radius:8px;flex-direction:column;gap:16px;padding:20px;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden auto}.grn-page::-webkit-scrollbar{width:6px}.grn-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.grn-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.grn-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}*{box-sizing:border-box}.grn-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.grn-breadcrumb{align-items:center;gap:8px;font-size:14px;display:flex}.grn-breadcrumb__home{background:linear-gradient(135deg, var(--primary-color,#4f46e5), #818cf8);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:box-shadow .15s,transform .1s;display:inline-flex}.grn-breadcrumb__home:hover{box-shadow:0 2px 8px #4f46e54d}.grn-breadcrumb__home:active{transform:translateY(1px)}.grn-breadcrumb__crumb{color:var(--text-secondary,#8b92a5)}.grn-breadcrumb__crumb--active{color:var(--text-primary,#1f2433);font-weight:600}.grn-breadcrumb__sep{color:var(--text-secondary,#9ca3af)}.grn-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grn-icon-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);width:34px;height:34px;color:var(--text-secondary,#8b92a5);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.grn-icon-btn:hover{border-color:var(--tone,var(--border-color));color:var(--tone,var(--text-primary));background:var(--tint,var(--layout-bg))}.grn-icon-btn--teal{--tone:#14b8a6;--tint:#e7faf6}.grn-tabs{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;flex-shrink:0;gap:4px;padding:4px;display:flex}.grn-tab{cursor:pointer;color:var(--text-secondary,#6b7280);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.grn-tab:hover{background:var(--nav-hover,#f9fafb);color:var(--text-primary,#1f2433)}.grn-tab--active{background:var(--primary-color,#6366f1);color:#fff;box-shadow:0 2px 8px #6366f14d}.grn-tab--active:hover{background:var(--primary-hover,#4f46e5);color:#fff}.grn-tab-count{background:#0000001a;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.grn-tab--active .grn-tab-count{background:#ffffff40}.grn-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.grn-error-banner span{flex:1}.grn-error-close{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:inline-flex}.grn-error-close:hover{background:#dc26261a}.grn-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.grn-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.grn-search-wrapper{flex:1;max-width:400px;position:relative}.grn-search-icon{color:var(--text-secondary,#9ca3af);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.grn-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.grn-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.grn-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.grn-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.grn-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grn-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.grn-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.grn-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.grn-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.grn-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.grn-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.grn-btn-primary:active{transform:translateY(0)}.grn-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.grn-active-filters span{color:var(--text-primary,#111827)}.grn-clear-filters{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.grn-clear-filters:hover{background:var(--layout-bg,#f9fafb)}.grn-table-wrap{background:var(--card-bg,#fff);width:100%;box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow-x:auto}.grn-table-wrap::-webkit-scrollbar{height:6px}.grn-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.grn-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.grn-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.grn-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.grn-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.grn-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.grn-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.grn-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.grn-td-id{color:var(--text-primary,#111827);font-weight:600}.grn-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.grn-id-link{color:var(--primary-color,#4f46e5);font-size:13px;font-weight:700;text-decoration:none}.grn-id-link:hover{text-decoration:underline}.grn-tr{cursor:default;transition:background .15s}.grn-tr:hover{background:var(--nav-hover,#f9fafb)}.grn-tr+.grn-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.grn-status-pill{border-radius:99px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.grn-status-draft{color:#6b7280;background:#f3f4f6}.grn-status-submitted{color:#1e40af;background:#dbeafe}.grn-status-completed{color:#065f46;background:#d1fae5}.grn-status-rejected{color:#b91c1c;background:#fee2e2}.grn-party{align-items:center;font-weight:500;display:inline-flex}.grn-po-ref{background:var(--bg-tag,#f1f5f9);color:var(--text-secondary,#6b7280);border-radius:4px;padding:2px 8px;font-size:12px}.grn-received-by,.grn-date{color:var(--text-secondary,#6b7280);align-items:center;font-size:12px;display:inline-flex}.grn-qty{font-weight:600}.grn-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.grn-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.grn-action-buttons{align-items:center;gap:4px;display:flex}.grn-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.grn-action-view{color:var(--primary-color,#6366f1)}.grn-action-view:hover{background:#6366f11a}.grn-action-edit{color:#f59e0b}.grn-action-edit:hover{background:#f59e0b1a}.grn-action-delete{color:var(--danger-color,#ef4444)}.grn-action-delete:hover{background:#ef44441a}.grn-empty-state{text-align:center;padding:60px 20px}.grn-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.grn-empty-content svg{color:var(--text-secondary,#9ca3af)}.grn-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.grn-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.grn-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.grn-pagination-left,.grn-pagination-right{align-items:center;gap:8px;display:flex}.grn-pagination-center{align-items:center;gap:4px;display:flex}.grn-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.grn-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.grn-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.grn-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.grn-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.grn-page-btn:disabled{opacity:.5;cursor:not-allowed}.grn-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.grn-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.grn-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.grn-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out grnFadeIn;display:flex;position:fixed;inset:0}@keyframes grnFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.grn-modal{background:var(--card-bg,#fff);width:100%;max-width:450px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.grn-modal-delete{max-width:450px}.grn-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.grn-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.grn-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.grn-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.grn-modal-body{flex-direction:column;flex:1;gap:12px;padding:24px 28px;display:flex;overflow-y:auto}.grn-modal-body p{color:var(--text-secondary,#6b7280);margin:0}.grn-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.grn-modal-warning{color:var(--danger-color,#ef4444);text-align:center;font-size:12px}.grn-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.grn-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.grn-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.grn-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.grn-btn-delete:hover{background:#dc2626}.grn-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.grn-loading-spinner{border:3px solid var(--border-color,#e5e7eb);border-top-color:var(--primary-color,#6366f1);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite grn-spin}@keyframes grn-spin{to{transform:rotate(360deg)}}.dark-theme .grn-page{background:var(--layout-bg,#0f172a)}.dark-theme .grn-tabs{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .grn-tab{color:var(--text-secondary,#94a3b8)}.dark-theme .grn-tab:hover{background:var(--nav-hover,#ffffff0d);color:var(--text-primary,#f8fafc)}.dark-theme .grn-tab--active{background:var(--primary-color,#3b82f6);color:#fff}.dark-theme .grn-filter-select,.dark-theme .grn-sort-btn,.dark-theme .grn-page-btn,.dark-theme .grn-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .grn-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .grn-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .grn-table-wrap{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .grn-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .grn-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .grn-td{color:var(--text-primary,#f8fafc)}.dark-theme .grn-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .grn-id-link{color:var(--primary-color,#818cf8)}.dark-theme .grn-status-draft{color:#9ca3af;background:#6b728033}.dark-theme .grn-status-submitted{color:#60a5fa;background:#3b82f633}.dark-theme .grn-status-completed{color:#34d399;background:#10b98133}.dark-theme .grn-status-rejected{color:#f87171;background:#ef444433}.dark-theme .grn-ago{color:var(--text-secondary,#94a3b8)}.dark-theme .grn-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .grn-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .grn-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .grn-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .grn-modal-header,.dark-theme .grn-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .grn-modal-title{color:var(--text-primary,#f8fafc)}.dark-theme .grn-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .grn-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .grn-error-banner{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.dark-theme .grn-error-close:hover{background:#ef444433}.dark-theme .grn-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .grn-empty-content span{color:var(--text-secondary,#94a3b8)}@media (width<=768px){.grn-page{gap:12px;padding:12px}.grn-filter-bar{flex-direction:column;align-items:stretch}.grn-filter-left{width:100%}.grn-search-wrapper{max-width:100%}.grn-filter-right{flex-wrap:wrap;justify-content:flex-start}.grn-pagination{flex-direction:column;align-items:center}.grn-pagination-center{order:2}.grn-pagination-left,.grn-pagination-right{order:1}.grn-table{min-width:700px}.grn-td{padding:8px 10px;font-size:12px}.grn-th{padding:8px 10px;font-size:11px}.grn-td-meta{flex-wrap:wrap;justify-content:flex-end}}@media (width<=480px){.grn-filter-right{flex-direction:column;width:100%}.grn-filter-right>*{width:100%}.grn-btn-primary{justify-content:center}.grn-pagination{padding:8px 0 0}.grn-pagination-center{flex-wrap:wrap;justify-content:center}.grn-modal{max-width:95%}}.pif-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.pif-inner{max-width:1400px;margin:0 auto}.pif-header{align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.pif-loading{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:16px;display:flex}.pif-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.pif-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:flex}.pif-section-icon{color:var(--primary-color)}.pif-invoice-type-section{margin-bottom:4px}.pif-radio-group{background:var(--layout-bg);border:1px solid var(--border-color);border-radius:10px;gap:6px;width:100%;max-width:480px;padding:4px;display:inline-flex}.pif-radio-label{color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .18s,color .18s;display:flex}.pif-radio-label:hover{background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));color:var(--primary-color)}.pif-radio-label input[type=radio]{accent-color:#7c3aed;cursor:pointer}.pif-radio-label:has(input:checked){color:#fff;background:#7c3aed}.pif-field{margin-bottom:16px}.pif-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;margin-bottom:5px;font-size:11px;font-weight:600;display:flex}.pif-label-icon{color:var(--primary-color)}.pif-required{color:var(--danger-color)}.pif-textarea{resize:vertical;min-height:70px;font-family:inherit}.pif-grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:2px;display:grid}.pif-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:2px;display:grid}@media (width<=768px){.pif-grid-2,.pif-grid-3{grid-template-columns:1fr;gap:10px}}.pif-divider{background:var(--border-color);height:1px;margin:18px 0}.pif-compact-layout{grid-template-columns:1fr 380px;gap:20px;margin-top:4px;display:grid}.pif-left-column{flex-direction:column;gap:0;display:flex}.pif-right-column{flex-direction:column;gap:16px;display:flex}@media (width<=1024px){.pif-compact-layout{grid-template-columns:1fr;gap:16px}.pif-right-column{order:-1}}.pif-party-detail-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.pif-party-empty-card{opacity:.7}.pif-party-card-header{background:var(--layout-bg);border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.pif-party-card-content{padding:14px}.pif-party-card-content h3{color:var(--text-primary);margin:0 0 12px;font-size:15px;font-weight:600}.pif-party-card-info{flex-direction:column;gap:8px;display:flex}.pif-party-info-item{justify-content:space-between;align-items:center;font-size:12px;display:flex}.pif-party-info-label{color:var(--text-secondary);min-width:80px;font-weight:500}.pif-party-info-value{color:var(--text-primary);align-items:center;gap:4px;font-weight:500;display:flex}.pif-party-empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.pif-party-empty-state p{margin:0;font-size:12px}.pif-gst-mini-row{gap:10px;display:flex}.pif-gst-mini-field{flex-direction:column;flex:1;gap:4px;display:flex}.pif-gst-mini-field label{color:var(--text-secondary);font-size:11px;font-weight:500}.pif-gst-mini-field small{color:var(--text-secondary);font-size:10.5px}.warehouse-search-input-wrap{position:relative}.warehouse-search-icon{color:var(--text-secondary);font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.warehouse-search-input{padding-left:32px}.warehouse-dropdown{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color);z-index:1000;border-radius:8px;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.warehouse-dropdown-list{margin:0;padding:0;list-style:none}.warehouse-dropdown-item{cursor:pointer;border-bottom:1px solid var(--border-color);padding:10px 14px;transition:background .15s}.warehouse-dropdown-item:last-child{border-bottom:none}.warehouse-dropdown-item:hover{background:var(--layout-bg)}.warehouse-dropdown-item--selected{background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg))}.warehouse-item-name{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.warehouse-item-company{color:var(--text-secondary);margin-top:4px;font-size:11.5px}.warehouse-dropdown-empty{text-align:center;color:var(--text-secondary);padding:16px;font-size:12px}.pif-grn-chip-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pif-grn-chip{color:#1e40af;background:#dbeafe;border-radius:20px;align-items:center;gap:6px;padding:4px 6px 4px 12px;font-size:11px;font-weight:500;display:inline-flex}.pif-grn-chip--completed{color:#065f46;background:#d1fae5}.pif-grn-chip--submitted{color:#1e40af;background:#dbeafe}.pif-grn-chip--draft{color:#92400e;background:#fef3c7}.pif-grn-chip--rejected{color:#991b1b;background:#fee2e2}.pif-grn-chip button{color:inherit;cursor:pointer;background:#00000014;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:background .15s;display:inline-flex}.pif-grn-chip button:hover{background:#0000002e}.pif-grn-strip{background:var(--layout-bg);border:1px solid var(--border-color);border-radius:8px;margin-top:10px;padding:10px 12px}.pif-grn-label{color:var(--text-secondary);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.pif-grn-badges{flex-wrap:wrap;gap:6px;display:flex}.pif-grn-badge{color:#1e40af;background:#dbeafe;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.pif-grn-badge--completed{color:#065f46;background:#d1fae5}.pif-grn-badge--submitted{color:#1e40af;background:#dbeafe}.pif-grn-badge--draft{color:#92400e;background:#fef3c7}.pif-grn-badge--rejected{color:#991b1b;background:#fee2e2}.pif-grn-badge-qty{color:inherit;opacity:.8}.pif-loading-msg{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.pif-table-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pif-items-hint{color:var(--text-secondary);font-size:11.5px}.pif-add-item-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .2s,transform .1s;display:flex}.pif-add-item-btn:hover:not(:disabled){background:var(--primary-hover)}.pif-empty-items{background:var(--layout-bg);border:2px dashed var(--border-color);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.pif-empty-items svg{color:var(--text-secondary)}.pif-empty-items p{color:var(--text-secondary);text-align:center;margin:0;font-size:13px}.pif-inline-table{border-collapse:collapse;width:100%;min-width:1200px;font-size:12px}.pif-ith{text-align:left;color:var(--text-secondary);background:var(--layout-bg);border-bottom:1px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:8px 10px;font-size:10px;font-weight:600}.pif-ith-no{text-align:center;width:30px}.pif-ith-num{text-align:right}.pif-itr{border-top:1px solid var(--border-color)}.pif-itr:hover{background:var(--nav-hover)}.pif-itr--zero{opacity:.55}.pif-itd{color:var(--text-primary);vertical-align:middle;padding:4px 6px}.pif-itd-no{color:var(--text-secondary);text-align:center;width:30px;font-size:11px}.pif-itd-num{text-align:right}.pif-cell-readonly{color:var(--text-primary);padding:4px 6px;font-size:11.5px;display:inline-block}.pif-cell-input{width:100%;min-width:70px;height:28px;color:var(--text-primary);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:0 6px;font-size:11.5px;transition:all .15s}.pif-cell-input:focus{border-color:var(--primary-color);background:var(--card-bg);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent)}.pif-cell-input:hover{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.pif-cell-input:disabled{opacity:.6;cursor:not-allowed;background:var(--layout-bg)}.pif-cell-number{text-align:right}.pif-amount{color:var(--text-primary);font-weight:700}.pif-remove-item-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .15s}.pif-remove-item-btn:hover{color:var(--danger-color);background:color-mix(in srgb, var(--danger-color) 8%, transparent)}.pif-dropdown-wrapper{position:relative}.pif-dropdown-down{z-index:40;background:var(--card-bg);border:1px solid var(--border-color);width:max(280px,100%);max-height:280px;box-shadow:0 8px 24px var(--shadow-color);border-radius:8px;position:absolute;top:4px;left:0;overflow-y:auto}.pif-dropdown-list{margin:0;padding:0;list-style:none}.pif-dropdown-item{cursor:pointer;border-bottom:1px solid var(--border-color);padding:9px 12px;transition:background .15s}.pif-dropdown-item:last-child{border-bottom:none}.pif-dropdown-item:hover{background:var(--layout-bg)}.pif-dropdown-item-code{font-size:12px;font-weight:600}.pif-item-code-highlight{color:var(--primary-color)}.pif-dropdown-item-name{color:var(--text-primary);margin-top:2px;font-size:11.5px}.pif-dropdown-item-details{color:var(--text-secondary);gap:10px;margin-top:4px;font-size:10.5px;display:flex}.pif-dropdown-empty{text-align:center;color:var(--text-secondary);padding:14px;font-size:11.5px}.pif-itd-note{text-align:center;width:40px}.pif-note-btn{border:1px solid var(--border-color);background:var(--card-bg);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.pif-note-btn:hover{border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color)}.pif-note-btn--filled{background:color-mix(in srgb, var(--primary-color) 12%, var(--card-bg));border-color:var(--primary-color);color:var(--primary-color)}.pif-note-popover{z-index:50;background:var(--card-bg);border:1px solid var(--border-color);width:220px;box-shadow:0 8px 24px var(--shadow-color);border-radius:8px;margin-top:4px;padding:8px;position:absolute;top:100%;right:0}.pif-note-textarea{box-sizing:border-box;border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:var(--layout-bg);resize:vertical;border-radius:6px;outline:none;padding:6px 8px;font-family:inherit;font-size:11.5px}.pif-note-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 12%, transparent)}.pif-gst-section{margin-top:16px}.pif-totals-block{background:var(--layout-bg);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:6px;max-width:320px;margin:16px 0 4px auto;padding:14px 16px;display:flex}.pif-totals-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.pif-totals-row span:last-child{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:600}.pif-totals-grand{border-top:1px solid var(--border-color);margin-top:6px;padding-top:10px;font-size:14px}.pif-totals-grand span:first-child{color:var(--text-primary);font-weight:700}.pif-totals-grand span:last-child{color:var(--primary-color);font-size:16px;font-weight:800}.pif-error-msg{color:var(--danger-color);align-items:center;gap:6px;font-size:11.5px;display:flex}.pif-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.cancel-btn:hover{background:color-mix(in srgb, var(--danger-color) 6%, var(--card-bg));border-color:color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:var(--danger-color)}.print-btn{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);border-radius:30px;align-items:center;gap:7px;padding:8px 20px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:flex}.print-btn:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color)}.print-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes pifFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pifScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pif-success-modal{background:var(--card-bg);text-align:center;width:90%;max-width:440px;box-shadow:0 20px 60px var(--shadow-color);border-radius:20px;padding:40px 32px;animation:.4s ease-out pifScaleIn}.pif-success-icon-circle{color:#059669;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.pif-success-modal h2{color:var(--text-primary);margin:0 0 8px;font-size:22px;font-weight:700}.pif-success-message{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.pif-success-number-box{background:var(--layout-bg);border:2px dashed var(--primary-color);border-radius:12px;margin-bottom:24px;padding:16px}.pif-success-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.pif-success-number{color:var(--primary-color);letter-spacing:1px;font-size:20px;font-weight:800;display:block}.pif-success-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pif-success-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .15s}.pif-success-btn-primary{background:var(--primary-gradient);color:#fff}.pif-success-btn-primary:hover{opacity:.9;box-shadow:0 4px 12px color-mix(in srgb, var(--primary-color) 30%, transparent);transform:translateY(-1px)}.pif-success-btn-secondary{background:var(--layout-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.pif-success-btn-secondary:hover{background:var(--border-color)}.pif-api-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.pif-api-error .error-icon{color:#dc2626;flex-shrink:0}.pif-api-error span{flex:1}@keyframes pifSpin{to{transform:rotate(360deg)}}@media (width<=768px){.pif-card{padding:16px}.pif-table-block{overflow-x:auto}.pif-header{flex-wrap:wrap}.error-badge{justify-content:center;width:100%}.pif-footer{flex-direction:column-reverse;width:100%}.pif-footer button{justify-content:center;width:100%}.error-header{flex-direction:column;align-items:flex-start;gap:6px}.error-message{margin-left:0}.pif-radio-group{flex-direction:column;max-width:100%}.pif-totals-block{max-width:100%;margin-left:0}.pif-success-actions,.pif-success-btn{width:100%}}@media (width<=480px){.pif-page{padding:0 12px 20px}.pif-card{padding:12px}.header-title h1{font-size:16px}.pif-ith{padding:4px 6px;font-size:9px}.pif-itd{padding:2px 4px}.pif-cell-input{min-width:40px;height:24px;padding:0 4px;font-size:10px}.pif-inline-table{min-width:900px}.pif-table-header-row{flex-direction:column;align-items:stretch;gap:8px}.pif-add-item-btn{justify-content:center}}.dark-theme .pif-party-detail-card,.dark-theme .pif-grn-strip,.dark-theme .pif-totals-block,.dark-theme .pif-note-popover{background:#1e293b;border-color:#334155}.dark-theme .pif-party-card-header{background:#0f172a;border-color:#334155}.dark-theme .pif-note-textarea{background:#0f172a}.pif-fields-row{align-items:flex-start;gap:16px;width:100%;display:flex}.pif-fields-row .pif-field{flex:1;min-width:0;max-width:none!important}.pif-fields-row .warehouse-dropdown{width:100%}.um-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:12px;height:100%;padding:20px;display:flex;overflow:hidden auto}.um-page::-webkit-scrollbar{width:6px}.um-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.um-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.um-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.um-inner{width:100%;max-width:1400px;margin:0 auto}.um-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.um-spinning{animation:.8s linear infinite umSpin}@keyframes umSpin{to{transform:rotate(360deg)}}.um-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.um-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.um-search-wrapper{flex:1;max-width:400px;position:relative}.um-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.um-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.um-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.um-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.um-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.um-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.um-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.um-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.um-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.um-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.um-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.um-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.um-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;margin-bottom:2px;padding:6px 14px;font-size:12px;display:flex}.um-active-filters span{color:var(--text-primary,#111827)}.um-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.um-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.um-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;margin-top:0;overflow:auto visible}.um-table-wrap::-webkit-scrollbar{height:6px}.um-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.um-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.um-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.um-table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}.um-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.um-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.um-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.um-tr{transition:background .15s}.um-tr:hover{background:var(--nav-hover,#f9fafb)}.um-tr+.um-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.um-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.um-td-id{color:var(--text-primary,#111827);font-weight:600}.um-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.um-role-badge{color:#2563eb;background:#eff6ff;border-radius:99px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.um-status-badge{border-radius:99px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.um-status-active{color:#059669;background:#d1fae5}.um-status-inactive{color:#6b7280;background:#f3f4f6}.um-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.um-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.um-action-buttons{align-items:center;gap:4px;display:flex}.um-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.um-action-edit{color:#f59e0b}.um-action-edit:hover{background:#f59e0b1a}.um-action-delete{color:var(--danger-color,#ef4444)}.um-action-delete:hover{background:#ef44441a}.um-empty-state{text-align:center;padding:60px 20px}.um-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.um-empty-content svg{color:var(--text-secondary,#9ca3af)}.um-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.um-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.um-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:0;padding:10px 0 0;display:flex}.um-pagination-left,.um-pagination-right{align-items:center;gap:8px;display:flex}.um-pagination-center{align-items:center;gap:4px;display:flex}.um-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.um-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.um-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.um-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.um-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.um-page-btn:disabled{opacity:.5;cursor:not-allowed}.um-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.um-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.um-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.um-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out umFadeIn;display:flex;position:fixed;inset:0}@keyframes umFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.um-modal{background:var(--card-bg,#fff);width:100%;max-width:560px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.um-modal-delete{max-width:450px}.um-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.um-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.um-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.um-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.um-modal-body{flex-direction:column;flex:1;gap:16px;padding:24px 28px;display:flex;overflow-y:auto}.um-modal-body::-webkit-scrollbar{width:6px}.um-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.um-modal-body-delete{text-align:center;align-items:center;padding:32px 28px}.um-delete-icon{color:#ef4444}.um-modal-body-delete p{color:var(--text-secondary,#6b7280);margin:8px 0}.um-delete-warning{color:#ef4444;font-size:12px}.um-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.um-form-group{flex-direction:column;gap:4px;display:flex}.um-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.um-label{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.um-required{color:#ef4444}.um-input-wrapper{position:relative}.um-input-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.um-input{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:9px 12px 9px 36px;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.um-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}.um-input-error{border-color:#ef4444}.um-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.um-error-msg{color:#ef4444;font-size:11px}.um-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.um-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.um-btn-submit{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 24px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.um-btn-submit:hover:not(:disabled){background:var(--primary-hover,#4f46e5)}.um-btn-submit:disabled{opacity:.6;cursor:not-allowed}.um-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.um-btn-delete:hover{background:#dc2626}.um-popup{z-index:2000;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s ease-out umSlideUp,.3s ease-in 2.5s forwards umFadeOut;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.um-popup.success{color:#fff;background:#10b981}.um-popup.error{color:#fff;background:#ef4444}.um-popup.info{color:#fff;background:#3b82f6}@keyframes umSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes umFadeOut{to{opacity:0;transform:translate(-50%)translateY(-10px)}}.dark-theme .um-filter-btn,.dark-theme .um-filter-select,.dark-theme .um-page-btn,.dark-theme .um-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .um-filter-btn:hover,.dark-theme .um-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .um-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .um-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .um-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .um-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .um-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .um-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .um-modal-header,.dark-theme .um-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .um-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .um-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .um-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .um-role-badge{color:#60a5fa;background:#2563eb33}.dark-theme .um-status-active{color:#34d399;background:#05966933}.dark-theme .um-status-inactive{color:#94a3b8;background:#6b728033}.dark-theme .um-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .um-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .um-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .um-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .um-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .um-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .um-btn-primary:hover{background:var(--primary-hover,#2563eb)}@media (width<=1024px){.um-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.um-page{gap:10px;padding:12px}.um-filter-bar{flex-direction:column;align-items:stretch}.um-filter-left{width:100%}.um-search-wrapper{max-width:100%}.um-filter-right{flex-wrap:wrap;justify-content:flex-start}.um-pagination{flex-direction:column;align-items:center;padding:10px 0 0}.um-pagination-center{order:2}.um-pagination-left,.um-pagination-right{order:1}.um-table{min-width:700px}.um-td{padding:8px 10px;font-size:12px}.um-th{padding:8px 10px;font-size:11px}.um-modal{max-width:95vw}.um-modal-body{padding:16px 20px}.um-modal-footer{flex-wrap:wrap}.um-btn-cancel,.um-btn-submit,.um-btn-delete{flex:1;justify-content:center}.um-form-row{grid-template-columns:1fr;gap:0}}@media (width<=480px){.um-filter-right{flex-direction:column;width:100%}.um-filter-right>*{width:100%}.um-btn-primary{justify-content:center}.um-pagination{padding:8px 0 0}.um-pagination-center{flex-wrap:wrap;justify-content:center}.um-modal{border-radius:12px;max-width:98vw}.um-modal-body{padding:14px 16px}.um-modal-title{font-size:14px}.um-modal-header{padding:14px 16px}.um-modal-footer{flex-direction:column-reverse;gap:8px}.um-modal-footer button{width:100%}}.um-roles-container{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg);border-radius:10px;max-height:200px;padding:12px;transition:border-color .2s;overflow-y:auto}.um-roles-container.um-input-error{border-color:#ef4444}.um-roles-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.um-role-checkbox{color:var(--text-primary,#374151);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:13px;transition:background .15s;display:flex}.um-role-checkbox:hover{background:var(--nav-hover,#f9fafb)}.um-role-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary-color,#6366f1);cursor:pointer;flex-shrink:0}.dark-theme .um-role-checkbox{color:var(--text-primary,#f8fafc)}.dark-theme .um-role-checkbox:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .um-roles-container{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155)}@media (width<=768px){.um-roles-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (width<=480px){.um-roles-grid{grid-template-columns:1fr 1fr}}.emp-page{background:var(--bg-primary,#f8fafc);min-height:100vh;padding:20px}.emp-filter-bar{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.emp-filter-left{flex:1;min-width:200px}.emp-search-wrapper{align-items:center;display:flex;position:relative}.emp-search-icon{color:var(--text-secondary,#6b7280);position:absolute;left:10px}.emp-search-input{border:1px solid var(--border-color,#d1d5db);background:var(--bg-input,#fff);width:100%;color:var(--text-primary,#111827);border-radius:6px;padding:8px 36px;font-size:13px;transition:all .2s}.emp-search-input:focus{border-color:var(--primary-color,#4f46e5);outline:none;box-shadow:0 0 0 3px #4f46e51a}.emp-search-clear{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:8px}.emp-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.emp-filter-select{border:1px solid var(--border-color,#d1d5db);background:var(--bg-input,#fff);color:var(--text-primary,#111827);border-radius:6px;padding:8px 12px;font-size:13px}.emp-filter-btn{border:1px solid var(--border-color,#d1d5db);background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.emp-filter-btn:hover{background:var(--bg-hover,#e5e7eb)}.emp-btn-primary{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.emp-btn-primary:hover{opacity:.85;transform:translateY(-1px)}.emp-active-filters{background:var(--bg-secondary,#f3f4f6);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:flex}.emp-clear-filters{background:var(--bg-hover,#e5e7eb);color:var(--text-secondary,#6b7280);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.emp-clear-filters:hover{background:var(--border-color,#d1d5db)}.emp-loading,.emp-error{color:var(--text-secondary,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.emp-retry-btn{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px}.emp-table-wrap{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow-x:auto}.emp-table{border-collapse:collapse;width:100%;font-size:13px}.emp-table thead{background:var(--bg-secondary,#f9fafb)}.emp-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#6b7280);border-bottom:2px solid var(--border-color,#e5e7eb);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.emp-th-check{width:36px}.emp-th-meta{text-align:right;width:120px}.emp-count-label{color:var(--text-secondary,#6b7280);font-size:11px;font-weight:400}.emp-checkbox{cursor:pointer;width:16px;height:16px}.emp-tr{border-bottom:1px solid var(--border-color,#f3f4f6);transition:background .15s}.emp-tr:hover{background:var(--bg-hover,#00000005)}.emp-tr-selected{background:var(--bg-selected,#4f46e50d)}.emp-td{vertical-align:middle;padding:10px 12px}.emp-td-check{padding:10px 12px}.emp-employee-id{color:var(--text-primary,#111827);background:var(--bg-secondary,#f3f4f6);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px;font-weight:500}.emp-name-info{align-items:center;gap:8px;display:flex}.gender-icon{font-size:18px}.gender-icon.male{color:#3b82f6}.gender-icon.female{color:#ec4899}.gender-icon.other{color:#8b5cf6}.gender-icon.default{color:var(--text-secondary,#6b7280)}.emp-name{color:var(--text-primary,#111827);font-weight:500}.emp-department-badge{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.emp-designation{color:var(--text-primary,#111827);align-items:center;gap:4px;font-size:12px;display:inline-flex}.emp-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.status-active{color:#065f46;background:#d1fae5}.status-inactive{color:#6b7280;background:#f3f4f6}.status-onleave{color:#92400e;background:#fef3c7}.status-terminated{color:#991b1b;background:#fee2e2}.status-default{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280)}.emp-contact-info{flex-direction:column;gap:2px;font-size:12px;display:flex}.emp-contact-item{color:var(--text-secondary,#6b7280);align-items:center;gap:4px;display:inline-flex}.emp-ctc{color:var(--primary-color,#4f46e5);font-weight:600}.emp-date-info{color:var(--text-secondary,#6b7280);align-items:center;gap:6px;font-size:12px;display:flex}.emp-date-icon{color:var(--text-secondary,#9ca3af)}.emp-td-meta{text-align:right}.emp-action-buttons{justify-content:flex-end;align-items:center;gap:4px;display:flex}.emp-action-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.emp-action-view{color:var(--text-secondary,#6b7280);background:0 0}.emp-action-view:hover{background:var(--bg-secondary,#f3f4f6);color:var(--primary-color,#4f46e5)}.emp-action-edit{color:var(--text-secondary,#6b7280);background:0 0}.emp-action-edit:hover{background:var(--bg-secondary,#f3f4f6);color:#f59e0b}.emp-action-delete{color:var(--text-secondary,#6b7280);background:0 0}.emp-action-delete:hover{background:var(--bg-secondary,#f3f4f6);color:#ef4444}.emp-empty-state{text-align:center;padding:60px 20px}.emp-empty-content{color:var(--text-secondary,#6b7280);flex-direction:column;align-items:center;gap:8px;display:flex}.emp-empty-content p{margin:0;font-size:16px;font-weight:500}.emp-empty-content span{font-size:14px}.emp-stats-bar{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;gap:24px;margin:16px 0;padding:12px 16px;display:flex}.emp-stats-item{align-items:center;gap:6px;font-size:13px;display:flex}.emp-stats-label{color:var(--text-secondary,#6b7280)}.emp-stats-value{color:var(--text-primary,#111827);font-weight:600}.emp-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.emp-pagination-left,.emp-pagination-right{color:var(--text-secondary,#6b7280);align-items:center;gap:8px;font-size:13px;display:flex}.emp-page-size-select{border:1px solid var(--border-color,#d1d5db);background:var(--bg-input,#fff);border-radius:4px;padding:4px 8px}.emp-pagination-center{gap:4px;display:flex}.emp-page-btn{border:1px solid var(--border-color,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:4px 10px;font-size:13px;transition:all .2s;display:inline-flex}.emp-page-btn:hover:not(:disabled){background:var(--bg-secondary,#f3f4f6);border-color:var(--primary-color,#4f46e5)}.emp-page-btn:disabled{opacity:.5;cursor:not-allowed}.emp-page-btn-active{background:var(--primary-color,#4f46e5);color:#fff;border-color:var(--primary-color,#4f46e5)}.emp-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.emp-modal{background:var(--bg-primary,#fff);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.emp-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.emp-modal-title{color:var(--text-primary,#111827);font-size:18px;font-weight:600}.emp-modal-close{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.emp-modal-body{padding:20px}.emp-modal-item-details{background:var(--bg-secondary,#f3f4f6);border-radius:6px;margin:12px 0;padding:12px}.emp-modal-item-details p{margin:4px 0;font-size:13px}.emp-modal-warning{color:#dc2626;margin-top:8px;font-size:13px}.emp-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.emp-btn-cancel{border:1px solid var(--border-color,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:6px;padding:8px 16px}.emp-btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;display:flex}.dark .emp-page{background:#111827}.dark .emp-filter-bar,.dark .emp-table-wrap,.dark .emp-modal{background:#1f2937;border-color:#374151}.dark .emp-table thead{background:#1a2332}.dark .emp-search-input,.dark .emp-filter-select{color:#f3f4f6;background:#374151;border-color:#4b5563}.dark .emp-search-input::placeholder{color:#9ca3af}.dark .emp-stats-bar{background:#1f2937;border-color:#374151}.dark .emp-stats-value{color:#f3f4f6}.dark .emp-page-btn{color:#9ca3af;background:#374151;border-color:#4b5563}.dark .emp-page-btn-active{color:#fff;background:#4f46e5}.dark .emp-modal-item-details{background:#374151}.dark .emp-btn-cancel{color:#9ca3af;background:#374151;border-color:#4b5563}@media (width<=768px){.emp-filter-bar{flex-direction:column;align-items:stretch}.emp-filter-right{flex-wrap:wrap}.emp-pagination{flex-direction:column;align-items:center}.emp-pagination-center{flex-wrap:wrap;justify-content:center}.emp-stats-bar{flex-direction:column;gap:8px}.emp-td-contact{min-width:120px}}.emp-dropdown-container{display:inline-flex;position:relative}.emp-dropdown-trigger{width:32px;height:32px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.emp-dropdown-trigger:hover{background:var(--bg-hover,#f3f4f6);color:var(--text-primary,#111827)}.emp-dropdown-active{background:var(--bg-hover,#f3f4f6);color:var(--primary-color,#4f46e5)}.emp-dropdown-menu{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:100;border-radius:8px;min-width:160px;padding:6px 0;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #0000001a}.emp-dropdown-item{width:100%;color:var(--text-primary,#111827);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.emp-dropdown-item:hover{background:var(--bg-hover,#f3f4f6)}.emp-dropdown-item svg{flex-shrink:0;font-size:14px}.emp-dropdown-view{color:var(--text-secondary,#6b7280)}.emp-dropdown-view:hover{color:var(--primary-color,#4f46e5)}.emp-dropdown-edit{color:var(--text-secondary,#6b7280)}.emp-dropdown-edit:hover{color:#f59e0b}.emp-dropdown-delete{color:var(--text-secondary,#6b7280)}.emp-dropdown-delete:hover{color:#ef4444;background:#fef2f2}.emp-dropdown-divider{border:none;border-top:1px solid var(--border-color,#e5e7eb);margin:4px 0}.dark .emp-dropdown-menu{background:#1f2937;border-color:#374151}.dark .emp-dropdown-trigger:hover{background:#374151}.dark .emp-dropdown-item{color:#f3f4f6}.dark .emp-dropdown-item:hover{background:#374151}.dark .emp-dropdown-delete:hover{color:#f87171;background:#450a0a}.dark .emp-dropdown-divider{border-color:#374151}@media (width<=768px){.emp-dropdown-menu{min-width:140px;right:-8px}.emp-dropdown-item{padding:10px 14px;font-size:13px}}.emp-action-wrapper{justify-content:flex-end;align-items:center;gap:8px;display:flex}.emp-user-toggle{border:1px solid var(--border-color,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.emp-user-toggle:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.emp-user-toggle svg{font-size:12px}.emp-user-active{color:#065f46;background:#f0fdf4;border-color:#86efac}.emp-user-active:hover{background:#dcfce7;border-color:#4ade80}.emp-user-inactive{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.emp-user-inactive:hover{background:#fee2e2;border-color:#f87171}.emp-user-label{font-size:11px;font-weight:500}.dark .emp-user-toggle{color:#9ca3af;background:#1f2937;border-color:#4b5563}.dark .emp-user-active{color:#a7f3d0;background:#064e3b;border-color:#34d399}.dark .emp-user-active:hover{background:#065f46;border-color:#4ade80}.dark .emp-user-inactive{color:#fca5a5;background:#450a0a;border-color:#ef4444}.dark .emp-user-inactive:hover{background:#7f1d1d;border-color:#f87171}.emp-dropdown-user-add{color:var(--text-secondary,#6b7280)}.emp-dropdown-user-add:hover{color:#8b5cf6;background:#f5f3ff}.emp-dropdown-user-remove{color:var(--text-secondary,#6b7280)}.emp-dropdown-user-remove:hover{color:#ef4444;background:#fef2f2}.dark .emp-dropdown-user-add:hover{color:#a78bfa;background:#2d1b4e}.dark .emp-dropdown-user-remove:hover{color:#f87171;background:#450a0a}.emp-stats-item .emp-stats-value[style*="color: #8b5cf6"]{color:#8b5cf6!important}.empf-page{background:var(--bg-primary,#f8fafc);min-height:100vh;padding:20px}.empf-inner{max-width:1200px;margin:0 auto}.empf-loading{color:var(--text-secondary,#6b7280);justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.empf-loading .spinning{animation:1s linear infinite spin}.empf-api-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.empf-api-error .error-icon{flex-shrink:0}.empf-api-error .error-close{color:#991b1b;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:18px}.empf-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.empf-header .back-btn{border:1px solid var(--border-color,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s;display:flex}.empf-header .back-btn:hover{background:var(--bg-secondary,#f3f4f6)}.header-title{flex:1;align-items:center;gap:12px;display:flex}.empf-status-badge{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.empf-tabs{background:var(--bg-secondary,#f3f4f6);border-radius:8px;gap:4px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.empf-tab{color:var(--text-secondary,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.empf-tab:hover{background:var(--bg-hover,#0000000d)}.empf-tab.active{background:var(--bg-primary,#fff);color:var(--primary-color,#4f46e5);box-shadow:0 1px 3px #0000001a}.empf-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin-bottom:24px;padding:24px}.empf-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.empf-grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.empf-field{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.empf-label{color:var(--text-primary,#111827);align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.empf-required{color:#ef4444}.empf-field .form-field{border:1px solid var(--border-color,#d1d5db);background:var(--bg-input,#fff);color:var(--text-primary,#111827);border-radius:6px;width:100%;padding:8px 12px;font-size:13px;transition:all .2s}.empf-field .form-field:focus{border-color:var(--primary-color,#4f46e5);outline:none;box-shadow:0 0 0 3px #4f46e51a}.empf-field .form-field:disabled{opacity:.6;cursor:not-allowed}.empf-field textarea.form-field{resize:vertical;min-height:60px}.empf-error-msg{color:#ef4444;align-items:center;gap:4px;font-size:12px;display:flex}.empf-footer{justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.empf-footer .cancel-btn{border:1px solid var(--border-color,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:6px;padding:10px 24px;transition:all .2s}.empf-footer .cancel-btn:hover:not(:disabled){background:var(--bg-secondary,#f3f4f6)}.empf-footer .submit-btn{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-weight:500;transition:all .2s;display:flex}.empf-footer .submit-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.empf-footer .submit-btn:disabled{opacity:.6;cursor:not-allowed}.empf-footer .spinning{animation:1s linear infinite spin}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.validation-summary-modal{background:var(--bg-primary,#fff);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.validation-summary-modal .modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.validation-summary-modal .modal-close{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;font-size:24px}.validation-errors-list{flex-direction:column;gap:8px;margin:12px 0;display:flex}.validation-error-item .error-header{align-items:center;gap:8px;font-size:13px;display:flex}.validation-error-item .error-icon{color:#ef4444}.validation-error-item .error-message{color:var(--text-secondary,#6b7280);margin-top:2px;font-size:12px}.validation-tip{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;display:flex}.validation-tip .tip-icon{color:var(--primary-color,#4f46e5)}.validation-summary-modal .modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;padding:16px 20px;display:flex}.validation-summary-modal .btn-cancel{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px}.dark .empf-page{background:#111827}.dark .empf-card,.dark .empf-header .back-btn{background:#1f2937;border-color:#374151}.dark .header-title h1{color:#f3f4f6}.dark .empf-tabs{background:#374151}.dark .empf-tab{color:#9ca3af}.dark .empf-tab:hover{background:#ffffff0d}.dark .empf-tab.active{color:#818cf8;background:#4b5563}.dark .empf-field .form-field{color:#f3f4f6;background:#374151;border-color:#4b5563}.dark .empf-field .form-field::placeholder{color:#9ca3af}.dark .empf-label{color:#f3f4f6}.dark .validation-summary-modal{background:#1f2937}.dark .validation-error-item,.dark .validation-tip{background:#374151}@media (width<=992px){.empf-grid-3{grid-template-columns:1fr 1fr}}@media (width<=768px){.empf-grid-2,.empf-grid-3{grid-template-columns:1fr}.empf-header{flex-wrap:wrap}.header-title h1{font-size:18px}.empf-tabs{flex-wrap:nowrap}.empf-tab{padding:6px 12px;font-size:12px}.empf-card{padding:16px}.empf-footer{flex-direction:column}.empf-footer .cancel-btn,.empf-footer .submit-btn{justify-content:center;width:100%}}.uf-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.uf-inner{max-width:1100px;margin:0 auto}.uf-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.uf-spinning{animation:.8s linear infinite spin}.uf-header{align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.back-btn:active{transform:scale(.97)}.uf-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.uf-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:block}.uf-field{margin-bottom:18px}.uf-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.uf-label-icon{margin-right:4px}.uf-required{color:var(--danger-color)}.form-field.field-error:hover,.form-field.field-error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger-color) 12%, transparent);background:color-mix(in srgb, var(--danger-color) 2%, var(--card-bg))}.uf-grid-2{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:0;display:grid}.uf-divider{background:var(--border-color);height:1px;margin:18px 0}.uf-roles-container{border:1.5px solid var(--border-color);background:var(--card-bg);border-radius:10px;max-height:200px;padding:12px;transition:border-color .2s;overflow-y:auto}.uf-roles-container.field-error{border-color:var(--danger-color)}.uf-roles-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.uf-role-checkbox{color:var(--text-primary,#374151);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:13px;transition:background .15s;display:flex}.uf-role-checkbox:hover{background:var(--nav-hover,#f9fafb)}.uf-role-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary-color,#6366f1);cursor:pointer;flex-shrink:0}.uf-role-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.uf-api-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.uf-api-error .error-icon{flex-shrink:0}.uf-api-error .error-close{color:#dc2626;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:18px;line-height:1}.uf-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.validation-error-item{background:var(--layout-bg);cursor:default;border-left:3px solid #ef4444;border-radius:10px;padding:12px}.validation-summary-modal .btn-cancel{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.validation-summary-modal .btn-cancel:hover{background:var(--layout-bg);color:var(--text-primary)}.dark-theme .uf-roles-container{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .uf-role-checkbox{color:var(--text-primary,#f8fafc)}.dark-theme .uf-role-checkbox:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .uf-api-error{color:#f87171;background:#ef444426;border-color:#ef44444d}.dark-theme .uf-api-error .error-close{color:#f87171}.dark-theme .validation-summary-modal,.dark-theme .validation-summary-modal .modal-header{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .error-header strong{color:var(--text-primary,#f8fafc)}.dark-theme .validation-summary-modal .btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .validation-summary-modal .btn-cancel:hover{background:var(--nav-hover,#ffffff0d)}@media (width<=768px){.uf-grid-2{grid-template-columns:1fr;gap:0}.uf-card{padding:16px}.uf-header{flex-wrap:wrap}.uf-footer{flex-direction:column-reverse;width:100%}.uf-footer button{justify-content:center;width:100%}.uf-roles-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.error-header{flex-direction:column;align-items:flex-start;gap:6px}.error-message{margin-left:0}}@media (width<=480px){.uf-page{padding:0 12px 20px}.uf-card{padding:12px}.header-title h1{font-size:16px}.uf-roles-grid{grid-template-columns:1fr 1fr}.validation-summary-modal{border-radius:12px;max-width:98vw}.validation-summary-modal .modal-body{padding:16px}.validation-summary-modal .modal-header{padding:14px 16px}.validation-summary-modal .modal-header h2{font-size:16px}}.uf-grid-3{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:0;display:grid}@media (width<=992px){.uf-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.uf-grid-3,.uf-grid-2{grid-template-columns:1fr;gap:0}.uf-card{padding:16px}}.uc-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.uc-inner{max-width:700px;margin:0 auto}.uc-header{flex-wrap:wrap;align-items:flex-start;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.uc-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:24px 28px}.uc-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);align-items:center;gap:6px;margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:flex}.uc-field{margin-bottom:18px}.uc-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.uc-label-icon{margin-right:4px}.uc-required{color:var(--danger-color)}.uc-grid-2{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:0;display:grid}.uc-divider{background:var(--border-color);height:1px;margin:16px 0}.employee-mini-info{background:var(--layout-bg);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.mini-icon{color:var(--primary-color);font-size:16px}.mini-name{color:var(--text-primary);font-size:14px;font-weight:600}.mini-id{color:var(--text-secondary);font-size:12px}.info-tooltip-trigger{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:auto;padding:4px 8px;font-size:14px;transition:all .2s;display:flex;position:relative}.info-tooltip-trigger:hover{color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.info-tooltip{background:var(--card-bg);border:1px solid var(--border-color);z-index:100;text-align:left;border-radius:8px;min-width:220px;padding:12px 16px;animation:.2s tooltipFade;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001f}@keyframes tooltipFade{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tooltip-item{border-bottom:1px solid var(--border-color);justify-content:space-between;gap:16px;padding:4px 0;font-size:12px;display:flex}.tooltip-item:last-child{border-bottom:none}.tooltip-label{color:var(--text-secondary);font-weight:500}.tooltip-item span:last-child{color:var(--text-primary);text-align:right;font-weight:500}.uc-api-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.uc-api-error .error-icon{flex-shrink:0}.uc-api-error .error-close{color:#dc2626;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:18px;line-height:1}.uc-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.uc-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.uc-spinning{animation:.8s linear infinite spin}.dark-theme .employee-mini-info{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .info-tooltip{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);box-shadow:0 8px 24px #0006}.dark-theme .tooltip-item{border-color:var(--border-color,#334155)}.dark-theme .tooltip-item span:last-child{color:var(--text-primary,#f8fafc)}.dark-theme .uc-api-error{color:#f87171;background:#ef444426;border-color:#ef44444d}.dark-theme .uc-api-error .error-close{color:#f87171}.dark-theme .info-tooltip-trigger:hover{background:color-mix(in srgb, var(--primary-color) 15%, transparent)}@media (width<=768px){.uc-grid-2{grid-template-columns:1fr;gap:0}.uc-card{padding:16px}.uc-header{flex-wrap:wrap}.uc-footer{flex-direction:column-reverse;width:100%}.uc-footer button{justify-content:center;width:100%}.employee-mini-info{flex-wrap:wrap}.info-tooltip{min-width:180px;right:-8px}.info-tooltip-trigger{margin-left:auto}}@media (width<=480px){.uc-page{padding:0 12px 20px}.uc-card{padding:12px}.header-title h1{font-size:16px}.info-tooltip{min-width:160px;right:-4px}.tooltip-item{flex-direction:column;gap:2px;font-size:11px}.tooltip-item span:last-child{text-align:left}}.ur-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.ur-inner{max-width:800px;margin:0 auto}.ur-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.ur-spinning{animation:.8s linear infinite spin}.ur-error-container{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.ur-error-icon{color:var(--danger-color);font-size:48px}.ur-back-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;transition:all .2s;display:flex}.ur-back-btn:hover{background:var(--bg-hover,#f3f4f6);border-color:var(--primary-color);color:var(--primary-color)}.ur-header{flex-wrap:wrap;align-items:flex-start;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.ur-message{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.ur-message .message-icon{flex-shrink:0}.ur-message .message-close{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:18px;line-height:1}.ur-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.ur-message.success{color:#065f46;background:#f0fdf4;border:1px solid #86efac}.ur-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;margin-bottom:16px;padding:20px 24px}.ur-user-info{align-items:flex-start;gap:16px;display:flex}.ur-avatar{background:color-mix(in srgb, var(--primary-color) 12%, transparent);width:56px;height:56px;color:var(--primary-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ur-user-details{flex:1;min-width:0}.ur-user-name{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.ur-user-email,.ur-user-mobile,.ur-user-employee{color:var(--text-secondary);align-items:center;gap:6px;margin-top:2px;font-size:13px;display:flex}.ur-user-email svg,.ur-user-mobile svg,.ur-user-employee svg{color:var(--text-secondary);opacity:.7}.ur-employee-details{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:20px;margin-top:12px;padding-top:12px;display:flex}.ur-employee-detail{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.ur-employee-detail svg{color:var(--text-secondary);opacity:.7}.ur-roles-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ur-roles-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.ur-role-count{color:var(--text-secondary);background:var(--layout-bg);border-radius:12px;padding:2px 12px;font-size:12px}.ur-search-wrapper{margin-bottom:14px}.ur-search-input{border:1.5px solid var(--border-color);background:var(--card-bg);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:8px 14px;font-size:13px;transition:all .2s}.ur-search-input:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color))}.ur-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}.ur-roles-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:260px;padding:4px 2px;display:grid;overflow-y:auto}.ur-role-checkbox{cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.ur-role-checkbox:hover{background:var(--bg-hover,#f3f4f6)}.ur-role-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0}.ur-role-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.ur-no-roles{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:20px 0;font-size:13px}.ur-selected-roles{border-top:1px solid var(--border-color);margin-top:14px;padding-top:14px}.ur-selected-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.ur-selected-tags{flex-wrap:wrap;gap:6px;display:flex}.ur-selected-tag{background:color-mix(in srgb, var(--primary-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary-color) 30%, transparent);color:var(--primary-color);border-radius:16px;align-items:center;gap:6px;padding:4px 10px 4px 12px;font-size:12px;display:inline-flex}.ur-remove-tag{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1;transition:color .15s}.ur-remove-tag:hover{color:var(--danger-color)}.ur-no-selected{color:var(--text-secondary);font-size:13px}.ur-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}.dark-theme .ur-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .ur-avatar{background:color-mix(in srgb, var(--primary-color) 20%, transparent)}.dark-theme .ur-role-checkbox:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .ur-selected-tag{background:color-mix(in srgb, var(--primary-color) 20%, transparent);border-color:color-mix(in srgb, var(--primary-color) 40%, transparent);color:var(--primary-color,#818cf8)}.dark-theme .ur-message.error{color:#f87171;background:#ef444426;border-color:#ef44444d}.dark-theme .ur-message.success{color:#34d399;background:#10b98126;border-color:#10b9814d}.dark-theme .ur-search-input{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}@media (width<=768px){.ur-card{padding:16px}.ur-roles-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ur-footer{flex-direction:column-reverse;width:100%}.ur-footer button{justify-content:center;width:100%}.ur-user-info{text-align:center;flex-direction:column;align-items:center}.ur-user-details{text-align:center}.ur-user-email,.ur-user-mobile,.ur-user-employee,.ur-employee-details,.ur-selected-tags{justify-content:center}.ur-roles-header{text-align:center;flex-direction:column;gap:8px}}@media (width<=480px){.ur-page{padding:0 12px 20px}.ur-card{padding:12px}.ur-roles-grid{grid-template-columns:1fr}.header-title h1,.ur-user-name{font-size:16px}}.rf-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.rf-inner{max-width:800px;margin:0 auto}.rf-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.rf-spinning{animation:.8s linear infinite spin}.rf-header{align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.rf-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.rf-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);align-items:center;gap:6px;margin-bottom:18px;padding-bottom:8px;font-size:11px;font-weight:600;display:flex}.section-icon{opacity:.7;font-size:14px}.rf-field{margin-bottom:18px}.rf-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.rf-label-icon{margin-right:4px}.rf-required{color:var(--danger-color)}.form-field{border:1.5px solid var(--border-color);background:var(--card-bg);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:9px 12px;font-size:13px;transition:all .2s}.form-field:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.form-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.form-field.field-error:hover,.form-field.field-error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger-color) 12%, transparent)}.field-error-message svg{font-size:10px}.rf-grid-2{grid-template-columns:1fr 1fr;gap:18px;margin-top:4px;display:grid}.rf-toggle-group{grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0 20px;display:grid}.rf-toggle-item{flex-direction:column;gap:6px;display:flex}.rf-toggle-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.toggle-icon{opacity:.7;font-size:13px}.rf-toggle{border:2px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:30px;justify-content:space-between;align-items:center;width:100%;min-height:36px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .25s;display:flex;position:relative}.rf-toggle:hover:not(:disabled){border-color:var(--primary-color)}.rf-toggle:disabled{opacity:.5;cursor:not-allowed}.rf-toggle-active{background:color-mix(in srgb, var(--primary-color) 12%, transparent);border-color:var(--primary-color);color:var(--primary-color)}.rf-toggle-inactive{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}.rf-toggle-slider{display:none}.rf-toggle-text{font-size:12px;font-weight:500}.rf-api-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.rf-api-error .error-icon{flex-shrink:0}.rf-api-error .error-close{color:#dc2626;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:18px;line-height:1}.rf-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.dark-theme .rf-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .rf-api-error{color:#f87171;background:#ef444426;border-color:#ef44444d}.dark-theme .rf-api-error .error-close{color:#f87171}.dark-theme .rf-toggle{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .rf-toggle-active{background:color-mix(in srgb, var(--primary-color) 20%, transparent);border-color:var(--primary-color,#818cf8);color:var(--primary-color,#818cf8)}.dark-theme .rf-toggle-inactive{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}@media (width<=768px){.rf-grid-2{grid-template-columns:1fr;gap:0}.rf-toggle-group{grid-template-columns:1fr;gap:12px}.rf-card{padding:16px}.rf-footer{flex-direction:column-reverse;width:100%}.rf-footer button{justify-content:center;width:100%}.rf-header{flex-wrap:wrap}}@media (width<=480px){.rf-page{padding:0 12px 20px}.rf-card{padding:12px}.header-title h1{font-size:16px}.rf-toggle{padding:6px 10px;font-size:11px}}.rl-page{background:var(--bg-primary,#f8fafc);min-height:100vh;padding:20px}.rl-filter-bar{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.rl-filter-left{flex:1;min-width:200px}.rl-search-wrapper{align-items:center;display:flex;position:relative}.rl-search-icon{color:var(--text-secondary,#6b7280);position:absolute;left:10px}.rl-search-input{border:1px solid var(--border-color,#d1d5db);background:var(--bg-input,#fff);width:100%;color:var(--text-primary,#111827);border-radius:6px;padding:8px 36px;font-size:13px;transition:all .2s}.rl-search-input:focus{border-color:var(--primary-color,#4f46e5);outline:none;box-shadow:0 0 0 3px #4f46e51a}.rl-search-clear{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:8px}.rl-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rl-filter-select{border:1px solid var(--border-color,#d1d5db);background:var(--bg-input,#fff);color:var(--text-primary,#111827);border-radius:6px;padding:8px 12px;font-size:13px}.rl-btn-primary{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.rl-btn-primary:hover{opacity:.85;transform:translateY(-1px)}.rl-active-filters{background:var(--bg-secondary,#f3f4f6);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:flex}.rl-clear-filters{background:var(--bg-hover,#e5e7eb);color:var(--text-secondary,#6b7280);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.rl-clear-filters:hover{background:var(--border-color,#d1d5db)}.rl-loading,.rl-error{color:var(--text-secondary,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.rl-retry-btn{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px}.rl-table-wrap{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow-x:auto}.rl-table{border-collapse:collapse;width:100%;font-size:13px}.rl-table thead{background:var(--bg-secondary,#f9fafb)}.rl-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#6b7280);border-bottom:2px solid var(--border-color,#e5e7eb);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.rl-th-meta{text-align:right;width:120px}.rl-count-label{color:var(--text-secondary,#6b7280);font-size:11px;font-weight:400}.rl-tr{border-bottom:1px solid var(--border-color,#f3f4f6);transition:background .15s}.rl-tr:hover{background:var(--bg-hover,#00000005)}.rl-td{vertical-align:middle;padding:10px 12px}.rl-td-id{width:50px}.rl-row-number{color:var(--text-secondary,#6b7280);font-family:monospace;font-size:12px;font-weight:500}.rl-name-info{align-items:center;gap:8px;display:flex}.rl-role-icon{color:var(--primary-color,#4f46e5);font-size:16px}.rl-name{color:var(--text-primary,#111827);font-weight:500}.role-status-active{color:#065f46;background:#d1fae5;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.role-status-inactive{color:#991b1b;background:#fee2e2;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.access-icon{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.access-icon.active{color:#065f46;background:#d1fae5}.access-icon.inactive{color:#6b7280;background:#f3f4f6}.rl-2fa-enabled{color:#065f46;font-size:12px}.rl-2fa-disabled{color:#6b7280;font-size:12px}.rl-td-meta{text-align:right}.rl-action-buttons{justify-content:flex-end;align-items:center;gap:4px;display:flex}.rl-action-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.rl-action-view{color:var(--text-secondary,#6b7280);background:0 0}.rl-action-view:hover{background:var(--bg-secondary,#f3f4f6);color:var(--primary-color,#4f46e5)}.rl-action-edit{color:var(--text-secondary,#6b7280);background:0 0}.rl-action-edit:hover{background:var(--bg-secondary,#f3f4f6);color:#f59e0b}.rl-action-delete{color:var(--text-secondary,#6b7280);background:0 0}.rl-action-delete:hover{background:var(--bg-secondary,#f3f4f6);color:#ef4444}.rl-stats-bar{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;gap:24px;margin:16px 0;padding:12px 16px;display:flex}.rl-stats-item{align-items:center;gap:6px;font-size:13px;display:flex}.rl-stats-label{color:var(--text-secondary,#6b7280)}.rl-stats-value{color:var(--text-primary,#111827);font-weight:600}.rl-empty-state{text-align:center;padding:60px 20px}.rl-empty-content{color:var(--text-secondary,#6b7280);flex-direction:column;align-items:center;gap:8px;display:flex}.rl-empty-content p{margin:0;font-size:16px;font-weight:500}.rl-empty-content span{font-size:14px}.rl-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.rl-pagination-left,.rl-pagination-right{color:var(--text-secondary,#6b7280);align-items:center;gap:8px;font-size:13px;display:flex}.rl-page-size-select{border:1px solid var(--border-color,#d1d5db);background:var(--bg-input,#fff);border-radius:4px;padding:4px 8px}.rl-pagination-center{gap:4px;display:flex}.rl-page-btn{border:1px solid var(--border-color,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:4px 10px;font-size:13px;transition:all .2s;display:inline-flex}.rl-page-btn:hover:not(:disabled){background:var(--bg-secondary,#f3f4f6);border-color:var(--primary-color,#4f46e5)}.rl-page-btn:disabled{opacity:.5;cursor:not-allowed}.rl-page-btn-active{background:var(--primary-color,#4f46e5);color:#fff;border-color:var(--primary-color,#4f46e5)}.rl-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rl-modal{background:var(--bg-primary,#fff);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.rl-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.rl-modal-title{color:var(--text-primary,#111827);font-size:18px;font-weight:600}.rl-modal-close{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.rl-modal-body{padding:20px}.rl-modal-item-details{background:var(--bg-secondary,#f3f4f6);border-radius:6px;margin:12px 0;padding:12px}.rl-modal-item-details p{margin:4px 0;font-size:13px}.rl-modal-warning{color:#dc2626;margin-top:8px;font-size:13px}.rl-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.rl-btn-cancel{border:1px solid var(--border-color,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:6px;padding:8px 16px}.rl-btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;display:flex}.dark .rl-page{background:#111827}.dark .rl-filter-bar,.dark .rl-table-wrap,.dark .rl-modal{background:#1f2937;border-color:#374151}.dark .rl-table thead{background:#1a2332}.dark .rl-search-input,.dark .rl-filter-select{color:#f3f4f6;background:#374151;border-color:#4b5563}.dark .rl-search-input::placeholder{color:#9ca3af}.dark .rl-stats-bar{background:#1f2937;border-color:#374151}.dark .rl-stats-value{color:#f3f4f6}.dark .rl-page-btn{color:#9ca3af;background:#374151;border-color:#4b5563}.dark .rl-page-btn-active{color:#fff;background:#4f46e5}.dark .rl-modal-item-details{background:#374151}.dark .rl-btn-cancel{color:#9ca3af;background:#374151;border-color:#4b5563}@media (width<=768px){.rl-filter-bar{flex-direction:column;align-items:stretch}.rl-filter-right{flex-wrap:wrap}.rl-pagination{flex-direction:column;align-items:center}.rl-pagination-center{flex-wrap:wrap;justify-content:center}.rl-stats-bar{flex-direction:column;gap:8px}}.rl-action-wrapper{justify-content:flex-end;align-items:center;gap:8px;display:flex}.rl-settings-btn{width:32px;height:32px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.rl-settings-btn:hover{background:var(--bg-hover,#f3f4f6);color:var(--primary-color,#4f46e5);transform:rotate(90deg)}.rl-dropdown-container{display:inline-flex;position:relative}.rl-dropdown-trigger{width:32px;height:32px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.rl-dropdown-trigger:hover{background:var(--bg-hover,#f3f4f6);color:var(--text-primary,#111827)}.rl-dropdown-active{background:var(--bg-hover,#f3f4f6);color:var(--primary-color,#4f46e5)}.rl-dropdown-menu{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:100;border-radius:8px;min-width:160px;padding:6px 0;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #0000001a}.rl-dropdown-item{width:100%;color:var(--text-primary,#111827);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.rl-dropdown-item:hover{background:var(--bg-hover,#f3f4f6)}.rl-dropdown-item svg{flex-shrink:0;font-size:14px}.rl-dropdown-view{color:var(--text-secondary,#6b7280)}.rl-dropdown-view:hover{color:var(--primary-color,#4f46e5)}.rl-dropdown-edit{color:var(--text-secondary,#6b7280)}.rl-dropdown-edit:hover{color:#f59e0b}.rl-dropdown-delete{color:var(--text-secondary,#6b7280)}.rl-dropdown-delete:hover{color:#ef4444;background:#fef2f2}.rl-dropdown-divider{border:none;border-top:1px solid var(--border-color,#e5e7eb);margin:4px 0}.dark .rl-dropdown-menu{background:#1f2937;border-color:#374151}.dark .rl-dropdown-trigger:hover{background:#374151}.dark .rl-dropdown-item{color:#f3f4f6}.dark .rl-dropdown-item:hover{background:#374151}.dark .rl-dropdown-delete:hover{color:#f87171;background:#450a0a}.dark .rl-dropdown-divider{border-color:#374151}.dark .rl-settings-btn:hover{color:var(--primary-color,#818cf8);background:#374151}@media (width<=768px){.rl-dropdown-menu{min-width:140px;right:-8px}.rl-dropdown-item{padding:10px 14px;font-size:13px}}.mp-page{background:var(--layout-bg);min-height:100vh;padding:0 20px 40px}.mp-inner{max-width:1000px;margin:0 auto}.mp-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.mp-spinning{animation:.8s linear infinite spin}.mp-header{flex-wrap:wrap;align-items:flex-start;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.mp-message{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.mp-message .message-icon{flex-shrink:0}.mp-message .message-close{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:18px;line-height:1}.mp-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.mp-message.success{color:#065f46;background:#f0fdf4;border:1px solid #86efac}.mp-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mp-search-wrapper{flex:1;min-width:200px;position:relative}.mp-search-icon{color:var(--text-secondary,#6b7280);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mp-search-input{border:1.5px solid var(--border-color);background:var(--card-bg);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:10px 38px;font-size:13px;transition:all .2s}.mp-search-input:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color))}.mp-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}.mp-search-clear{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.mp-add-module-btn{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.mp-add-module-btn:hover{opacity:.85;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 30%, transparent);transform:translateY(-1px)}.mp-modules-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;margin-bottom:16px;overflow:hidden}.mp-module-item{border-bottom:1px solid var(--border-color)}.mp-module-item:last-child{border-bottom:none}.mp-module-row{justify-content:space-between;align-items:center;padding:14px 20px;transition:background .15s;display:flex}.mp-module-row:hover{background:var(--bg-hover,#00000005)}.mp-module-info{align-items:center;gap:12px;display:flex}.mp-module-icon{color:var(--primary-color,#4f46e5);font-size:18px}.mp-module-name{color:var(--text-primary);font-size:15px;font-weight:600}.mp-module-id{color:var(--text-secondary);background:var(--bg-primary);border-radius:10px;padding:2px 8px;font-size:12px}.mp-module-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.mp-action-btn{width:32px;height:32px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.mp-action-btn:hover{background:var(--bg-hover,#f3f4f6)}.mp-settings-btn:hover{color:var(--primary-color,#4f46e5)}.mp-dropdown-container{display:inline-flex;position:relative}.mp-dropdown-trigger{width:32px;height:32px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.mp-dropdown-trigger:hover{background:var(--bg-hover,#f3f4f6);color:var(--text-primary,#111827)}.mp-dropdown-active{background:var(--bg-hover,#f3f4f6);color:var(--primary-color,#4f46e5)}.mp-dropdown-menu{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:100;border-radius:8px;min-width:180px;padding:6px 0;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #0000001a}.mp-dropdown-item{width:100%;color:var(--text-primary,#111827);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.mp-dropdown-item:hover{background:var(--bg-hover,#f3f4f6)}.mp-dropdown-item svg{flex-shrink:0;font-size:14px}.mp-dropdown-edit{color:var(--text-secondary,#6b7280)}.mp-dropdown-edit:hover{color:#f59e0b}.mp-dropdown-submodules{color:var(--text-secondary,#6b7280)}.mp-dropdown-submodules:hover{color:var(--primary-color,#4f46e5)}.mp-dropdown-delete{color:var(--text-secondary,#6b7280)}.mp-dropdown-delete:hover{color:#ef4444;background:#fef2f2}.mp-dropdown-divider{border:none;border-top:1px solid var(--border-color,#e5e7eb);margin:4px 0}.mp-empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.mp-empty-state p{margin:0 0 4px;font-size:16px;font-weight:500}.mp-empty-state span{font-size:13px}.mp-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}.mp-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mp-modal{background:var(--bg-primary,#fff);width:100%;max-width:480px;max-height:90vh;box-shadow:0 20px 40px var(--shadow-color);border-radius:12px;animation:.25s modalFadeIn;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mp-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mp-modal-title{color:var(--text-primary,#111827);font-size:17px;font-weight:600}.mp-modal-close{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;transition:background .15s}.mp-modal-close:hover{background:var(--bg-hover,#f3f4f6)}.mp-modal-body{padding:20px}.mp-modal-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.mp-modal-error svg{flex-shrink:0}.mp-modal-field{margin-bottom:0}.mp-modal-label{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.mp-required{color:var(--danger-color)}.mp-modal-input{border:1.5px solid var(--border-color,#d1d5db);background:var(--bg-input,#fff);width:100%;color:var(--text-primary,#111827);border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:all .2s}.mp-modal-input:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color))}.mp-modal-input:focus{border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}.mp-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.mp-modal-cancel{border:1px solid var(--border-color,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.mp-modal-cancel:hover:not(:disabled){background:var(--bg-hover,#f3f4f6)}.mp-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.mp-modal-submit{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.mp-modal-submit:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.mp-modal-submit:disabled{opacity:.5;cursor:not-allowed}.mp-modal-delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.mp-modal-delete-btn:hover:not(:disabled){opacity:.85}.mp-modal-item-details{background:var(--bg-secondary,#f3f4f6);border-radius:6px;margin:12px 0;padding:12px}.mp-modal-item-details p{margin:4px 0;font-size:13px}.mp-modal-warning{color:#dc2626;margin-top:8px;font-size:13px}.dark-theme .mp-modules-container{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .mp-module-item{border-color:var(--border-color,#334155)}.dark-theme .mp-module-row:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .mp-dropdown-menu{background:#1f2937;border-color:#374151}.dark-theme .mp-dropdown-item{color:#f3f4f6}.dark-theme .mp-dropdown-item:hover{background:#374151}.dark-theme .mp-dropdown-delete:hover{color:#f87171;background:#450a0a}.dark-theme .mp-dropdown-divider{border-color:#374151}.dark-theme .mp-search-input{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .mp-modal{background:var(--card-bg,#1e293b)}.dark-theme .mp-modal-header{border-color:var(--border-color,#334155)}.dark-theme .mp-modal-title{color:var(--text-primary,#f8fafc)}.dark-theme .mp-modal-close{color:var(--text-secondary,#94a3b8)}.dark-theme .mp-modal-close:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .mp-modal-error{color:#f87171;background:#ef444426;border-color:#ef44444d}.dark-theme .mp-modal-input{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .mp-modal-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .mp-modal-cancel:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .mp-modal-footer{border-color:var(--border-color,#334155)}.dark-theme .mp-modal-item-details{background:var(--layout-bg,#0f172a)}.dark-theme .mp-message.error{color:#f87171;background:#ef444426;border-color:#ef44444d}.dark-theme .mp-message.success{color:#34d399;background:#10b98126;border-color:#10b9814d}@media (width<=768px){.mp-toolbar{flex-direction:column;align-items:stretch}.mp-add-module-btn{justify-content:center}.mp-modal{max-width:100%;margin:10px}.mp-modal-footer{flex-direction:column-reverse}.mp-modal-footer button{justify-content:center;width:100%}.mp-module-row{flex-wrap:wrap;gap:10px}.mp-module-actions{margin-left:auto}}@media (width<=480px){.mp-page{padding:0 12px 20px}.header-title h1{font-size:16px}.mp-module-name{font-size:14px}.mp-module-id{font-size:11px}}.mp-pagination{border-top:1px solid var(--border-color,#e5e7eb);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.mp-pagination-left,.mp-pagination-right{align-items:center;gap:8px;display:flex}.mp-pagination-center{align-items:center;gap:4px;display:flex}.mp-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.mp-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.mp-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.mp-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.mp-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.mp-page-btn:disabled{opacity:.5;cursor:not-allowed}.mp-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.mp-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.mp-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.dark-theme .mp-page-btn,.dark-theme .mp-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .mp-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .mp-page-btn-active{background:var(--primary-color,#3b82f6);color:#fff;border-color:var(--primary-color,#3b82f6)}@media (width<=768px){.mp-pagination{flex-direction:column;align-items:center}.mp-pagination-center{order:2}.mp-pagination-left,.mp-pagination-right{order:1}}@media (width<=480px){.mp-pagination{padding:8px 0 0}.mp-pagination-center{flex-wrap:wrap;justify-content:center}}.inv-page{background:var(--bg-primary,#f1f5f9);min-height:100vh;padding:24px}.inv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.inv-header-left h1{color:var(--text-primary,#0f172a);align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;display:flex}.inv-header-icon{color:var(--primary-color,#4f46e5)}.inv-subtitle{color:var(--text-secondary,#64748b);margin-top:4px;font-size:14px;display:block}.inv-header-right{flex-wrap:wrap;gap:10px;display:flex}.inv-btn-primary{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.inv-btn-secondary{border:1px solid var(--border-color,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-secondary,#64748b);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.inv-btn-secondary:hover{background:var(--bg-secondary,#f1f5f9)}.inv-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.inv-btn-danger:hover{opacity:.85}.inv-stat-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.inv-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.inv-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.inv-stat-card.blue .inv-stat-icon{color:#2563eb;background:#dbeafe}.inv-stat-card.green .inv-stat-icon{color:#059669;background:#d1fae5}.inv-stat-card.yellow .inv-stat-icon{color:#d97706;background:#fef3c7}.inv-stat-card.red .inv-stat-icon{color:#dc2626;background:#fee2e2}.inv-stat-card.purple .inv-stat-icon{color:#7c3aed;background:#ede9fe}.inv-stat-card.indigo .inv-stat-icon{color:#4f46e5;background:#e0e7ff}.inv-stat-card.teal .inv-stat-icon{color:#0d9488;background:#ccfbf1}.inv-stat-content{flex:1;min-width:0}.inv-stat-value{color:var(--text-primary,#0f172a);font-size:22px;font-weight:700;line-height:1.2}.inv-stat-label{color:var(--text-secondary,#64748b);font-size:13px}.inv-picker-heading{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.inv-picker-heading h2{color:var(--text-primary,#0f172a);margin:0;font-size:18px;font-weight:700}.inv-picker-heading span{color:var(--text-secondary,#64748b);font-size:13px}.inv-wh-tile{text-align:left;border:1px solid var(--border-color,#e2e8f0);background:var(--bg-primary,#fff);cursor:pointer;font:inherit;color:inherit;border-top:4px solid #0000;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;transition:all .2s;display:flex}.inv-wh-tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001a}.inv-wh-tile--blue{border-top-color:#2563eb}.inv-wh-tile--amber{border-top-color:#d97706}.inv-wh-tile--green{border-top-color:#059669}.inv-wh-tile--gray{border-top-color:#64748b}.inv-wh-tile--indigo{border-top-color:#4f46e5}.inv-wh-tile-top{justify-content:space-between;align-items:center;width:100%;display:flex}.inv-wh-tile-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.inv-wh-tile--blue .inv-wh-tile-icon{color:#2563eb;background:#dbeafe}.inv-wh-tile--amber .inv-wh-tile-icon{color:#d97706;background:#fef3c7}.inv-wh-tile--green .inv-wh-tile-icon{color:#059669;background:#d1fae5}.inv-wh-tile--gray .inv-wh-tile-icon{color:#475569;background:#e2e8f0}.inv-wh-tile--indigo .inv-wh-tile-icon{color:#4f46e5;background:#e0e7ff}.inv-wh-tile-badge{border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.inv-wh-tile-badge.active{color:#065f46;background:#d1fae5}.inv-wh-tile-badge.disabled{color:#991b1b;background:#fee2e2}.inv-wh-tile-name{color:var(--text-primary,#0f172a);margin-top:6px;font-size:17px;font-weight:700}.inv-wh-tile-tag{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:500}.inv-wh-tile-location{color:var(--text-secondary,#94a3b8);align-items:center;gap:4px;font-size:12px;display:flex}.inv-wh-tile-stats{border-top:1px solid var(--border-color,#f1f5f9);border-bottom:1px solid var(--border-color,#f1f5f9);grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:8px;padding:12px 0;display:grid}.inv-wh-tile-stat{flex-direction:column;gap:2px;display:flex}.inv-wh-tile-stat-value{color:var(--text-primary,#0f172a);font-size:15px;font-weight:700}.inv-wh-tile-stat-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary,#94a3b8);font-size:10px}.inv-wh-tile-split{width:100%;color:var(--text-secondary,#64748b);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.inv-wh-tile-split span{align-items:center;gap:4px;display:inline-flex}.inv-wh-tile-warning{color:#b91c1c;background:#fef2f2;border-radius:8px;align-items:center;gap:6px;width:100%;margin-top:10px;padding:6px 10px;font-size:11px;font-weight:500;display:flex}.inv-detail-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.inv-detail-back{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-primary,#fff);color:var(--text-secondary,#64748b);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.inv-detail-back:hover{background:var(--bg-secondary,#f1f5f9);color:var(--text-primary,#0f172a)}.inv-detail-title{align-items:center;gap:14px;display:flex}.inv-detail-title-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.inv-detail-title h2{color:var(--text-primary,#0f172a);margin:0;font-size:20px;font-weight:700}.inv-tab-hint{color:var(--text-secondary,#94a3b8);font-size:11px;font-weight:400}.inv-filters{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.inv-filters-left{flex:1;min-width:200px}.inv-search-wrapper{align-items:center;display:flex;position:relative}.inv-search-icon{color:var(--text-secondary,#94a3b8);font-size:14px;position:absolute;left:12px}.inv-search-input{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-input,#fff);width:100%;color:var(--text-primary,#0f172a);border-radius:8px;padding:8px 36px;font-size:13px;transition:all .2s}.inv-search-input:focus{border-color:var(--primary-color,#4f46e5);outline:none;box-shadow:0 0 0 3px #4f46e51a}.inv-search-clear{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:10px}.inv-filters-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inv-filter-select{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-input,#fff);color:var(--text-primary,#0f172a);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px}.inv-loading,.inv-error{color:var(--text-secondary,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.inv-retry-btn{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px}÷ .inv-table{border-collapse:collapse;width:100%;font-size:13px}.inv-table thead{background:var(--bg-secondary,#f8fafc)}.inv-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#64748b);border-bottom:2px solid var(--border-color,#e2e8f0);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.inv-th-meta{text-align:right}.inv-tr{border-bottom:1px solid var(--border-color,#f1f5f9);transition:background .15s}.inv-tr:hover{background:var(--bg-hover,#f8fafc)}.inv-td{vertical-align:middle;padding:10px 12px}.inv-td-code{color:var(--text-primary,#0f172a);font-family:monospace;font-weight:500}.inv-td-number{color:var(--text-primary,#0f172a);white-space:nowrap;font-weight:500}.inv-qty{margin-right:4px;font-weight:600}.inv-uom{color:var(--text-secondary,#94a3b8);font-size:11px}.inv-td-amount{color:var(--primary-color,#4f46e5);white-space:nowrap;font-weight:600}.inv-status-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.inv-status-badge.in-stock{color:#065f46;background:#d1fae5}.inv-status-badge.low-stock{color:#92400e;background:#fef3c7}.inv-status-badge.out-of-stock{color:#991b1b;background:#fee2e2}.inv-status-badge.over-stock{color:#1e40af;background:#dbeafe}.inv-reserved-cell{flex-direction:column;gap:3px;display:flex}.inv-reserved-value{color:var(--text-primary,#0f172a);white-space:nowrap;font-size:13px;font-weight:600}.inv-reserved-badge{white-space:nowrap;border-radius:10px;align-items:center;gap:4px;width:fit-content;padding:1px 8px;font-size:10px;font-weight:500;display:inline-flex}.inv-reserved-badge--ok{color:#065f46;background:#d1fae5}.inv-reserved-badge--danger{color:#991b1b;background:#fee2e2}.inv-reserved-badge--neutral{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary,#64748b)}.inv-td-meta{text-align:right}.inv-action-buttons{gap:4px;display:inline-flex}.inv-action-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.inv-action-view{color:var(--text-secondary,#64748b);background:0 0}.inv-action-view:hover{background:var(--bg-secondary,#f1f5f9);color:var(--primary-color,#4f46e5)}.inv-action-edit{color:var(--text-secondary,#64748b);background:0 0}.inv-action-edit:hover{background:var(--bg-secondary,#f1f5f9);color:#f59e0b}.inv-action-delete{color:var(--text-secondary,#64748b);background:0 0}.inv-action-delete:hover{background:var(--bg-secondary,#f1f5f9);color:#ef4444}.inv-empty-state{text-align:center;padding:60px 20px}.inv-empty-content{color:var(--text-secondary,#64748b);flex-direction:column;align-items:center;gap:8px;display:flex}.inv-empty-content p{margin:0;font-size:16px;font-weight:500}.inv-empty-content span{font-size:14px}.inv-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.inv-pagination-left{color:var(--text-secondary,#64748b);align-items:center;gap:8px;font-size:13px;display:flex}.inv-page-size-select{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-input,#fff);border-radius:6px;padding:4px 8px;font-size:13px}.inv-pagination-center{gap:4px;display:flex}.inv-page-btn{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-primary,#fff);min-width:32px;height:32px;color:var(--text-secondary,#64748b);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;transition:all .2s;display:inline-flex}.inv-page-btn:hover:not(:disabled):not(.active){background:var(--bg-secondary,#f1f5f9);border-color:var(--primary-color,#4f46e5)}.inv-page-btn.active{background:var(--primary-color,#4f46e5);color:#fff;border-color:var(--primary-color,#4f46e5)}.inv-page-btn:disabled{opacity:.4;cursor:not-allowed}.inv-pagination-right{color:var(--text-secondary,#64748b);font-size:13px}.inv-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inv-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.inv-modal-header h2{color:var(--text-primary,#0f172a);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.inv-modal-title{color:var(--text-primary,#0f172a);font-size:18px;font-weight:600}.inv-modal-close{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.inv-modal-body{padding:20px}.inv-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inv-detail-item{flex-direction:column;gap:2px;display:flex}.inv-detail-item label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#94a3b8);font-size:11px;font-weight:600}.inv-detail-item span{color:var(--text-primary,#0f172a);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.inv-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.inv-modal-warning{color:#dc2626;margin-top:8px;font-size:13px}.inv-modal-item-name{margin:8px 0}.inv-type-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.inv-tabs{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;gap:0;margin-bottom:20px;display:flex;overflow:hidden}.inv-tab{cursor:pointer;color:var(--text-secondary,#64748b);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.inv-tab:hover{background:var(--bg-secondary,#f8fafc);color:var(--text-primary,#0f172a)}.inv-tab--active{background:var(--bg-primary,#fff);color:var(--text-primary,#0f172a);border-bottom-color:var(--primary-color,#4f46e5);font-weight:600}.inv-tab-count{background:var(--bg-secondary,#f1f5f9);min-width:24px;height:24px;color:var(--text-secondary,#64748b);border-radius:12px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.inv-tab--active .inv-tab-count{color:var(--primary-color,#4f46e5);background:#4f46e51a}.inv-active-filters{background:var(--bg-secondary,#f8fafc);color:var(--text-secondary,#64748b);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:12px;display:flex}.inv-active-filters span{align-items:center;gap:4px;display:flex}.inv-clear-filters{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:11px;transition:all .2s;display:flex}.inv-clear-filters:hover{opacity:.85}.dark .inv-page{background:#0f172a}.dark .inv-stat-card,.dark .inv-filters,.dark .inv-table-wrap,.dark .inv-modal,.dark .inv-wh-tile,.dark .inv-detail-back{background:#1e293b;border-color:#334155}.dark .inv-stat-value,.dark .inv-wh-tile-name,.dark .inv-detail-title h2,.dark .inv-wh-tile-stat-value{color:#f1f5f9}.dark .inv-stat-label{color:#94a3b8}.dark .inv-search-input,.dark .inv-filter-select,.dark .inv-page-size-select{color:#f1f5f9;background:#334155;border-color:#475569}.dark .inv-search-input::placeholder{color:#94a3b8}.dark .inv-table thead{background:#1a2332}.dark .inv-table thead th{color:#94a3b8}.dark .inv-tr:hover{background:#1a2332}.dark .inv-tr td{color:#e2e8f0}.dark .inv-active-filters{background:#1a2332}.dark .inv-tabs{background:#1e293b;border-color:#334155}.dark .inv-tab:hover{background:#1a2332}.dark .inv-tab--active{background:#1e293b}.dark .inv-tab-count{background:#334155}.dark .inv-tab--active .inv-tab-count{background:#4f46e533}.dark .inv-type-badge.internal{color:#93c5fd;background:#1e3a5f}.dark .inv-type-badge.external{color:#6ee7b7;background:#064e3b}.dark .inv-page-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.dark .inv-page-btn.active{color:#fff;background:#4f46e5}.dark .inv-page-btn:hover:not(:disabled):not(.active){background:#334155}.dark .inv-reserved-badge--neutral{color:#94a3b8;background:#334155}@media (width<=992px){.inv-wh-picker-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=768px){.inv-page{padding:12px}.inv-header{flex-direction:column}.inv-header-right{width:100%}.inv-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.inv-wh-picker-grid{grid-template-columns:1fr}.inv-filters{flex-direction:column;align-items:stretch}.inv-filters-right{flex-wrap:wrap}.inv-pagination{flex-direction:column;align-items:center}.inv-pagination-center{flex-wrap:wrap;justify-content:center}.inv-detail-grid{grid-template-columns:1fr}.inv-table-wrap{overflow-x:auto}.inv-tabs{flex-direction:column}.inv-tab{border-bottom:1px solid var(--border-color,#e2e8f0)}.inv-tab--active{border-bottom-color:var(--border-color,#e2e8f0);border-left:3px solid var(--primary-color,#4f46e5)}.inv-detail-title{flex-direction:row}}.inv-table-wrap{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;max-width:100%;overflow-x:auto}.inv-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:900px;font-size:13px}.inv-table thead th:first-child,.inv-table tbody td:first-child{min-width:100px;max-width:120px}.inv-table thead th:nth-child(2),.inv-table tbody td:nth-child(2){min-width:180px}.inv-table thead th:nth-child(3),.inv-table tbody td:nth-child(3){min-width:80px;max-width:80px}.inv-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.inv-stats-grid--compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.inv-wh-picker-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:8px;display:grid}@media (width<=1400px){.inv-container{max-width:100%;padding:0 16px}}@media (width<=1200px){.inv-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.inv-wh-picker-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (width<=992px){.inv-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.inv-wh-picker-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.inv-td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;max-width:200px;padding:10px 12px;overflow:hidden}.inv-td-meta,.inv-td-number,.inv-td-amount{white-space:nowrap;max-width:none}.inv-filters{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:100%;margin-bottom:20px;padding:12px 16px;display:flex}.inv-filters-left{flex:1;min-width:200px;max-width:400px}.inv-modal{background:var(--bg-primary,#fff);border-radius:12px;width:90%;max-width:500px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}.qi-list-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.qi-list-page::-webkit-scrollbar{width:6px}.qi-list-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.qi-list-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.qi-list-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.qi-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.qi-stat-card{box-shadow:0 1px 3px var(--shadow-color,#0000000f);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:flex}.qi-stat-card:hover{box-shadow:0 4px 12px var(--shadow-color,#00000014);transform:translateY(-2px)}.qi-stat-icon{background:#fff9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.qi-stat-content{flex:1;min-width:0}.qi-stat-title{color:var(--text-secondary,#6b7280);letter-spacing:.3px;margin-bottom:2px;font-size:12px;font-weight:500}.qi-stat-value{color:var(--text-primary,#111827);margin:0;font-size:22px;font-weight:700;line-height:1.2}.qi-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.qi-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.qi-search-wrapper{flex:1;max-width:400px;position:relative}.qi-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.qi-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.qi-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.qi-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.qi-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.qi-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qi-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.qi-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.qi-btn-new{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.qi-btn-new:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.qi-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.qi-active-filters span{color:var(--text-primary,#111827)}.qi-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.qi-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.qi-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.qi-table-wrap::-webkit-scrollbar{height:6px}.qi-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.qi-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.qi-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.qi-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.qi-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.qi-th-meta{text-align:right;padding-right:20px}.qi-tr{cursor:default;transition:background .15s}.qi-tr:hover{background:var(--nav-hover,#f9fafb)}.qi-tr+.qi-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.qi-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.qi-td-id{color:var(--text-primary,#111827);font-family:monospace;font-weight:600}.qi-td-link{color:var(--primary-color,#6366f1);font-weight:500}.qi-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.qi-text-right{text-align:right}.qi-text-center{text-align:center}.qi-status-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;height:24px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.qi-status-pass{color:#065f46;background:#d1fae5;border:1px solid #86efac}.qi-status-fail{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.qi-action-buttons{align-items:center;gap:4px;display:flex}.qi-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.qi-action-view{color:var(--primary-color,#6366f1)}.qi-action-view:hover{background:#6366f11a}.qi-action-edit{color:#f59e0b}.qi-action-edit:hover{background:#f59e0b1a}.qi-action-delete{color:var(--danger-color,#ef4444)}.qi-action-delete:hover{background:#ef44441a}.qi-action-print{color:#0ea5e9}.qi-action-print:hover{background:#0ea5e91a}.qi-empty-state{text-align:center;padding:60px 20px}.qi-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.qi-empty-content svg{color:var(--text-secondary,#9ca3af)}.qi-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.qi-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.qi-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out qiFadeIn;display:flex;position:fixed;inset:0}@keyframes qiFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.qi-modal{background:var(--card-bg,#fff);width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.qi-modal-delete{max-width:450px}.qi-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.qi-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.qi-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.qi-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.qi-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.qi-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.qi-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.qi-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.qi-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.qi-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.qi-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.qi-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.qi-btn-delete:hover{background:#dc2626}.qi-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:40px}.qi-error{text-align:center;color:var(--danger-color,#ef4444);padding:40px}.qi-retry-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 20px}.qi-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.qi-pagination-left,.qi-pagination-right{align-items:center;gap:8px;display:flex}.qi-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.dark-theme .qi-list-page{background:var(--layout-bg,#0f172a)}.dark-theme .qi-stat-card{background:var(--card-bg,#1e293b)}.dark-theme .qi-stat-value{color:var(--text-primary,#f8fafc)}.dark-theme .qi-stat-title{color:var(--text-secondary,#94a3b8)}.dark-theme .qi-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .qi-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .qi-filter-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .qi-btn-new{background:var(--primary-color,#3b82f6)}.dark-theme .qi-btn-new:hover{background:var(--primary-hover,#2563eb)}.dark-theme .qi-table-wrap{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .qi-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .qi-td{color:var(--text-primary,#f8fafc);border-top-color:var(--border-color,#334155)}.dark-theme .qi-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .qi-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .qi-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .qi-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .qi-modal-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .qi-modal-title{color:var(--text-primary,#f8fafc)}.dark-theme .qi-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .qi-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .qi-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .qi-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .qi-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .qi-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .qi-status-pass{color:#34d399;background:#10b98133;border-color:#10b9814d}.dark-theme .qi-status-fail{color:#f87171;background:#ef444433;border-color:#ef44444d}@media (width<=768px){.qi-stats-container{grid-template-columns:repeat(2,1fr);gap:12px}.qi-list-page{gap:12px;padding:12px}.qi-filter-bar{flex-direction:column;align-items:stretch}.qi-filter-left{width:100%}.qi-search-wrapper{max-width:100%}.qi-filter-right{flex-wrap:wrap;justify-content:flex-start}.qi-table{min-width:700px}.qi-td{padding:8px 10px;font-size:12px}.qi-th{padding:8px 10px;font-size:11px}.qi-td-meta{flex-wrap:wrap;justify-content:flex-end}.qi-modal{max-width:95vw}.qi-modal-body{padding:16px 20px}}@media (width<=480px){.qi-stats-container{grid-template-columns:1fr}.qi-stat-card{padding:12px 16px}.qi-stat-value{font-size:18px}.qi-stat-icon{width:36px;height:36px;font-size:14px}.qi-filter-right{flex-direction:column;width:100%}.qi-filter-right>*{width:100%}.qi-btn-new{justify-content:center}}:root{--qir-bg:var(--layout-bg,#f7f8fa);--qir-surface:var(--card-bg,#fff);--qir-border:var(--border-color,#cfd4db);--qir-border-strong:var(--border-color,#9aa2ad);--qir-blue:var(--primary-color,#2563eb);--qir-text-primary:var(--text-primary,#1f2433);--qir-text-secondary:var(--text-secondary,#6b7280);--qir-red:#dc2626;--qir-red-bg:#fef2f2;--qir-red-border:#fca5a5;--qir-radius-sm:4px;--qir-transition:.16s cubic-bezier(.4, 0, .2, 1)}.qir-page{background:var(--qir-bg);min-height:100%;padding:16px 20px 32px}.qir-header-wrap{margin-bottom:14px}.qir-header-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.qir-back-btn{color:var(--qir-text-secondary);border:1px solid var(--qir-border);border-radius:var(--qir-radius-sm);cursor:pointer;transition:all var(--qir-transition);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.qir-back-btn:hover{color:var(--qir-blue);border-color:var(--qir-blue);background:color-mix(in srgb, var(--qir-blue) 8%, transparent)}.qir-title{letter-spacing:-.3px;color:var(--qir-text-primary);flex:1;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.qir-error-pill{background:var(--qir-red-bg);color:var(--qir-red);border:1px solid var(--qir-red-border);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.qir-header-actions{align-items:center;gap:8px;display:flex}.qir-btn-secondary,.qir-submit-btn{cursor:pointer;height:32px;transition:all var(--qir-transition);white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:500;display:inline-flex}.qir-btn-secondary{background:var(--qir-surface);border:1px solid var(--qir-border);color:var(--qir-text-primary)}.qir-btn-secondary:hover{background:var(--qir-bg)}.qir-submit-btn{background:var(--primary-color,#6366f1);color:#fff}.qir-submit-btn:hover:not(:disabled){background:var(--primary-hover,#4f46e5)}.qir-submit-btn:disabled{opacity:.6;cursor:not-allowed}.qir-error-text{color:var(--qir-red);margin-top:-4px;font-size:11px;display:block}.qir-input-error{border-radius:3px;box-shadow:0 0 0 1px var(--qir-red) inset!important}.qir-docno-cell{white-space:nowrap;align-items:center;gap:6px;width:26%;height:100%;padding:8px 10px;display:flex}.qir-inline-input{box-sizing:border-box;border-radius:4px;flex:1;min-width:120px;height:30px;margin-left:50px;font-weight:600;line-height:28px;border:1px solid var(--qir-border-strong)!important;background:var(--qir-bg)!important;padding:0 8px!important;font-size:13px!important}.qir-inline-input:focus{border-color:var(--qir-blue)!important}.qir-sheet{background:var(--qir-surface);border:1px solid var(--qir-border-strong);border-radius:8px;flex-direction:column;gap:10px;max-width:1200px;margin:0 auto;padding:14px;display:flex;position:relative}.qir-sheet table{border-collapse:collapse;width:100%}.qir-sheet input{width:100%;color:var(--qir-text-primary);background:0 0;border:none;border-radius:3px;padding:3px 4px;font-family:inherit;font-size:12.5px}.qir-sheet input:focus{background:color-mix(in srgb, var(--qir-blue) 8%, transparent);box-shadow:0 0 0 1px var(--qir-blue) inset;outline:none}.date-picker-wrapper{width:100%;position:relative}.date-picker-input-wrapper{align-items:center;display:flex;position:relative}.date-picker-input{width:100%;color:var(--qir-text-primary);background:0 0;border:none;border-radius:3px;min-height:28px;padding:3px 4px;font-family:inherit;font-size:12.5px}.date-picker-input:focus{background:color-mix(in srgb, var(--qir-blue) 8%, transparent);box-shadow:0 0 0 1px var(--qir-blue) inset;outline:none}.date-picker-input.qir-input-error{border-radius:3px;box-shadow:0 0 0 1px var(--qir-red) inset!important}.date-picker-display{color:var(--qir-text-secondary);pointer-events:none;white-space:nowrap;opacity:.7;font-size:11px;position:absolute;right:34px}.date-picker-toggle{color:var(--qir-text-secondary);cursor:pointer;transition:all var(--qir-transition);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px 6px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.date-picker-toggle:hover{background:color-mix(in srgb, var(--qir-blue) 10%, transparent);color:var(--qir-blue)}.date-picker-toggle:disabled{opacity:.5;cursor:not-allowed}.date-picker-dropdown{background:var(--qir-surface);border:1px solid var(--qir-border);z-index:1000;-webkit-user-select:none;user-select:none;border-radius:8px;min-width:280px;padding:12px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 20px #00000026}.date-picker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.date-picker-month-year{color:var(--qir-text-primary);font-size:14px;font-weight:600}.date-picker-nav{border:1px solid var(--qir-border);cursor:pointer;color:var(--qir-text-secondary);transition:all var(--qir-transition);background:0 0;border-radius:4px;padding:4px 10px;font-size:16px}.date-picker-nav:hover{background:color-mix(in srgb, var(--qir-blue) 10%, transparent);color:var(--qir-blue);border-color:var(--qir-blue)}.date-picker-weekdays{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:6px;display:grid}.date-picker-weekday{text-align:center;color:var(--qir-text-secondary);padding:4px 0;font-size:11px;font-weight:600}.date-picker-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-picker-day,.date-picker-day-empty{aspect-ratio:1;transition:all var(--qir-transition);border-radius:4px;justify-content:center;align-items:center;font-size:13px;display:flex}.date-picker-day{cursor:pointer;color:var(--qir-text-primary);background:0 0;border:none}.date-picker-day:hover{background:color-mix(in srgb, var(--qir-blue) 15%, transparent)}.date-picker-day-today{color:var(--qir-blue);background:color-mix(in srgb, var(--qir-blue) 8%, transparent);font-weight:700}.date-picker-day-selected{font-weight:700;background:var(--qir-blue)!important;color:#fff!important}.date-picker-day-selected:hover{background:color-mix(in srgb, var(--qir-blue) 85%, black)!important}.date-picker-day-empty{visibility:hidden}.date-picker-footer{border-top:1px solid var(--qir-border);justify-content:flex-end;gap:8px;margin-top:10px;padding-top:10px;display:flex}.date-picker-today-btn,.date-picker-clear-btn{border:1px solid var(--qir-border);cursor:pointer;color:var(--qir-text-secondary);transition:all var(--qir-transition);background:0 0;border-radius:4px;padding:4px 12px;font-size:12px}.date-picker-today-btn:hover{background:var(--qir-blue);color:#fff;border-color:var(--qir-blue)}.date-picker-clear-btn:hover{background:var(--qir-red);color:#fff;border-color:var(--qir-red)}.qir-letterhead{border:2px solid var(--qir-border-strong);table-layout:fixed}.qir-letterhead td{border:1px solid var(--qir-border-strong);vertical-align:middle;padding:8px 10px}.qir-company-cell{background:var(--qir-bg);width:26%}.qir-company-input{letter-spacing:.4px;text-align:left;font-weight:800;font-size:16px!important}.qir-report-title-cell{text-align:center;width:48%}.qir-report-title-input{text-align:center;letter-spacing:.3px;font-weight:700;font-size:15px!important}.qir-docno-cell{white-space:nowrap;width:26%}.qir-docno-cell .qir-label-inline{margin-right:6px}.qir-docno-cell,.qir-remarks-row,.qir-signoff-rev>div,.qir-signoff-name{align-items:center;display:flex}.qir-meta-table{border:1px solid var(--qir-border-strong);table-layout:fixed;border-top:none}.qir-meta-table td{border:1px solid var(--qir-border);padding:4px 8px;font-size:12px}.qir-meta-label{width:11%;color:var(--qir-text-secondary);white-space:nowrap;background:var(--qir-bg);font-weight:600}.qir-meta-value{width:auto}.qir-table-toolbar{justify-content:space-between;align-items:center;margin-top:4px;margin-bottom:8px;display:flex}.qir-toolbar-label{text-transform:uppercase;letter-spacing:.4px;color:var(--qir-text-secondary);font-size:12px;font-weight:700}.qir-toolbar-actions{gap:8px;display:flex}.qir-add-btn{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color,#6366f1);cursor:pointer;transition:all var(--qir-transition);border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.qir-add-btn:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 25%, transparent)}.qir-add-btn:disabled{opacity:.5;cursor:not-allowed}.qir-obs-table-wrapper{border:1px solid var(--qir-border-strong);border-radius:4px;width:100%;position:relative;overflow:visible}.qir-obs-table{table-layout:fixed;width:100%;font-size:12px;position:relative}.qir-obs-table th{background:var(--qir-bg);border:1px solid var(--qir-border-strong);text-transform:uppercase;letter-spacing:.2px;color:var(--qir-text-secondary);text-align:center;padding:6px;font-size:10.5px;font-weight:700}.qir-obs-table td{border:1px solid var(--qir-border);vertical-align:middle;padding:2px 4px}.qir-obs-table td .autocomplete-wrapper .autocomplete-dropdown{z-index:9999;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;min-width:200px;max-height:200px;margin-top:2px;padding:0;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.qir-obs-table td{z-index:1;position:relative}.qir-obs-table td .autocomplete-wrapper{z-index:10;position:relative}.qir-obs-table td .autocomplete-wrapper .autocomplete-dropdown{min-width:200px;position:absolute;top:100%;left:0;right:0}.qir-col-sr{text-align:center;z-index:1;width:40px}.qir-col-param{z-index:10;width:130px}.qir-col-spec{z-index:1;width:100px}.qir-col-method{z-index:10;width:130px}.qir-col-obs{z-index:1;width:62px}.qir-col-obs input{text-align:center}.qir-col-del{text-align:center;z-index:1;width:30px}.qir-text-center{text-align:center}.qir-out-of-spec{border-radius:3px;font-weight:700;background:var(--qir-red-bg)!important;color:var(--qir-red)!important}.qir-remove-btn{width:22px;height:22px;color:var(--qir-red);cursor:pointer;transition:all var(--qir-transition);background:#ef444414;border:none;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.qir-remove-btn:hover{background:#ef444433}.qir-notes-table{border:1px solid var(--qir-border-strong)}.qir-notes-table td{border:1px solid var(--qir-border);padding:4px 8px;font-size:12px;font-weight:600}.qir-remarks-row{gap:6px;font-weight:400}.qir-remarks-row input{flex:1}.qir-signoff-table{border:1px solid var(--qir-border-strong);table-layout:fixed}.qir-signoff-table td{border:1px solid var(--qir-border);vertical-align:top;padding:8px 10px;font-size:12px}.qir-signoff-rev{flex-direction:column;gap:4px;width:22%;display:flex}.qir-signoff-rev>div{gap:6px}.qir-signoff-name{gap:6px;width:39%}.qir-label-inline{color:var(--qir-text-secondary);white-space:nowrap;flex-shrink:0;font-size:11.5px;font-weight:600}.autocomplete-wrapper{width:100%;position:relative}.autocomplete-wrapper .autocomplete-dropdown{z-index:9999;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;min-width:200px;max-height:200px;margin-top:2px;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.dark-theme .autocomplete-wrapper .autocomplete-dropdown{background-color:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .autocomplete-wrapper .autocomplete-dropdown li{color:var(--text-primary,#f8fafc)}.dark-theme .autocomplete-wrapper .autocomplete-dropdown li:hover{background-color:var(--layout-bg,#0f172a)}.dark-theme .qir-obs-table td .autocomplete-wrapper .autocomplete-dropdown{background-color:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .qir-obs-table td .autocomplete-wrapper .autocomplete-dropdown li{color:var(--text-primary,#f8fafc)}.dark-theme .qir-obs-table td .autocomplete-wrapper .autocomplete-dropdown li:hover{background-color:var(--layout-bg,#0f172a)}.dark-theme .date-picker-dropdown{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .date-picker-month-year,.dark-theme .date-picker-day{color:var(--text-primary,#f8fafc)}.dark-theme .date-picker-day:hover{background:color-mix(in srgb, var(--qir-blue) 25%, transparent)}.dark-theme .date-picker-day-today{background:color-mix(in srgb, var(--qir-blue) 15%, transparent)}.dark-theme .date-picker-nav{color:var(--text-secondary,#94a3b8);border-color:var(--border-color,#334155)}.dark-theme .date-picker-nav:hover{background:color-mix(in srgb, var(--qir-blue) 20%, transparent);color:var(--qir-blue);border-color:var(--qir-blue)}.dark-theme .date-picker-footer{border-top-color:var(--border-color,#334155)}.dark-theme .date-picker-today-btn,.dark-theme .date-picker-clear-btn{color:var(--text-secondary,#94a3b8);border-color:var(--border-color,#334155)}.dark-theme .date-picker-today-btn:hover{background:var(--qir-blue);color:#fff}.dark-theme .date-picker-clear-btn:hover{background:var(--qir-red);color:#fff}.dark-theme .date-picker-display,.dark-theme .date-picker-toggle{color:var(--text-secondary,#94a3b8)}.dark-theme .date-picker-toggle:hover{background:color-mix(in srgb, var(--qir-blue) 20%, transparent);color:var(--qir-blue)}.dark-theme .date-picker-weekday{color:var(--text-secondary,#94a3b8)}@page{size:A4 landscape;margin:10mm}@media print{html,body{background:#fff!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.qir-no-print{display:none!important}.qir-page{background:#fff!important;padding:0!important}.qir-sheet{box-shadow:none!important;border:2px solid #000!important;border-radius:0!important;gap:6px!important;width:100%!important;max-width:100%!important;padding:6px!important}.qir-sheet table,.qir-letterhead,.qir-meta-table,.qir-obs-table,.qir-notes-table,.qir-signoff-table{page-break-inside:avoid;table-layout:fixed!important;width:100%!important}.qir-letterhead td,.qir-meta-table td,.qir-obs-table th,.qir-obs-table td,.qir-notes-table td,.qir-signoff-table td{border:1px solid #000!important}.qir-letterhead{border:2px solid #000!important}.qir-company-cell,.qir-meta-label,.qir-obs-table th{background:#f0f0f0!important}.qir-sheet input{color:#000!important;box-shadow:none!important;background:0 0!important;font-size:11px!important}.qir-obs-table-wrapper{border:none!important;overflow:visible!important}.qir-obs-table{width:100%!important}.qir-out-of-spec{color:#b91c1c!important;background:#fbd5d5!important}.qir-header-wrap,.autocomplete-wrapper .autocomplete-dropdown,.date-picker-dropdown,.date-picker-toggle,.date-picker-display{display:none!important}}@media (width<=900px){.qir-meta-table tr{grid-template-columns:1fr;display:grid}.qir-signoff-table tr{flex-direction:column;display:flex}.qir-signoff-rev,.qir-signoff-name{width:100%}.date-picker-dropdown{min-width:240px;left:-40px}}.dark-theme .qir-inline-input{background:var(--layout-bg,#0f172a)!important;border-color:var(--border-color,#334155)!important}.dark-theme.qir-page{background:var(--layout-bg,#0f172a)}.dark-theme .qir-sheet{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .qir-title{color:var(--text-primary,#f8fafc)}.dark-theme .qir-back-btn,.dark-theme .qir-btn-secondary{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .qir-letterhead,.dark-theme .qir-letterhead td,.dark-theme .qir-meta-table,.dark-theme .qir-meta-table td,.dark-theme .qir-obs-table th,.dark-theme .qir-obs-table td,.dark-theme .qir-notes-table td,.dark-theme .qir-signoff-table td{border-color:var(--border-color,#334155)}.dark-theme .qir-company-cell,.dark-theme .qir-meta-label,.dark-theme .qir-obs-table th{background:var(--layout-bg,#0f172a)}.dark-theme .qir-sheet input{color:var(--text-primary,#f8fafc)}.dark-theme .qir-label-inline,.dark-theme .qir-meta-label,.dark-theme .qir-toolbar-label{color:var(--text-secondary,#94a3b8)}.dark-theme .qir-out-of-spec{color:#f87171!important;background:#ef444433!important}.dark-theme .qir-remove-btn{color:#f87171;background:#ef444426}.specification-input-wrapper{width:100%;position:relative}.specification-input-container{align-items:center;display:flex;position:relative}.specification-input{width:100%;color:var(--qir-text-primary);background:0 0;border:none;border-radius:3px;min-height:28px;padding:3px 32px 3px 4px;font-family:inherit;font-size:12.5px}.specification-input:focus{background:color-mix(in srgb, var(--qir-blue) 8%, transparent);box-shadow:0 0 0 1px var(--qir-blue) inset;outline:none}.specification-input.qir-input-error{border-radius:3px;box-shadow:0 0 0 1px var(--qir-red) inset!important}.specification-tolerance-btn{color:var(--qir-text-secondary);cursor:pointer;transition:all var(--qir-transition);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px 6px;font-size:14px;font-weight:600;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.specification-tolerance-btn:hover{background:color-mix(in srgb, var(--qir-blue) 10%, transparent);color:var(--qir-blue)}.specification-tolerance-btn:disabled{opacity:.5;cursor:not-allowed}.specification-helper-dropdown{background:var(--qir-surface);border:1px solid var(--qir-border);z-index:1000;-webkit-user-select:none;user-select:none;border-radius:8px;min-width:200px;padding:10px 12px;position:absolute;top:calc(100% + 4px);left:-8px;box-shadow:0 4px 20px #00000026}.specification-helper-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.specification-helper-header span{color:var(--qir-text-secondary);font-size:12px;font-weight:600}.specification-helper-close{color:var(--qir-text-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.specification-helper-close:hover{color:var(--qir-red)}.specification-helper-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:6px;display:grid}.specification-helper-btn{border:1px solid var(--qir-border);cursor:pointer;color:var(--qir-text-primary);transition:all var(--qir-transition);background:0 0;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:12px}.specification-helper-btn:hover{background:color-mix(in srgb, var(--qir-blue) 15%, transparent);border-color:var(--qir-blue);color:var(--qir-blue)}.specification-helper-examples{color:var(--qir-text-secondary);text-align:center;border-top:1px solid var(--qir-border);padding-top:6px;font-size:10px}.dark-theme .specification-helper-dropdown{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .specification-helper-header span{color:var(--text-secondary,#94a3b8)}.dark-theme .specification-helper-btn{color:var(--text-primary,#f8fafc);border-color:var(--border-color,#334155)}.dark-theme .specification-helper-btn:hover{background:color-mix(in srgb, var(--qir-blue) 25%, transparent);border-color:var(--qir-blue);color:var(--qir-blue)}.dark-theme .specification-helper-examples{color:var(--text-secondary,#94a3b8);border-top-color:var(--border-color,#334155)}.dark-theme .specification-tolerance-btn{color:var(--text-secondary,#94a3b8)}.dark-theme .specification-tolerance-btn:hover{background:color-mix(in srgb, var(--qir-blue) 20%, transparent);color:var(--qir-blue)}@media print{.specification-tolerance-btn,.specification-helper-dropdown{display:none!important}}.cf-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.cf-loading .spinning{color:var(--primary-color)}.cf-loading p{margin:0;font-size:14px}.cf-code-field{cursor:not-allowed;opacity:.8;font-weight:500;background:var(--layout-bg,#f3f4f6)!important;color:var(--text-primary)!important}.cf-header{align-items:center;gap:12px;padding-top:4px;padding-bottom:18px;display:flex}.back-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 12%, transparent)}.error-badge{color:#92400e;background:#fef3c7;border-radius:30px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.cf-api-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.cf-api-error .error-icon{flex-shrink:0}.cf-api-error .error-close{cursor:pointer;color:#991b1b;background:0 0;border:none;margin-left:auto;font-size:20px}.cf-card{background:var(--card-bg);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);border-radius:14px;padding:28px 32px}.cf-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:600;display:block}.cf-field{margin-bottom:18px}.cf-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.cf-label-icon{margin-right:4px}.cf-required{color:var(--danger-color)}.form-field{border:1.5px solid var(--border-color);background:var(--card-bg);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.form-field:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.form-field:focus:not(:disabled){border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.form-field.field-error{border-color:var(--danger-color)}.form-field::placeholder{color:var(--text-secondary)}.form-field[type=text],.form-field[type=email],.form-field[type=password],.form-field[type=number],.form-field[type=tel],.form-field[type=url]{-webkit-appearance:none}textarea.form-field{resize:vertical;min-height:60px}select.form-field{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}select.form-field:disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.cf-grid-2{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:0;display:grid}.cf-divider{background:var(--border-color);height:1px;margin:18px 0}.cf-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.submit-btn:active:not(:disabled){transform:translateY(0)scale(.97)}.validation-summary-modal{background:var(--card-bg);width:100%;max-width:550px;max-height:85vh;box-shadow:0 20px 40px var(--shadow-color);border-radius:16px;animation:.3s ease-out fadeIn;overflow-y:auto}.validation-summary-modal .modal-header{border-bottom:1px solid var(--border-color);background:var(--card-bg);z-index:10;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.validation-summary-modal .modal-header h2{color:#f59e0b;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.validation-summary-modal .modal-close{background:var(--layout-bg);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border:none;border-radius:8px;font-size:20px;transition:background .15s}.validation-summary-modal .modal-close:hover{background:color-mix(in srgb, var(--text-secondary) 15%, var(--layout-bg))}.validation-summary-modal .modal-body{padding:24px}.modal-description{color:var(--text-secondary);margin-bottom:16px}.tip-icon{margin-right:6px;display:inline}.validation-summary-modal .modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel:hover{background:var(--layout-bg);color:var(--text-primary)}@media (width<=768px){.contact-form-page{padding:12px 16px 30px}.contact-form-inner{padding:0 8px}.cf-grid-2{grid-template-columns:1fr;gap:0}.cf-card{padding:16px}.cf-header{flex-wrap:wrap}.error-badge{justify-content:center;width:100%}.cf-footer{flex-direction:column-reverse;width:100%}.cf-footer button{justify-content:center;width:100%}}@media (width<=520px){.contact-form-page{padding:8px 12px 20px}.contact-form-inner{padding:0 4px}.cf-card{padding:12px}.header-title h1{font-size:16px}}.dark-theme .contact-form-page{background:var(--layout-bg,#0f172a)}.dark-theme .cf-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .cf-section-title{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .cf-label{color:var(--text-secondary,#94a3b8)}.dark-theme .form-field:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 6%, #0f172a)}.dark-theme .form-field:focus:not(:disabled){border-color:var(--primary-color,#818cf8);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 20%, transparent)}.dark-theme .form-field::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .cf-code-field{background:color-mix(in srgb, var(--primary-color) 6%, #0f172a)!important;color:var(--text-primary,#f8fafc)!important}.dark-theme select.form-field{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.dark-theme .back-btn:hover{background:color-mix(in srgb, var(--primary-color) 12%, #1e293b);border-color:color-mix(in srgb, var(--primary-color) 40%, #334155);color:var(--primary-color,#818cf8)}.dark-theme .error-badge{color:#fbbf24;background:#f59e0b33}.dark-theme .cf-api-error{color:#f87171;background:#ef444426;border-color:#ef44444d}.dark-theme .cf-api-error .error-close{color:#f87171}.dark-theme .cf-divider{background:var(--border-color,#334155)}.dark-theme .cancel-btn:hover:not(:disabled){background:color-mix(in srgb, var(--danger-color) 12%, #1e293b);border-color:color-mix(in srgb, var(--danger-color) 40%, #334155);color:var(--danger-color,#f87171)}.dark-theme .submit-btn{background:linear-gradient(135deg, var(--primary-color,#3b82f6), var(--primary-hover,#2563eb))}.dark-theme .validation-summary-modal .modal-header{background:var(--card-bg,#1e293b);border-bottom-color:var(--border-color,#334155)}.dark-theme .validation-tip{color:#fbbf24;background:#f59e0b26}.dark-theme .btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .btn-cancel:hover{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .cf-loading .spinning{color:var(--primary-color,#818cf8)}.dark-theme .cf-loading p{color:var(--text-secondary,#94a3b8)}.contact-form-page{background:var(--layout-bg);min-height:100vh;padding:20px 40px 40px}.contact-form-inner{max-width:1000px;margin:0 auto;padding:0 30px}.sp-page{background:var(--layout-bg);min-height:100vh;padding:0 24px 40px}.sp-inner{max-width:1200px;margin:0 auto}.sp-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.sp-spinning{animation:.8s linear infinite spin}.sp-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:20px 0 24px;display:flex}.back-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:30px;flex-shrink:0;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.back-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color)}.header-title-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.header-title h1{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex}.header-icon{color:var(--primary-color);font-size:24px}.header-badge{background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));border:1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);color:var(--primary-color);border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.header-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.sp-message{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.sp-message .message-icon{flex-shrink:0}.sp-message .message-close{cursor:pointer;opacity:.5;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:18px;transition:opacity .2s}.sp-message .message-close:hover{opacity:1}.sp-message.error{background:color-mix(in srgb, var(--danger-color) 10%, var(--card-bg));border:1px solid color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:var(--danger-color)}.sp-message.success{background:color-mix(in srgb, var(--success-color) 10%, var(--card-bg));border:1px solid color-mix(in srgb, var(--success-color) 30%, var(--border-color));color:var(--success-color)}.sp-split-layout{grid-template-columns:320px 1fr;gap:20px;min-height:400px;margin-bottom:20px;display:grid}.sp-left-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;max-height:480px;display:flex;overflow:hidden}.sp-panel-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sp-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.sp-panel-title svg{color:var(--primary-color)}.sp-panel-count{background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));min-width:22px;height:22px;color:var(--primary-color);border-radius:12px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.sp-panel-add-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.sp-panel-add-btn:hover{opacity:.85;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 30%, transparent);transform:translateY(-1px)}.sp-submodule-list{flex:1;padding:4px;overflow-y:auto}.sp-submodule-list::-webkit-scrollbar{width:4px}.sp-submodule-list::-webkit-scrollbar-track{background:0 0}.sp-submodule-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sp-submodule-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.sp-submodule-item:hover{background:color-mix(in srgb, var(--primary-color) 6%, transparent)}.sp-submodule-item.active{background:color-mix(in srgb, var(--primary-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--primary-color) 25%, transparent)}.sp-submodule-item-content{flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.sp-submodule-item-left{align-items:center;gap:8px;min-width:0;display:flex}.sp-item-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.sp-item-chevron.active{color:var(--primary-color);transform:rotate(90deg)}.sp-submodule-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sp-submodule-item.active .sp-submodule-item-name{color:var(--primary-color);font-weight:600}.sp-submodule-item-badge{color:var(--text-secondary);background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-radius:12px;flex-shrink:0;padding:2px 10px;font-size:11px;font-weight:600}.sp-submodule-item.active .sp-submodule-item-badge{background:color-mix(in srgb, var(--primary-color) 15%, var(--card-bg));color:var(--primary-color)}.sp-submodule-item-actions{opacity:0;flex-shrink:0;align-items:center;gap:2px;transition:opacity .2s;display:flex}.sp-submodule-item:hover .sp-submodule-item-actions{opacity:1}.sp-item-action-btn{cursor:pointer;width:28px;height:28px;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.sp-item-action-btn:hover{background:color-mix(in srgb, var(--bg-hover) 50%, transparent)}.sp-item-edit:hover{background:color-mix(in srgb, var(--warning-color,#f59e0b) 15%, transparent);color:var(--warning-color,#f59e0b)}.sp-item-delete:hover{background:color-mix(in srgb, var(--danger-color) 15%, transparent);color:var(--danger-color)}.sp-empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.sp-empty-state p{margin:0;font-size:14px;font-weight:500}.sp-empty-state span{font-size:13px}.sp-empty-add-btn{border:1px dashed var(--border-color);color:var(--primary-color);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.sp-empty-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 6%, transparent);border-color:var(--primary-color)}.sp-right-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;min-height:300px;display:flex;overflow:hidden}.sp-panel-badge{background:color-mix(in srgb, var(--primary-color) 10%, var(--card-bg));color:var(--primary-color);border-radius:12px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.sp-permissions-list{flex:1;padding:12px 16px;overflow-y:auto}.sp-permissions-list::-webkit-scrollbar{width:4px}.sp-permissions-list::-webkit-scrollbar-track{background:0 0}.sp-permissions-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sp-select-all-wrapper{border-bottom:1px solid var(--border-color);margin-bottom:10px;padding-bottom:10px}.sp-select-all-checkbox{cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.sp-select-all-checkbox:hover{background:color-mix(in srgb, var(--primary-color) 4%, transparent)}.sp-select-all-checkbox input[type=checkbox]{display:none}.sp-checkbox-custom{border:2px solid var(--border-color);background:var(--card-bg);border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:all .2s;display:inline-block;position:relative}.sp-permission-checkbox:hover .sp-checkbox-custom{border-color:var(--primary-color)}.sp-permission-checkbox input[type=checkbox]:checked+.sp-checkbox-custom,.sp-select-all-checkbox input[type=checkbox]:checked+.sp-checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.sp-permission-checkbox input[type=checkbox]:checked+.sp-checkbox-custom:after,.sp-select-all-checkbox input[type=checkbox]:checked+.sp-checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-select-all-checkbox .sp-checkbox-custom{border-color:var(--primary-color)}.sp-select-all-label{color:var(--text-primary);font-weight:600}.sp-permissions-grid{flex-direction:column;gap:2px;display:flex}.sp-permission-item{border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;transition:all .2s;display:flex}.sp-permission-item:hover{background:color-mix(in srgb, var(--primary-color) 4%, transparent)}.sp-permission-checkbox{cursor:pointer;border-radius:4px;flex:1;align-items:center;gap:10px;padding:4px 6px;transition:background .2s;display:flex}.sp-permission-checkbox:hover{background:color-mix(in srgb, var(--primary-color) 4%, transparent)}.sp-permission-checkbox input[type=checkbox]{display:none}.sp-permission-checkbox .sp-checkbox-custom{width:16px;height:16px}.sp-permission-checkbox input[type=checkbox]:checked+.sp-checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.sp-permission-checkbox input[type=checkbox]:checked+.sp-checkbox-custom:after{font-size:10px}.sp-permission-name{color:var(--text-secondary);font-size:13px;font-weight:500}.sp-permission-checkbox.checked .sp-permission-name{color:var(--text-primary);font-weight:600}.sp-permission-actions{opacity:0;flex-shrink:0;align-items:center;gap:2px;transition:opacity .2s;display:flex}.sp-permission-item:hover .sp-permission-actions{opacity:1}.sp-footer{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:16px 0 8px;display:flex}.sp-footer-left{color:var(--text-secondary);font-size:13px}.sp-selected-count{align-items:center;gap:6px;display:flex}.sp-selected-count svg{color:var(--primary-color)}.sp-selected-count strong{color:var(--text-primary);font-weight:700}.sp-footer-right{align-items:center;gap:10px;display:flex}.cancel-btn{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);border-radius:30px;padding:8px 24px;font-size:13px;font-weight:500;transition:all .2s}.cancel-btn:hover:not(:disabled){background:color-mix(in srgb, var(--danger-color) 6%, var(--card-bg));border-color:color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:var(--danger-color)}.submit-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent);border:none;border-radius:30px;align-items:center;gap:8px;padding:8px 32px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.submit-btn:hover:not(:disabled){opacity:.85;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 35%, transparent);transform:translateY(-2px)}.sp-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sp-modal{background:var(--card-bg);width:100%;max-width:440px;max-height:90vh;box-shadow:0 20px 40px var(--shadow-color);border-radius:10px;animation:.25s modalFadeIn;overflow-y:auto}.sp-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.sp-modal-title{color:var(--text-primary);font-size:16px;font-weight:600}.sp-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:18px;transition:background .2s}.sp-modal-close:hover{background:color-mix(in srgb, var(--bg-hover) 50%, transparent)}.sp-modal-body{padding:20px}.sp-modal-error{background:color-mix(in srgb, var(--danger-color) 10%, var(--card-bg));border:1px solid color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:var(--danger-color);border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.sp-modal-field{margin-bottom:0}.sp-modal-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.sp-required{color:var(--danger-color)}.sp-modal-input{border:1.5px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-size:13px;transition:all .2s}.sp-modal-input:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color))}.sp-modal-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}.sp-modal-warning{color:var(--danger-color);text-align:center;margin:0;font-size:14px}.sp-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.sp-modal-cancel{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s}.sp-modal-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--bg-hover) 50%, transparent)}.sp-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.sp-modal-submit{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 24px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sp-modal-submit:hover:not(:disabled){opacity:.85}.sp-modal-submit:disabled{opacity:.5;cursor:not-allowed}.sp-modal-delete-btn{background:var(--danger-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 24px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sp-modal-delete-btn:hover:not(:disabled){opacity:.85}.sp-modal-delete-btn:disabled{opacity:.5;cursor:not-allowed}.dark-theme .sp-left-panel,.dark-theme .sp-right-panel{background:var(--card-bg);border-color:var(--border-color)}.dark-theme .sp-panel-header{background:var(--sidebar-secondary);border-color:var(--border-color)}.dark-theme .sp-submodule-item.active{background:color-mix(in srgb, var(--primary-color) 20%, var(--sidebar-secondary));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color))}.dark-theme .sp-submodule-item:hover{background:color-mix(in srgb, var(--primary-color) 10%, transparent)}.dark-theme .sp-submodule-item-badge{background:color-mix(in srgb, var(--primary-color) 20%, var(--sidebar-secondary))}.dark-theme .sp-permission-item:hover,.dark-theme .sp-permission-checkbox:hover{background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.dark-theme .sp-panel-count,.dark-theme .sp-panel-badge{background:color-mix(in srgb, var(--primary-color) 20%, var(--sidebar-secondary))}.dark-theme .sp-checkbox-custom{background:var(--card-bg);border-color:var(--border-color)}.dark-theme .sp-item-action-btn:hover{background:var(--nav-hover)}.dark-theme .sp-empty-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 15%, transparent)}.dark-theme .sp-select-all-checkbox:hover,.dark-theme .sp-permission-checkbox:hover{background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.dark-theme .sp-modal{background:var(--card-bg)}.dark-theme .sp-modal-header{border-color:var(--border-color)}.dark-theme .sp-modal-input{background:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}.dark-theme .sp-modal-cancel{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}.dark-theme .sp-modal-footer{border-color:var(--border-color)}.dark-theme .sp-message.error{background:color-mix(in srgb, var(--danger-color) 15%, var(--card-bg));border-color:color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:#f87171}.dark-theme .sp-message.success{background:color-mix(in srgb, var(--success-color) 15%, var(--card-bg));border-color:color-mix(in srgb, var(--success-color) 30%, var(--border-color));color:#34d399}@media (width<=820px){.sp-split-layout{grid-template-columns:1fr;gap:16px}.sp-left-panel{max-height:280px}.sp-right-panel{min-height:250px}.sp-submodule-item-actions,.sp-permission-actions{opacity:1}}@media (width<=480px){.sp-page{padding:0 12px 16px}.sp-header{flex-direction:column;align-items:stretch;gap:12px}.header-title h1{font-size:18px}.sp-footer{flex-direction:column;align-items:stretch;gap:10px}.sp-footer-left{text-align:center}.sp-footer-right{flex-direction:column-reverse;width:100%}.sp-footer-right button{justify-content:center;width:100%}.sp-modal{max-width:95%;margin:10px}.sp-modal-footer{flex-direction:column-reverse}.sp-modal-footer button{justify-content:center;width:100%}.sp-panel-header{flex-wrap:wrap;gap:6px}}.nsb-page{background:var(--layout-bg,#f8fafc);min-height:100vh;padding:0 2rem;font-family:Inter,sans-serif}.nsb-table-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.nsb-table-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nsb-table-input[type=number]{appearance:textfield}.nsb-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:.5rem;display:flex}.nsb-header-left{align-items:center;gap:10px;display:flex}.nsb-header-right{align-items:center;display:flex}.nsb-back-btn{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);cursor:pointer;border-radius:30px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.nsb-back-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#2563eb);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 12%, transparent)}.nsb-header-divider{background:var(--border-color,#e2e8f0);width:1px;height:20px}.nsb-header-title{color:var(--text-primary,#0f172a);margin:0;font-size:18px;font-weight:700}.nsb-dc-count{color:var(--primary-color,#2563eb);background:color-mix(in srgb, var(--primary-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.nsb-checkbox-label{color:var(--text-primary,#0f172a);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.nsb-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color,#2563eb)}.nsb-main-box{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:0 1px 4px var(--shadow-color,#0000000f);border-radius:14px;margin-bottom:1.5rem;padding:14px 24px}.nsb-invoice-type-section{border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.nsb-invoice-type-section .nsb-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:600;margin-bottom:0!important}.nsb-radio-group{background:var(--layout-bg,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:6px;flex-shrink:0;gap:3px;width:auto;max-width:280px;padding:2px;display:inline-flex}.nsb-radio-label{color:var(--text-secondary,#64748b);cursor:pointer;white-space:nowrap;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:4px;min-height:22px;padding:3px 10px;font-size:10px;font-weight:600;transition:background .18s,color .18s;display:flex}.nsb-radio-label:hover{background:color-mix(in srgb, var(--primary-color,#2563eb) 8%, var(--card-bg,#fff));color:var(--primary-color,#2563eb)}.nsb-radio-label input[type=radio]{accent-color:var(--primary-color,#2563eb);cursor:pointer;width:11px;height:11px;margin:0}.nsb-radio-label:has(input:checked){background:var(--primary-color,#2563eb);color:#fff;box-shadow:0 1px 2px #2563eb33}.nsb-compact-layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;margin-top:0;display:grid}@media (width<=1200px){.nsb-compact-layout{grid-template-columns:1fr;gap:16px}.nsb-right-column{order:-1}}.nsb-left-column{flex-direction:column;gap:0;display:flex}.nsb-right-column{flex-direction:column;align-self:flex-start;gap:14px;display:flex;position:sticky;top:1rem}.nsb-field-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0;display:grid}.nsb-field-half{flex-direction:column;display:flex}@media (width<=768px){.nsb-field-row{grid-template-columns:1fr}}.nsb-section-header{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:8px;margin-bottom:.25rem;padding-bottom:.5rem;font-size:11px;font-weight:600;display:flex}.nsb-section-icon{color:var(--primary-color,#2563eb);font-size:13px}.nsb-field{margin-bottom:1rem}.nsb-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;font-size:11px;font-weight:600;display:block}.nsb-required{color:var(--danger-color,#ef4444)}.nsb-input,.nsb-select{border:1.5px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);box-sizing:border-box;border-radius:10px;min-height:32px;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.nsb-input:hover,.nsb-select:hover{border-color:color-mix(in srgb, var(--primary-color) 50%, var(--border-color));background:color-mix(in srgb, var(--primary-color) 2%, var(--card-bg))}.nsb-input:focus,.nsb-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg));outline:none}.nsb-input-disabled{background:var(--layout-bg,#f8fafc);color:var(--text-secondary,#94a3b8);cursor:not-allowed;border-color:var(--border-color,#e2e8f0)}.nsb-input-error,.nsb-select-error{border-color:var(--danger-color,#ef4444)}.nsb-input-error:focus,.nsb-select-error:focus{border-color:var(--danger-color,#ef4444);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger-color) 12%, transparent)}.nsb-error-text{color:var(--danger-color,#ef4444);margin-top:2px;font-size:11px;display:block}.nsb-textarea{border:1.5px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);resize:vertical;border-radius:10px;min-height:60px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.nsb-textarea-large{min-height:50px}.nsb-textarea:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);outline:none}.nsb-field-hint{color:var(--primary-color,#2563eb);margin-top:2px;font-size:10px;display:block}.nsb-date-field{align-items:center;display:flex;position:relative}.nsb-date-field input[type=date]{padding-right:32px}.nsb-date-field input[type=date]::-webkit-calendar-picker-indicator{display:none}.nsb-date-icon-btn{width:20px;height:20px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:8px}.nsb-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.nsb-grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}@media (width<=768px){.nsb-grid-2{grid-template-columns:1fr}.nsb-grid-3{grid-template-columns:1fr;gap:12px}}.nsb-bill-number-display{border:1.5px solid var(--border-color,#e2e8f0);background:var(--layout-bg,#f8fafc);width:100%;color:var(--text-primary,#0f172a);box-sizing:border-box;cursor:default;border-radius:10px;align-items:center;min-height:32px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.nsb-detail-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow:hidden}.nsb-empty-card{opacity:.7}.nsb-card-header{background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:600;display:flex}.nsb-card-content{padding:12px 14px}.nsb-card-content h3{color:var(--text-primary,#0f172a);margin:0 0 10px;font-size:14px;font-weight:600}.nsb-card-info{flex-direction:column;gap:6px;display:flex}.nsb-info-item{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;display:flex}.nsb-info-item:last-child{border-bottom:none}.nsb-info-label{color:var(--text-secondary,#64748b);font-size:10px;font-weight:500}.nsb-info-value{color:var(--text-primary,#0f172a);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.nsb-empty-state{color:var(--text-secondary,#64748b);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.nsb-empty-state p{margin:0;font-size:12px}.nsb-dc-field-wrapper{margin-bottom:0}.nsb-items-full{width:100%;margin:1rem 0 0}.nsb-items-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:0;margin-bottom:1rem;display:flex}.nsb-items-title{color:var(--text-primary,#0f172a);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.nsb-items-icon{color:var(--primary-color,#2563eb);font-size:13px}.nsb-add-btn{background:var(--primary-color,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .2s,transform .1s;display:flex}.nsb-add-btn:hover{background:color-mix(in srgb, var(--primary-color) 85%, #000);transform:translateY(-1px)}.nsb-items-error{background:color-mix(in srgb, var(--danger-color) 15%, transparent);border:1px solid var(--danger-color,#ef4444);color:var(--danger-color,#ef4444);border-radius:8px;align-items:center;gap:8px;margin-bottom:1rem;padding:8px 12px;font-size:12px;display:flex}.nsb-table-wrap{border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow-x:auto}.nsb-items-table{border-collapse:collapse;width:100%;font-size:12px}.nsb-items-table th{text-transform:uppercase;color:var(--text-secondary,#64748b);white-space:nowrap;background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);text-align:left;padding:8px 10px;font-size:10px;font-weight:600}.nsb-items-table td{vertical-align:middle;border-bottom:1px solid var(--border-color,#f1f5f9);padding:6px 8px}.nsb-items-table tbody tr:hover{background:color-mix(in srgb, var(--primary-color) 3%, var(--card-bg))}.nsb-col-sno{text-align:center;width:3%}.nsb-col-code{width:12%}.nsb-col-code .nsb-table-input{text-align:left}.nsb-col-name{width:14%}.nsb-col-name .nsb-table-input{text-align:left}.nsb-col-hsn{width:8%}.nsb-col-hsn .nsb-table-input{text-align:left}.nsb-col-qty{text-align:center;width:8%}.nsb-col-unit{text-align:center;width:6%}.nsb-col-unit .nsb-table-input{text-align:left}.nsb-col-rate{text-align:right;width:8%}.nsb-col-tax{text-align:center;width:7%}.nsb-col-tax .nsb-table-input{text-align:left}.nsb-col-tax-amount{text-align:right;width:9%}.nsb-col-amount{text-align:right;width:10%}.nsb-col-action{text-align:center;width:4%}.nsb-table-input{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:100%;color:var(--text-primary,#0f172a);text-align:right;box-sizing:border-box;border-radius:4px;min-height:28px;padding:4px 6px;font-family:inherit;font-size:12px}.nsb-table-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 15%, transparent);outline:none}.nsb-table-input:disabled{background:var(--layout-bg,#f8fafc);color:var(--text-secondary,#94a3b8);cursor:not-allowed}.nsb-table-input-text{text-align:left}.nsb-table-value{color:var(--text-primary,#0f172a);white-space:nowrap;text-align:right;min-width:60px;padding:4px 6px;font-weight:600;display:inline-block}.nsb-remove-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;transition:all .15s}.nsb-remove-btn:hover{color:var(--danger-color,#ef4444);background:color-mix(in srgb, var(--danger-color) 8%, transparent)}.nsb-stock-indicator{white-space:nowrap;border-radius:8px;align-items:center;gap:2px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-flex}.nsb-stock-indicator.nsb-stock-available{color:#059669;background:#ecfdf5}.nsb-stock-indicator.nsb-stock-insufficient{color:#dc2626;background:#fef2f2}.nsb-stock-indicator.nsb-stock-unknown{color:#6b7280;background:#f3f4f6}.nsb-stock-indicator.nsb-stock-checking{color:#3b82f6;background:#eff6ff}.nsb-summary-grid{flex-direction:column;gap:0;display:flex}.nsb-summary-item{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.nsb-summary-item:last-of-type{border-bottom:none}.nsb-summary-label{color:var(--text-secondary,#64748b);font-size:11px;font-weight:500}.nsb-summary-value{color:var(--text-primary,#0f172a);font-size:12px;font-weight:600}.nsb-roundoff-wrap{width:auto}.nsb-roundoff-input{border:1px solid var(--border-color,#e2e8f0);background:var(--layout-bg,#f8fafc);width:70px;color:var(--text-primary,#0f172a);text-align:right;border-radius:6px;padding:3px 6px;font-family:inherit;font-size:11px}.nsb-roundoff-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 15%, transparent);outline:none}.nsb-summary-grand{border-top:2px solid var(--primary-color,#2563eb);justify-content:space-between;align-items:center;margin-top:4px;padding:8px 0 2px;display:flex}.nsb-summary-grand-label{color:var(--text-primary,#0f172a);font-size:12px;font-weight:700}.nsb-summary-grand-value{color:var(--primary-color,#2563eb);font-size:13px;font-weight:700}.nsb-payment-table-wrap{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin-top:.5rem;margin-bottom:.5rem;overflow-x:auto}.nsb-payment-table{border-collapse:collapse;width:100%;font-size:12px}.nsb-payment-table th{text-align:left;color:var(--text-secondary,#64748b);background:var(--layout-bg,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);text-transform:uppercase;padding:8px 10px;font-size:10px;font-weight:600}.nsb-payment-table td{border-bottom:1px solid var(--border-color,#f1f5f9);vertical-align:middle;padding:4px 6px}.nsb-payment-col-no{text-align:center;width:4%}.nsb-payment-col-term{width:18%}.nsb-payment-col-term .nsb-table-input{text-align:left}.nsb-payment-col-date{width:18%}.nsb-payment-col-date .nsb-table-input{text-align:left}.nsb-payment-col-duration,.nsb-payment-col-portion{text-align:center;width:10%}.nsb-payment-col-amount{text-align:right;width:18%}.nsb-payment-col-portion .nsb-table-input,.nsb-payment-col-duration .nsb-table-input,.nsb-payment-col-amount .nsb-table-input{text-align:right}.nsb-payment-col-action{text-align:center;width:6%}.nsb-add-payment-btn{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color,#2563eb);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;margin-top:.5rem;padding:5px 12px;font-size:11px;font-weight:500;display:flex}.nsb-add-payment-btn:hover{background:color-mix(in srgb, var(--primary-color) 25%, transparent)}.nsb-bottom-section{grid-template-columns:1fr 320px;align-items:start;gap:24px;margin-top:1.5rem;display:grid}.nsb-bottom-left{flex-direction:column;gap:0;display:flex}.nsb-bottom-right{flex-direction:column;display:flex}@media (width<=1200px){.nsb-bottom-section{grid-template-columns:1fr;gap:16px}}@media (width<=480px){.nsb-bottom-section{grid-template-columns:1fr;gap:16px}}.nsb-form-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:1.5rem;display:flex}.nsb-btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:7px;padding:8px 24px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.nsb-btn:disabled{opacity:.6;cursor:not-allowed}.nsb-btn-print,.nsb-btn-draft,.nsb-btn-cancel{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b)}.nsb-btn-print:hover:not(:disabled),.nsb-btn-draft:hover:not(:disabled){background:color-mix(in srgb, var(--primary-color) 8%, var(--card-bg));border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#2563eb);box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 12%, transparent)}.nsb-btn-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--danger-color) 6%, var(--card-bg));border-color:color-mix(in srgb, var(--danger-color) 30%, var(--border-color));color:var(--danger-color,#ef4444)}.nsb-btn-submit{background:var(--primary-gradient,linear-gradient(135deg, #2563eb 0%, #1e40af 100%));color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent)}.nsb-btn-submit:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.nsb-btn-submit:active:not(:disabled){transform:translateY(0)scale(.97)}.nsb-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;background:#0009;justify-content:center;align-items:center;animation:.25s ease-out nsbFadeIn;display:flex;position:fixed;inset:0}@keyframes nsbFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nsb-modal-container{background:var(--card-bg,#fff);text-align:center;border-radius:20px;width:90%;max-width:460px;padding:40px 48px 32px;animation:.3s ease-out nsbSlideUp;position:relative;box-shadow:0 24px 64px #0003}@keyframes nsbSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.nsb-modal-success-icon{color:#22c55e;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex}.nsb-modal-success-icon svg{font-size:40px}.nsb-modal-title{color:var(--text-primary,#0f172a);margin:0 0 8px;font-size:24px;font-weight:700}.nsb-modal-message{color:var(--text-secondary,#64748b);margin:0 0 24px;font-size:14px;line-height:1.5}.nsb-modal-details{background:var(--layout-bg,#f8fafc);text-align:left;border-radius:12px;margin-bottom:24px;padding:16px 20px}.nsb-modal-detail-item{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.nsb-modal-detail-item:last-child{border-bottom:none}.nsb-modal-detail-label{color:var(--text-secondary,#64748b);font-size:12px;font-weight:500}.nsb-modal-detail-value{color:var(--text-primary,#0f172a);font-size:14px;font-weight:600}.nsb-modal-sb-number{color:var(--primary-color,#2563eb);letter-spacing:.5px;font-size:16px;font-weight:700}.nsb-modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.nsb-modal-btn{cursor:pointer;border:none;border-radius:30px;min-width:140px;padding:10px 28px;font-size:13px;font-weight:600;transition:all .2s}.nsb-modal-btn-primary{background:var(--primary-color,#2563eb);color:#fff;box-shadow:0 2px 8px #2563eb4d}.nsb-modal-btn-primary:hover{background:color-mix(in srgb, var(--primary-color) 85%, #000);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.nsb-modal-btn-secondary{background:var(--layout-bg,#f1f5f9);color:var(--text-secondary,#64748b)}.nsb-modal-btn-secondary:hover{background:var(--border-color,#e2e8f0)}.dark-theme .nsb-main-box{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .nsb-input,.dark-theme .nsb-select,.dark-theme .nsb-textarea{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .nsb-input:hover,.dark-theme .nsb-select:hover{background:color-mix(in srgb, var(--primary-color) 5%, var(--card-bg))}.dark-theme .nsb-input-disabled,.dark-theme .nsb-select:disabled{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#64748b)}.dark-theme .nsb-detail-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .nsb-card-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .nsb-card-content h3{color:var(--text-primary,#f8fafc)}.dark-theme .nsb-info-item{border-color:var(--border-color,#334155)}.dark-theme .nsb-info-value{color:var(--text-primary,#f8fafc)}.dark-theme .nsb-summary-item{border-color:var(--border-color,#334155)}.dark-theme .nsb-summary-value{color:var(--text-primary,#f8fafc)}.dark-theme .nsb-summary-grand-value{color:var(--primary-color,#60a5fa)}.dark-theme .nsb-roundoff-input{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .nsb-items-table th{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .nsb-items-table td{border-color:var(--border-color,#334155)}.dark-theme .nsb-table-input{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .nsb-table-value{color:var(--text-primary,#f8fafc)}.dark-theme .nsb-btn-print,.dark-theme .nsb-btn-draft,.dark-theme .nsb-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .nsb-btn-print:hover:not(:disabled),.dark-theme .nsb-btn-draft:hover:not(:disabled){background:var(--layout-bg,#ffffff0d);border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color));color:var(--primary-color,#60a5fa)}.dark-theme .nsb-radio-label{color:var(--text-secondary,#94a3b8)}.dark-theme .nsb-radio-label:hover{background:color-mix(in srgb, var(--primary-color,#3b82f6) 15%, var(--card-bg,#1e293b));color:var(--primary-color,#60a5fa)}.dark-theme .nsb-radio-label:has(input:checked){background:var(--primary-color,#3b82f6);color:#fff}.dark-theme .nsb-radio-group{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .nsb-dc-count{background:color-mix(in srgb, var(--primary-color) 20%, transparent);border-color:color-mix(in srgb, var(--primary-color) 30%, transparent);color:var(--primary-color,#60a5fa)}.dark-theme .nsb-payment-table th{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .nsb-payment-table td{border-color:var(--border-color,#334155)}.dark-theme .nsb-payment-table .nsb-table-input{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .nsb-modal-container{background:var(--card-bg,#1e293b);border:1px solid var(--border-color,#334155)}.dark-theme .nsb-modal-title{color:var(--text-primary,#f8fafc)}.dark-theme .nsb-modal-message{color:var(--text-secondary,#94a3b8)}.dark-theme .nsb-modal-details{background:var(--layout-bg,#0f172a)}.dark-theme .nsb-modal-detail-item{border-color:var(--border-color,#334155)}.dark-theme .nsb-modal-detail-value{color:var(--text-primary,#f8fafc)}.dark-theme .nsb-modal-sb-number{color:var(--primary-color,#60a5fa)}.dark-theme .nsb-modal-btn-secondary{background:var(--layout-bg,#1e293b);color:var(--text-secondary,#94a3b8);border:1px solid var(--border-color,#334155)}.dark-theme .nsb-modal-success-icon{background:#22c55e26}@media (width<=1024px){.nsb-page{padding:1rem 1.5rem}.nsb-main-box{padding:1rem}}@media (width<=768px){.nsb-page{padding:.75rem 1rem}.nsb-main-box{padding:1rem}.nsb-header{flex-wrap:wrap}.nsb-header-title{font-size:16px}.nsb-form-footer{flex-direction:column}.nsb-form-footer .nsb-btn{justify-content:center;width:100%}.nsb-grid-2,.nsb-grid-3{grid-template-columns:1fr}.nsb-col-sno{display:none}.nsb-col-code,.nsb-col-name{width:16%}.nsb-col-hsn{display:none}.nsb-col-qty{width:10%}.nsb-col-unit{display:none}.nsb-col-rate{width:10%}.nsb-col-tax{width:8%}.nsb-col-tax-amount,.nsb-col-amount{width:12%}.nsb-col-action{width:6%}.nsb-invoice-type-section{flex-wrap:wrap;gap:8px}.nsb-radio-group{flex:1;max-width:100%}.nsb-bottom-section{grid-template-columns:1fr;gap:16px}}@media (width<=480px){.nsb-page{padding:.5rem}.nsb-main-box{padding:.75rem}.nsb-header-title{font-size:14px}.nsb-items-table{font-size:10px}.nsb-col-code{width:20%}.nsb-col-name{width:18%}.nsb-col-qty,.nsb-col-rate{width:12%}.nsb-col-tax{width:10%}.nsb-col-tax-amount,.nsb-col-amount{width:14%}.nsb-radio-group{flex:1;max-width:100%}.nsb-radio-label{padding:2px 8px;font-size:9px}}.nsb-spinning{animation:1s linear infinite nsbSpin}@keyframes nsbSpin{to{transform:rotate(360deg)}}.nsb-custom-scroll::-webkit-scrollbar{width:4px;height:4px}.nsb-custom-scroll::-webkit-scrollbar-track{background:var(--border-color,#f1f5f9);border-radius:2px}.nsb-custom-scroll::-webkit-scrollbar-thumb{background:var(--text-secondary,#cbd5e1);border-radius:2px}.nsb-custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary,#94a3b8)}.nsb-custom-scroll{scrollbar-width:thin;scrollbar-color:var(--text-secondary,#cbd5e1) var(--border-color,#f1f5f9)}@media print{.nsb-form-footer,.nsb-back-btn{display:none!important}body{background:#fff;padding:0}.nsb-page{background:#fff}}:root{--bdf-bg:var(--layout-bg,#fff);--bdf-surface:var(--card-bg,#fff);--bdf-surface-2:var(--layout-bg,#f7f8fa);--bdf-border:var(--border-color,#e2e6eb);--bdf-border-focus:var(--primary-color,#3b7dd8);--bdf-blue:var(--primary-color,#2563eb);--bdf-blue-dark:color-mix(in srgb, var(--primary-color,#2563eb) 80%, #000);--bdf-blue-light:color-mix(in srgb, var(--primary-color,#2563eb) 10%, var(--card-bg,#fff));--bdf-blue-mid:color-mix(in srgb, var(--primary-color,#2563eb) 40%, var(--card-bg,#fff));--bdf-amber:#d97706;--bdf-amber-bg:#fffbeb;--bdf-amber-border:#fcd34d;--bdf-red:var(--danger-color,#dc2626);--bdf-red-bg:color-mix(in srgb, var(--danger-color,#dc2626) 8%, var(--card-bg,#fff));--bdf-red-border:color-mix(in srgb, var(--danger-color,#dc2626) 35%, var(--border-color,#fca5a5));--bdf-red-light:color-mix(in srgb, var(--danger-color,#dc2626) 14%, var(--card-bg,#fff));--bdf-green:#16a34a;--bdf-green-bg:#f0fdf4;--bdf-green-border:#86efac;--bdf-text-primary:var(--text-primary,#111827);--bdf-text-secondary:var(--text-secondary,#4b5563);--bdf-text-muted:color-mix(in srgb, var(--text-secondary,#4b5563) 60%, transparent);--bdf-text-label:var(--text-primary,#374151);--bdf-radius-sm:4px;--bdf-radius:8px;--bdf-radius-lg:12px;--bdf-shadow-sm:0 1px 3px var(--shadow-color,#00000014), 0 1px 2px var(--shadow-color,#0000000d);--bdf-shadow-lg:0 16px 40px var(--shadow-color,#00000024);--bdf-font:"Inter", "Segoe UI", system-ui, sans-serif;--bdf-mono:"JetBrains Mono", "Fira Code", monospace;--bdf-transition:.16s cubic-bezier(.4, 0, .2, 1)}.bdf-page *,.bdf-page :before,.bdf-page :after{box-sizing:border-box}.bdf-page{font-family:var(--bdf-font);background:var(--bdf-bg);min-height:100%;color:var(--bdf-text-primary);border-radius:8px;flex-direction:column;font-size:14px;line-height:1.5;display:flex;overflow:visible}.bdf-header-wrap{margin-bottom:16px}.bdf-header-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.bdf-back-btn{color:var(--bdf-text-secondary);border:1px solid var(--bdf-border);border-radius:var(--bdf-radius-sm);cursor:pointer;transition:all var(--bdf-transition);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.bdf-back-btn:hover{color:var(--bdf-blue);border-color:var(--bdf-blue-mid);background:var(--bdf-blue-light)}.bdf-title{letter-spacing:-.3px;color:var(--bdf-text-primary);flex:1;margin:0;font-size:16px;font-weight:700}.bdf-error-pill{background:var(--bdf-red-bg);color:var(--bdf-red);border:1px solid var(--bdf-red-border);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.bdf-success-pill{background:var(--bdf-green-bg);color:var(--bdf-green);border:1px solid var(--bdf-green-border);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.bdf-container{flex:1}.bdf-card{background:var(--bdf-surface);border:1px solid var(--bdf-border);border-radius:var(--bdf-radius-lg);box-shadow:var(--bdf-shadow-sm);padding:24px}.bdf-section-title{letter-spacing:.8px;text-transform:uppercase;color:var(--bdf-text-secondary);border-top:1px solid var(--bdf-border);align-items:center;gap:7px;margin-top:4px;margin-bottom:16px;padding-top:20px;font-size:11px;font-weight:700;display:flex}.bdf-section-title-first{border-top:none;margin-top:0;padding-top:0}.bdf-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.bdf-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.bdf-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.bdf-field-block{margin-bottom:16px}@media (width<=900px){.bdf-grid-3,.bdf-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.bdf-grid-2,.bdf-grid-3,.bdf-grid-4{grid-template-columns:1fr}}.bdf-label{color:var(--bdf-text-label);letter-spacing:.1px;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.bdf-label-optional{color:var(--bdf-text-muted);text-transform:none;letter-spacing:0;margin-left:4px;font-size:11px;font-weight:500}.bdf-field-control{position:relative}.bdf-input{width:100%;height:36px;font-family:var(--bdf-font);color:var(--bdf-text-primary);background:var(--bdf-surface);border:1.5px solid var(--bdf-border);border-radius:var(--bdf-radius-sm);transition:border-color var(--bdf-transition), box-shadow var(--bdf-transition), background var(--bdf-transition);appearance:none;outline:none;padding:0 11px;font-size:13.5px}.bdf-input:focus{border-color:var(--bdf-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color,#3b7dd8) 14%, transparent)}.bdf-input:disabled{background:var(--bdf-surface-2);color:var(--bdf-text-muted);cursor:not-allowed}.bdf-input::placeholder{color:var(--bdf-text-muted)}.bdf-input-has-icon{padding-right:34px}.bdf-input-error{background:var(--bdf-red-bg);border-color:var(--bdf-red)!important}.bdf-input-error:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger-color,#dc2626) 14%, transparent)!important}.bdf-input-valid{background:var(--bdf-green-bg);border-color:var(--bdf-green)!important}.bdf-input-valid:focus{box-shadow:0 0 0 3px #16a34a24!important}select.bdf-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239ca3af'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.bdf-textarea{resize:vertical;padding:9px 11px;line-height:1.55;height:auto!important}.bdf-uppercase-input{text-transform:uppercase}.bdf-status-icon{pointer-events:none;font-size:14px;animation:.18s cubic-bezier(.34,1.4,.64,1) bdf-icon-pop;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.bdf-status-icon-valid{color:var(--bdf-green)}.bdf-status-icon-error{color:var(--bdf-red)}@keyframes bdf-icon-pop{0%{opacity:0;transform:translateY(-50%)scale(.4)}to{opacity:1;transform:translateY(-50%)scale(1)}}.bdf-error-text,.bdf-valid-text,.bdf-hint-text{align-items:center;gap:4px;margin-top:5px;font-size:11.5px;font-weight:500;line-height:1.3;display:flex}.bdf-error-text{color:var(--bdf-red);animation:.16s bdf-feedback-in}.bdf-valid-text{color:var(--bdf-green);animation:.16s bdf-feedback-in}.bdf-hint-text{color:var(--bdf-text-muted);font-weight:400}.bdf-feedback-icon{flex-shrink:0}.bdf-preview-fallback-link{color:var(--bdf-blue);cursor:pointer;font-weight:600;text-decoration:underline}.bdf-preview-fallback-link:hover{color:var(--bdf-blue-dark)}@keyframes bdf-feedback-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.bdf-info-banner{background:var(--bdf-blue-light);border:1px solid var(--bdf-blue-mid);border-radius:var(--bdf-radius-sm);color:var(--bdf-blue-dark);align-items:center;gap:8px;margin-bottom:16px;padding:9px 13px;font-size:12.5px;font-weight:500;display:flex}.bdf-hint-banner{color:var(--bdf-text-muted);background:var(--bdf-surface-2);border:1px solid var(--bdf-border);border-radius:var(--bdf-radius-sm);align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.bdf-hint-icon{color:var(--bdf-blue);flex-shrink:0}.bdf-checkbox-row{border:1px solid var(--bdf-border);border-radius:var(--bdf-radius);background:var(--bdf-surface-2);align-items:center;gap:10px;padding:12px 14px;display:flex}.bdf-checkbox-label{color:var(--bdf-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:inline-flex}.bdf-checkbox{width:15px;height:15px;accent-color:var(--bdf-blue);cursor:pointer;border-radius:3px}.bdf-mb-20{margin-bottom:20px}.bdf-mt-20{margin-top:20px}.bdf-footer-row{background:var(--bdf-surface);border:1px solid var(--bdf-border);border-radius:var(--bdf-radius-lg);box-shadow:var(--bdf-shadow-sm);justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;padding:18px 24px;display:flex}.bdf-btn-primary,.bdf-btn-secondary{height:36px;font-family:var(--bdf-font);border-radius:var(--bdf-radius-sm);cursor:pointer;transition:all var(--bdf-transition);letter-spacing:.1px;border:1px solid #0000;outline:none;align-items:center;gap:7px;padding:0 18px;font-size:13.5px;font-weight:600;display:inline-flex}.bdf-btn-primary{background:var(--primary-gradient,linear-gradient(135deg, var(--bdf-blue), var(--bdf-blue-dark)));color:#fff;border-color:var(--bdf-blue-dark);box-shadow:0 1px 3px var(--shadow-color,#2563eb4d)}.bdf-btn-primary:hover{opacity:.9;box-shadow:0 3px 8px var(--shadow-color,#2563eb59);transform:translateY(-1px)}.bdf-btn-primary:active{box-shadow:none;transform:translateY(0)}.bdf-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.bdf-btn-submit{justify-content:center;min-width:160px}.bdf-btn-secondary{background:var(--bdf-surface);color:var(--bdf-text-secondary);border-color:var(--bdf-border)}.bdf-btn-secondary:hover{color:var(--bdf-text-primary);background:var(--bdf-surface-2);border-color:#c0c8d4}.bdf-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#11182773;justify-content:center;align-items:center;padding:20px;animation:.18s bdf-overlay-in;display:flex;position:fixed;inset:0}@keyframes bdf-overlay-in{0%{opacity:0}to{opacity:1}}.bdf-validation-modal{background:var(--bdf-surface);border-radius:var(--bdf-radius-lg);width:100%;max-width:480px;box-shadow:var(--bdf-shadow-lg);animation:.22s cubic-bezier(.34,1.28,.64,1) bdf-modal-in;overflow:hidden}@keyframes bdf-modal-in{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.bdf-modal-header{background:var(--bdf-amber-bg);border-bottom:1px solid var(--bdf-amber-border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.bdf-modal-title-warning{color:var(--bdf-amber);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.bdf-modal-close{width:28px;height:28px;color:var(--bdf-text-muted);cursor:pointer;transition:all var(--bdf-transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.bdf-modal-close:hover{color:var(--bdf-text-primary);background:#00000012}.bdf-modal-body{flex-direction:column;gap:14px;max-height:60vh;padding:20px;display:flex;overflow-y:auto}.bdf-modal-intro{color:var(--bdf-text-secondary);margin:0;font-size:13px}.bdf-error-list{flex-direction:column;gap:8px;display:flex}.bdf-validation-error-item{border:1px solid var(--bdf-red-border);border-radius:var(--bdf-radius);background:var(--bdf-red-bg);cursor:pointer;transition:all var(--bdf-transition);flex-direction:column;gap:4px;padding:11px 14px;display:flex}.bdf-validation-error-item:hover{border-color:var(--bdf-red);background:var(--bdf-red-light);transform:translate(2px)}.bdf-error-header{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.bdf-error-icon{color:var(--bdf-red);flex-shrink:0}.bdf-error-label{color:var(--bdf-text-primary);font-size:13px;font-weight:600}.bdf-error-message{color:var(--bdf-red);padding-left:20px;font-size:12.5px}.bdf-modal-footer{border-top:1px solid var(--bdf-border);background:var(--bdf-surface-2);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.bdf-btn-cancel{height:34px;font-family:var(--bdf-font);color:var(--bdf-text-secondary);background:var(--bdf-surface);border:1px solid var(--bdf-border);border-radius:var(--bdf-radius-sm);cursor:pointer;transition:all var(--bdf-transition);padding:0 16px;font-size:13px;font-weight:600}.bdf-btn-cancel:hover{color:var(--bdf-text-primary);border-color:#c0c8d4}@keyframes bdf-spin{to{transform:rotate(360deg)}}.bdf-spinning{animation:.7s linear infinite bdf-spin}@keyframes bdf-fade-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bdf-fade-in{animation:.2s bdf-fade-slide}.bdf-account-card{border:1.5px solid var(--bdf-border);border-radius:var(--bdf-radius);background:var(--bdf-surface-2);margin-bottom:20px;padding:18px 18px 4px;animation:.2s bdf-fade-slide}.bdf-account-card-header{border-bottom:1px dashed var(--bdf-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.bdf-account-card-title{letter-spacing:.4px;text-transform:uppercase;color:var(--bdf-text-secondary);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:flex}.bdf-primary-badge{background:var(--bdf-blue-light);color:var(--bdf-blue-dark);border:1px solid var(--bdf-blue-mid);letter-spacing:.3px;text-transform:uppercase;border-radius:20px;align-items:center;margin-left:4px;padding:2px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.bdf-account-card-actions{align-items:center;gap:8px;display:flex}.bdf-icon-btn{color:var(--bdf-text-secondary);background:var(--bdf-surface);border:1px solid var(--bdf-border);border-radius:var(--bdf-radius-sm);cursor:pointer;transition:all var(--bdf-transition);align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.bdf-icon-btn:hover{color:var(--bdf-blue);border-color:var(--bdf-blue-mid);background:var(--bdf-blue-light)}.bdf-icon-btn-danger:hover{color:var(--bdf-red);border-color:var(--bdf-red-border);background:var(--bdf-red-bg)}.bdf-btn-add-account{width:100%;height:42px;font-family:var(--bdf-font);color:var(--bdf-blue-dark);background:var(--bdf-blue-light);border:1.5px dashed var(--bdf-blue-mid);border-radius:var(--bdf-radius);cursor:pointer;transition:all var(--bdf-transition);justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:13.5px;font-weight:600;display:flex}.bdf-btn-add-account:hover{background:color-mix(in srgb, var(--primary-color,#2563eb) 16%, var(--card-bg,#fff));border-color:var(--bdf-blue)}.bdf-contact-modal{background:var(--bdf-surface);border-radius:var(--bdf-radius-lg);width:100%;max-width:580px;box-shadow:var(--bdf-shadow-lg);animation:.22s cubic-bezier(.34,1.28,.64,1) bdf-modal-in;overflow:hidden}.bdf-modal-header-plain{background:var(--bdf-surface);border-bottom:1px solid var(--bdf-border)}.bdf-modal-header-themed{background:var(--primary-gradient,linear-gradient(135deg, var(--bdf-blue), var(--bdf-blue-dark)));border-bottom:1px solid var(--bdf-blue-dark)}.bdf-modal-header-themed .bdf-modal-title{color:#fff}.bdf-modal-header-themed .bdf-modal-close{color:#ffffffd9}.bdf-modal-header-themed .bdf-modal-close:hover{color:#fff;background:#ffffff2e}.bdf-modal-title{color:var(--bdf-text-primary);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.bdf-contact-modal-checks{flex-wrap:nowrap;align-items:center;gap:18px;padding-top:2px;display:flex}.bdf-contact-modal-checks .bdf-checkbox-label{white-space:nowrap;font-size:13px}@media (width<=520px){.bdf-contact-modal-checks{flex-wrap:wrap}}.bdf-contacts-row{flex-wrap:wrap;align-items:flex-start;gap:20px;margin-bottom:10px;display:flex}.bdf-contact-add-circle{cursor:pointer;font-family:var(--bdf-font);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.bdf-contact-add-circle-icon{width:60px;height:60px;color:var(--bdf-blue);background:var(--bdf-blue-light);border:2px dashed var(--bdf-blue-mid);transition:all var(--bdf-transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.bdf-contact-add-circle:hover .bdf-contact-add-circle-icon{background:color-mix(in srgb, var(--primary-color,#2563eb) 16%, var(--card-bg,#fff));border-color:var(--bdf-blue);transform:scale(1.04)}.bdf-contact-add-circle-label{color:var(--bdf-text-secondary);font-size:12px;font-weight:600}.bdf-contact-add-circle:hover .bdf-contact-add-circle-label{color:var(--bdf-blue)}.bdf-contact-item{flex-direction:column;align-items:center;gap:8px;display:flex}.bdf-contact-avatar-wrap{cursor:pointer;position:relative}.bdf-contact-avatar-circle{color:#fff;letter-spacing:.3px;width:60px;height:60px;box-shadow:var(--bdf-shadow-sm);transition:transform var(--bdf-transition);border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.bdf-contact-avatar-wrap:hover .bdf-contact-avatar-circle{transform:scale(1.04)}.bdf-contact-primary-check{background:var(--bdf-green);border:2px solid var(--bdf-surface);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;display:flex;position:absolute;bottom:-2px;right:-2px}.bdf-contact-remove-btn{background:var(--bdf-surface);border:1px solid var(--bdf-border);width:20px;height:20px;color:var(--bdf-text-muted);cursor:pointer;opacity:0;transition:opacity var(--bdf-transition), color var(--bdf-transition), border-color var(--bdf-transition);border-radius:50%;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.bdf-contact-item:hover .bdf-contact-remove-btn{opacity:1}.bdf-contact-remove-btn:hover{color:var(--bdf-red);border-color:var(--bdf-red-border);background:var(--bdf-red-bg)}.bdf-contact-name-label{color:var(--bdf-text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:78px;font-size:12px;font-weight:600;overflow:hidden}.bdf-contact-empty-state{border:1.5px dashed var(--bdf-border);border-radius:var(--bdf-radius);background:var(--bdf-surface-2);width:100%;color:var(--bdf-text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:14px;padding:22px 16px;font-size:12.5px;display:flex}.bdf-contact-empty-icon{color:color-mix(in srgb, var(--bdf-text-secondary) 55%, transparent);font-size:18px}.bdf-contact-hint-row{color:var(--bdf-text-muted);align-items:center;gap:6px;margin-bottom:16px;font-size:11.5px;display:flex}.bdf-contact-hint-row svg{color:var(--bdf-blue);flex-shrink:0}.bdf-file-input-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bdf-file-dropzone{border:1.5px dashed var(--bdf-border);border-radius:var(--bdf-radius-sm);background:var(--bdf-surface-2);height:36px;color:var(--bdf-text-secondary);cursor:pointer;transition:all var(--bdf-transition);align-items:center;gap:10px;padding:0 14px;font-size:12.5px;display:flex}.bdf-file-dropzone:hover{border-color:var(--bdf-blue-mid);background:var(--bdf-blue-light);color:var(--bdf-blue-dark)}.bdf-file-dropzone-icon{color:var(--bdf-blue);flex-shrink:0;font-size:15px}.bdf-file-dropzone-text strong{color:inherit;font-weight:600}.bdf-file-dropzone-uploading{cursor:default;color:var(--bdf-text-secondary)}.bdf-file-dropzone-uploading:hover{border-color:var(--bdf-border);background:var(--bdf-surface-2);color:var(--bdf-text-secondary)}.bdf-file-chip{border:1.5px solid var(--bdf-green-border);border-radius:var(--bdf-radius-sm);background:var(--bdf-green-bg);align-items:center;gap:9px;height:36px;padding:0 10px 0 12px;animation:.16s bdf-feedback-in;display:flex}.bdf-file-chip-icon{color:var(--bdf-red);flex-shrink:0;font-size:15px}.bdf-file-chip-name{color:var(--bdf-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;font-weight:500;overflow:hidden}.bdf-file-chip-view,.bdf-file-chip-remove{border-radius:var(--bdf-radius-sm);width:24px;height:24px;color:var(--bdf-text-muted);cursor:pointer;transition:all var(--bdf-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bdf-file-chip-view:hover{color:var(--bdf-blue);background:color-mix(in srgb, var(--bdf-blue) 12%, transparent)}.bdf-file-chip-view:disabled{opacity:.6;cursor:not-allowed}.bdf-file-chip-remove:hover{color:var(--bdf-red);background:#dc26261f}@media (width<=680px){.bdf-container{padding:0}.bdf-card{padding:16px}.bdf-title{font-size:15px}.bdf-contact-add-circle-icon,.bdf-contact-avatar-circle{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.bdf-fade-in,.bdf-validation-modal,.bdf-contact-modal,.bdf-modal-overlay,.bdf-status-icon,.bdf-error-text,.bdf-valid-text,.bdf-contact-item{animation:none}.bdf-btn-primary:hover,.bdf-validation-error-item:hover,.bdf-contact-add-circle:hover .bdf-contact-add-circle-icon,.bdf-contact-avatar-wrap:hover .bdf-contact-avatar-circle{transform:none}}.acf-section-header{border-bottom:1px solid var(--border-color,#e0e0e0);justify-content:space-between;align-items:center;margin-bottom:1px;padding-bottom:2px;display:flex}.acf-section-title{color:var(--text-primary,#333);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.acf-section-icon{color:var(--primary-color,#2196f3);font-size:14px}.acf-field{margin-bottom:6px}.acf-label{color:var(--text-secondary,#666);margin-bottom:3px;font-size:12px;font-weight:500;display:block}.acf-required{color:#ef4444}.form-field{border:1px solid var(--border-color,#ddd);background:var(--bg-input,white);width:100%;color:var(--text-primary,#333);box-sizing:border-box;border-radius:4px;padding:6px 10px;font-size:13px;transition:border-color .2s}.form-field:focus{border-color:var(--primary-color,#2196f3);outline:none;box-shadow:0 0 0 2px #2196f31a}.form-field:disabled{opacity:.6;cursor:not-allowed}.acf-footer{border-top:1px solid var(--border-color,#e0e0e0);justify-content:flex-end;gap:10px;margin-top:10px;padding:12px 0;display:flex}.cancel-btn{background:var(--bg-secondary,#f5f5f5);border:1px solid var(--border-color,#ddd);cursor:pointer;color:var(--text-primary,#333);border-radius:4px;padding:6px 20px;font-size:13px;transition:all .2s}.cancel-btn:hover:not(:disabled){background:var(--bg-hover,#e0e0e0)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn{background:var(--primary-color,#2196f3);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 20px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.submit-btn:hover:not(:disabled){background:var(--primary-color-dark,#1976d2)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.validation-summary-modal{background:var(--card-bg,white);border-radius:12px;width:100%;max-width:550px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header{border-bottom:1px solid var(--border-color,#e0e0e0);background:var(--card-bg,white);z-index:10;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-header h2{color:#f59e0b;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.modal-close{background:var(--bg-secondary,#f5f5f5);cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#666);border:none;border-radius:6px;font-size:20px;transition:background .15s}.modal-close:hover{background:var(--bg-hover,#e0e0e0)}.modal-body{padding:20px}.modal-description{color:var(--text-secondary,#666);margin:0 0 16px;font-size:13px}.validation-errors-list{flex-direction:column;gap:10px;display:flex}.validation-error-item{background:var(--bg-secondary,#f8f9fa);border-left:3px solid #ef4444;border-radius:6px;padding:10px 12px}.error-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.error-header strong{color:var(--text-primary,#333);font-size:13px}.error-icon{color:#ef4444;flex-shrink:0}.error-message{color:#ef4444;margin-left:24px;font-size:11px}.validation-tip{color:#92400e;background:#fef3c7;border-radius:6px;align-items:center;gap:6px;margin-top:16px;padding:10px 12px;font-size:12px;display:flex}.tip-icon{flex-shrink:0}.modal-footer{border-top:1px solid var(--border-color,#e0e0e0);justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.btn-cancel{border:1px solid var(--border-color,#ddd);background:var(--bg-secondary,#f5f5f5);cursor:pointer;color:var(--text-secondary,#666);border-radius:4px;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s}.btn-cancel:hover{background:var(--bg-hover,#e0e0e0)}.acf-api-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.acf-api-error .error-icon{color:#dc2626;flex-shrink:0}.acf-api-error span{flex:1}.error-close{cursor:pointer;color:#dc2626;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.acf-success-message{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:6px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.success-icon{color:#065f46;flex-shrink:0}.acf-loading{color:var(--text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.acf-spinner{border:3px solid var(--border-color,#e0e0e0);border-top-color:var(--primary-color,#2196f3);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.acf-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.back-btn{background:var(--bg-secondary,#f5f5f5);border:1px solid var(--border-color,#ddd);color:var(--text-secondary,#666);cursor:pointer;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.back-btn:hover{background:var(--bg-hover,#e0e0e0)}.header-title{flex:1}.header-title h1{color:var(--text-primary,#333);margin:0;font-size:18px;font-weight:700}.error-badge{color:#92400e;background:#fef3c7;border-radius:30px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;display:flex}.acf-page{background:var(--bg-page,#f8f9fa);min-height:100vh;padding:0}.acf-inner{max-width:100%;margin:0;padding:0}.acf-card{background:var(--card-bg,white);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;width:100%;margin:0;padding:24px 28px;box-shadow:0 1px 4px #0000000f}.acf-empty-contacts{background:var(--bg-secondary,#f8f9fa);border:2px dashed var(--border-color,#e0e0e0);color:var(--text-secondary,#666);border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;display:flex}.acf-empty-contacts p{margin:0;font-size:13px}.acf-table-hint{color:var(--text-secondary,#666);background:var(--bg-secondary,#f8f9fa);border-radius:4px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:11px;display:flex}.contact-add-card{cursor:pointer;width:110px;min-width:110px;min-height:110px;color:var(--text-secondary,#666);background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.contact-add-card span{font-size:14px;font-weight:600}.contact-add-icon{width:45px;height:45px;color:var(--primary-color,#2196f3);background:var(--bg-secondary,#f8f9fa);border-radius:50%;padding:14px;font-size:32px;transition:all .2s}.contact-avatar-circle{color:#fff;cursor:pointer;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;transition:transform .2s;display:flex;position:relative}.contact-avatar-details{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.contact-avatar-name{color:var(--text-primary,#333);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:12px;font-weight:600;overflow:hidden}.contact-avatar-mobile{color:#666;align-items:center;gap:3px;font-size:11px;display:flex}.contact-avatar-mobile svg{color:var(--primary-color,#2196f3)}.contact-modal{background:var(--card-bg,white);border-radius:12px;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.contact-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-form-field{margin-bottom:4px}.contact-form-label{color:var(--text-secondary,#666);margin-bottom:3px;font-size:12px;font-weight:500;display:block}.checkbox-field{grid-column:1/-1;align-items:center;padding-top:6px;display:flex}.checkbox-label{color:var(--text-primary,#333);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:400;display:flex}.contact-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-color,#2196f3)}.btn-save-contact{background:var(--primary-color,#2196f3);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 20px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.btn-save-contact:hover{background:var(--primary-color-dark,#1976d2)}@media (width<=1024px){.acf-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.acf-grid-3{grid-template-columns:1fr}.acf-header{flex-direction:column;align-items:stretch;gap:10px}.header-title h1{font-size:18px}.acf-card{padding:16px}.acf-footer{flex-direction:column}.acf-footer button{justify-content:center;width:100%}.contact-avatar-item,.contact-add-card{width:70px;min-width:70px;padding:6px}.contact-avatar-circle{width:40px;height:40px;font-size:14px}.contact-avatar-name-only{max-width:60px;font-size:10px}.contact-add-icon{padding:8px;font-size:24px}.contact-form-grid{grid-template-columns:1fr}}@media (width<=480px){.acf-page{padding:0}.acf-card{border-radius:8px;padding:12px}.contact-avatar-item,.contact-add-card{width:60px;min-width:60px;padding:4px}.contact-avatar-circle{width:36px;height:36px;font-size:12px}.contact-avatar-name-only{max-width:50px;font-size:9px}.contact-add-icon{padding:6px;font-size:20px}.contact-modal{max-width:100%;margin:10px}}.dark-theme .acf-page{background:var(--bg-page,#0f172a)}.dark-theme .acf-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .form-field{background:var(--bg-input,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .form-field:focus{border-color:var(--primary-color,#3b82f6)}.dark-theme .acf-label{color:var(--text-secondary,#94a3b8)}.dark-theme .acf-section-title{color:var(--text-primary,#f8fafc)}.dark-theme .acf-empty-contacts{background:var(--bg-secondary,#0f172a);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .acf-table-hint{background:var(--bg-secondary,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .validation-summary-modal{background:var(--card-bg,#1e293b)}.dark-theme .modal-header{border-color:var(--border-color,#334155);background:var(--card-bg,#1e293b)}.dark-theme .validation-error-item{background:var(--bg-secondary,#0f172a)}.dark-theme .modal-close{background:var(--bg-secondary,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .modal-close:hover{background:var(--bg-hover,#334155)}.dark-theme .header-title h1{color:var(--text-primary,#f8fafc)}.dark-theme .back-btn{background:var(--bg-secondary,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .back-btn:hover{background:var(--bg-hover,#334155)}.dark-theme .cancel-btn{background:var(--bg-secondary,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .cancel-btn:hover{background:var(--bg-hover,#334155)}.dark-theme .acf-api-error{color:#f87171;background:#ef444426;border-color:#ef44444d}.dark-theme .acf-success-message{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}.dark-theme .contact-add-card{color:var(--text-secondary,#94a3b8)}.dark-theme .contact-add-card:hover:not(:disabled){background:var(--bg-hover,#1e293b)}.dark-theme .contact-add-icon{background:var(--bg-secondary,#0f172a);color:var(--primary-color,#3b82f6)}.dark-theme .contact-add-card:hover:not(:disabled) .contact-add-icon{background:var(--bg-hover,#1e293b)}.dark-theme .contact-avatar-item{background:0 0}.dark-theme .contact-avatar-item:hover{background:var(--bg-hover,#1e293b)}.dark-theme .contact-primary-badge,.dark-theme .contact-modal{background:var(--card-bg,#1e293b)}.dark-theme .contact-form-label{color:var(--text-secondary,#94a3b8)}.dark-theme .checkbox-label{color:var(--text-primary,#f8fafc)}.field-error{border-color:#ef4444!important}.field-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important}.dark-theme .field-error{border-color:#f87171!important}.dark-theme .field-error:focus{border-color:#f87171!important;box-shadow:0 0 0 2px #f871711a!important}.acf-contact-avatars{flex-wrap:wrap;gap:16px;padding:12px 0;display:flex}.contact-add-card{cursor:pointer;width:80px;min-width:80px;color:var(--text-secondary,#666);background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.contact-add-card:hover:not(:disabled){background:var(--bg-hover,#f0f0f0)}.contact-add-card:disabled{opacity:.6;cursor:not-allowed}.contact-add-icon{color:var(--primary-color,#2196f3);background:var(--bg-secondary,#f8f9fa);border-radius:50%;padding:10px;font-size:28px;transition:all .2s}.contact-add-card:hover:not(:disabled) .contact-add-icon{background:var(--bg-hover,#e0e0e0);transform:scale(1.05)}.contact-avatar-item{background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:80px;min-width:80px;padding:8px;transition:all .2s;display:flex;position:relative}.contact-avatar-item:hover{background:var(--bg-hover,#f0f0f0)}.contact-avatar-circle{cursor:pointer;text-transform:uppercase;-webkit-user-select:none;user-select:none;background-color:var(--primary-color,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;transition:transform .2s,background-color .2s;display:flex;position:relative;color:#fff!important}.contact-avatar-circle:hover{transform:scale(1.05)}.dark-theme .contact-avatar-circle{background-color:var(--primary-color,#3b82f6)!important}.contact-primary-badge{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 4px #0000001a}.dark-theme .contact-primary-badge{background:var(--card-bg,#1e293b)}.contact-primary-badge svg{color:#4caf50}.contact-avatar-name-only{color:var(--text-primary,#333);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:12px;font-weight:500;overflow:hidden}.dark-theme .contact-avatar-name-only{color:var(--text-primary,#f8fafc)}.contact-remove-btn{color:var(--text-secondary,#999);cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;font-size:12px;transition:all .15s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0000001a}.dark-theme .contact-remove-btn{background:var(--card-bg,#1e293b);color:var(--text-secondary,#94a3b8)}.contact-remove-btn:hover:not(:disabled){color:#ef4444;background:#fee2e2}.dark-theme .contact-remove-btn:hover:not(:disabled){color:#f87171;background:#ef444433}.contact-remove-btn:disabled{opacity:.4;cursor:not-allowed}.contact-avatar-circle.contact-avatar-error{border:2px solid #ef4444;animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-6px)rotate(-2deg)}40%{transform:translate(6px)rotate(2deg)}60%{transform:translate(-4px)rotate(-1deg)}80%{transform:translate(4px)rotate(1deg)}}.contact-avatar-circle.contact-avatar-error{animation:.4s ease-in-out shake;border:3px solid #ef4444!important}.dark-theme .contact-avatar-circle.contact-avatar-error{border-color:#f87171!important}.field-error-message{color:#ef4444;align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.field-error-message:before{content:"⚠";font-size:12px}.dark-theme .field-error-message{color:#f87171}.acf-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:8px;display:grid}.acf-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:8px;display:grid}@media (width<=768px){.acf-grid-3,.acf-grid-2{grid-template-columns:1fr;gap:12px}}.igl-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.igl-page::-webkit-scrollbar{width:6px}.igl-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.igl-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.igl-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.igl-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.igl-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.igl-search-wrapper{flex:1;max-width:400px;position:relative}.igl-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.igl-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.igl-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.igl-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.igl-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.igl-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.igl-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.igl-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.igl-filter-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.igl-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.igl-sort-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.igl-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.igl-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.igl-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.igl-btn-danger{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.igl-btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.igl-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.igl-active-filters span{color:var(--text-primary,#111827)}.igl-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.igl-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.igl-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:40px}.igl-error{text-align:center;color:var(--danger-color,#ef4444);padding:40px}.igl-retry-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 20px}.igl-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.igl-table-wrap::-webkit-scrollbar{height:6px}.igl-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.igl-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.igl-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.igl-table{border-collapse:collapse;width:100%;min-width:800px;font-size:13px}.igl-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.igl-th-meta{text-align:right;background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.igl-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.igl-tr{cursor:default;transition:background .15s}.igl-tr:hover{background:var(--nav-hover,#f9fafb)}.igl-tr-selected{background:var(--nav-active,#f0f7ff)}.igl-tr-selected:hover{background:var(--nav-active,#e8f0fe)}.igl-tr+.igl-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.igl-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.igl-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.igl-customer-info{align-items:center;gap:10px;display:flex}.igl-avatar{background:var(--primary-gradient,linear-gradient(135deg, #6366f1, #8b5cf6));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex;color:#fff!important}.igl-customer-name{color:var(--text-primary,#111827);font-weight:500}.igl-customer-website{color:var(--text-secondary,#6b7280);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.igl-email-link{color:var(--primary-color,#6366f1);align-items:center;gap:4px;font-size:12px;text-decoration:none;transition:color .15s;display:flex}.igl-email-link:hover{color:var(--primary-hover,#4f46e5);text-decoration:underline}.igl-icon-small{color:var(--text-secondary,#6b7280);font-size:11px}.igl-phone{color:var(--text-primary,#374151);align-items:center;gap:4px;font-size:12px;display:flex}.igl-status-badge{border-radius:99px;align-items:center;gap:4px;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.igl-status-active{color:#065f46;background:#d1fae5}.igl-status-frozen{color:#92400e;background:#fef3c7}.igl-status-disabled{color:#991b1b;background:#fee2e2}.igl-action-buttons{align-items:center;gap:4px;display:flex}.igl-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.igl-action-view{color:var(--primary-color,#6366f1)}.igl-action-view:hover{background:#6366f11a}.igl-action-edit{color:#f59e0b}.igl-action-edit:hover{background:#f59e0b1a}.igl-action-delete{color:var(--danger-color,#ef4444)}.igl-action-delete:hover{background:#ef44441a}.igl-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.igl-pagination-left,.igl-pagination-right{align-items:center;gap:8px;display:flex}.igl-pagination-center{align-items:center;gap:4px;display:flex}.igl-pagination-label{color:var(--text-secondary,#6b7280);font-size:13px}.igl-page-size-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-size:13px}.igl-page-size-select:focus{border-color:var(--primary-color,#6366f1);outline:none}.igl-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);min-width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.igl-page-btn:hover:not(:disabled){background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.igl-page-btn:disabled{opacity:.5;cursor:not-allowed}.igl-page-btn-active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.igl-page-btn-active:hover{background:var(--primary-hover,#4f46e5)}.igl-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.igl-empty-state{text-align:center;padding:60px 20px}.igl-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.igl-empty-content svg{color:var(--text-secondary,#9ca3af)}.igl-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.igl-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.igl-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out iglFadeIn;display:flex;position:fixed;inset:0}.igl-modal{background:var(--card-bg,#fff);width:100%;max-width:450px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.igl-modal-delete{max-width:450px}.igl-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.igl-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.igl-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.igl-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.igl-modal-close:disabled{opacity:.5;cursor:not-allowed}.igl-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.igl-modal-body::-webkit-scrollbar{width:6px}.igl-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.igl-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.igl-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.igl-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.igl-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.igl-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.igl-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.igl-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.igl-btn-delete:hover{background:#dc2626}.dark-theme .igl-filter-btn,.dark-theme .igl-sort-btn,.dark-theme .igl-filter-select,.dark-theme .igl-page-btn,.dark-theme .igl-page-size-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .igl-filter-btn:hover,.dark-theme .igl-sort-btn:hover,.dark-theme .igl-page-btn:hover:not(:disabled){background:var(--nav-hover,#ffffff0d)}.dark-theme .igl-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .igl-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .igl-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .igl-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .igl-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .igl-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .igl-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .igl-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .igl-modal-header,.dark-theme .igl-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .igl-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .igl-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .igl-status-active{color:#34d399;background:#05966933}.dark-theme .igl-status-frozen{color:#fbbf24;background:#fbbf2433}.dark-theme .igl-status-disabled{color:#f87171;background:#ef444433}.dark-theme .igl-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .igl-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .igl-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .igl-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .igl-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .igl-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .igl-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .igl-btn-danger{background:#ef4444}.dark-theme .igl-btn-danger:hover{background:#dc2626}@media (width<=1024px){.igl-table{min-width:700px}}@media (width<=768px){.igl-page{gap:12px;padding:12px}.igl-filter-bar{flex-direction:column;align-items:stretch}.igl-filter-left{width:100%}.igl-search-wrapper{max-width:100%}.igl-filter-right{flex-wrap:wrap;justify-content:flex-start}.igl-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.igl-pagination-center{order:2}.igl-pagination-left,.igl-pagination-right{order:1}.igl-table{min-width:700px}.igl-td{padding:8px 10px;font-size:12px}.igl-th{padding:8px 10px;font-size:11px}.igl-td-meta{flex-wrap:wrap;justify-content:flex-end}.igl-modal{max-width:95vw}.igl-modal-body{padding:16px 20px}.igl-modal-footer{flex-wrap:wrap}.igl-btn-cancel,.igl-btn-delete{flex:1;justify-content:center}}@media (width<=480px){.igl-filter-right{flex-direction:column;width:100%}.igl-filter-right>*{width:100%}.igl-btn-primary,.igl-btn-danger{justify-content:center}.igl-pagination{padding:8px 0 0}.igl-pagination-center{flex-wrap:wrap;justify-content:center}.igl-modal{border-radius:12px;max-width:98vw}.igl-modal-body{padding:14px 16px}.igl-modal-title{font-size:14px}.igl-modal-header{padding:14px 16px}.igl-modal-footer{flex-direction:column-reverse;gap:8px}.igl-modal-footer button{width:100%}}.igl-expand-btn{cursor:pointer;width:20px;height:20px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.igl-expand-btn:hover{background:var(--nav-hover,#0000000d);color:var(--primary-color,#6366f1)}.igl-contact-count{color:var(--text-secondary,#6b7280);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.igl-contact-count svg{color:var(--primary-color,#6366f1)}.igl-expanded-row{background:var(--layout-bg,#f9fafb)}.igl-expanded-row td{border-bottom:1px solid var(--border-color,#e5e7eb);padding:0!important}.igl-expanded-content{background:var(--card-bg,white);border-top:1px solid var(--border-color,#e5e7eb);margin-top:0;padding:10px 6px 10px 24px}.igl-contact-table-wrap{overflow-x:auto}.igl-contact-table{border-collapse:separate;border-spacing:0 8px;width:100%;font-size:12px}.igl-contact-td{vertical-align:middle;color:var(--text-primary,#374151);background:var(--layout-bg,#f9fafb);border-top:1px solid var(--border-color,#e5e7eb);border-bottom:1px solid var(--border-color,#e5e7eb);padding:10px 12px;font-size:12px}.igl-contact-td:first-child{border-left:1px solid var(--border-color,#e5e7eb);text-align:center;border-radius:8px 0 0 8px;width:40px;padding-left:16px}.igl-contact-td:last-child{border-right:1px solid var(--border-color,#e5e7eb);border-radius:0 8px 8px 0;padding-right:16px}.igl-contact-row:hover .igl-contact-td{background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1)}.igl-contact-name-text{color:var(--text-primary,#111827);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.igl-contact-td:nth-child(2){padding-left:20px}.igl-contact-badge-primary{color:#1d4ed8;background:#dbeafe;border-radius:12px;align-items:center;gap:4px;height:20px;padding:0 10px;font-size:10px;font-weight:500;line-height:20px;display:inline-flex}.igl-contact-badge-primary svg{font-size:8px}.igl-contact-type-badge{background:var(--layout-bg,#e5e7eb);color:var(--text-secondary,#6b7280);border-radius:12px;height:20px;padding:0 10px;font-size:10px;font-weight:500;line-height:20px;display:inline-block}.igl-contact-email-link{color:var(--primary-color,#6366f1);font-size:12px;text-decoration:none;transition:color .15s}.igl-contact-email-link:hover{color:var(--primary-hover,#4f46e5);text-decoration:underline}.igl-contact-phone-link{color:var(--text-primary,#374151);font-size:12px;text-decoration:none;transition:color .15s}.igl-contact-phone-link:hover{color:var(--primary-color,#6366f1)}.dark-theme .igl-expanded-row{background:var(--layout-bg,#0f172a)}.dark-theme .igl-expanded-content{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .igl-contact-td{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc);border-color:var(--border-color,#334155)}.dark-theme .igl-contact-row:hover .igl-contact-td{background:var(--nav-hover,#ffffff0d);border-color:var(--primary-color,#818cf8)}.dark-theme .igl-contact-name-text{color:var(--text-primary,#f8fafc)}.dark-theme .igl-contact-badge-primary{color:#818cf8;background:#6366f133}.dark-theme .igl-contact-type-badge{background:var(--layout-bg,#1e293b);color:var(--text-secondary,#94a3b8)}.dark-theme .igl-contact-phone-link{color:var(--text-primary,#f8fafc)}.dark-theme .igl-contact-phone-link:hover{color:var(--primary-color,#818cf8)}.dark-theme .igl-expand-btn:hover{background:#ffffff0d}.dark-theme .igl-contact-count{color:var(--text-secondary,#94a3b8)}.dark-theme .igl-tr-expanded{background:#6366f114}@media (width<=768px){.igl-expanded-content{margin-top:8px;padding:16px 12px 16px 40px}.igl-contact-table{border-spacing:0 6px}.igl-contact-td{padding:8px 10px;font-size:11px}.igl-contact-td:first-child{width:32px;padding-left:12px}.igl-contact-td:last-child{padding-right:12px}.igl-contact-td:nth-child(2){padding-left:16px}.igl-contact-name-text{font-size:12px}}@media (width<=480px){.igl-expanded-content{margin-top:6px;padding:14px 10px 14px 30px}.igl-contact-table{border-spacing:0 4px}.igl-contact-td{padding:6px 8px;font-size:10px}.igl-contact-td:first-child{width:28px;padding-left:8px}.igl-contact-td:last-child{padding-right:8px}.igl-contact-td:nth-child(2){padding-left:12px}.igl-contact-name-text{flex-wrap:wrap;font-size:11px}.igl-contact-email-link,.igl-contact-phone-link{font-size:10px}.igl-contact-type-badge,.igl-contact-badge-primary{height:18px;padding:0 8px;font-size:9px;line-height:18px}}.igl-expanded-row{animation:.2s ease-out slideDown}.igl-tr-expanded{background:var(--nav-active,#6366f10d)}.showcase-container{background:#f8fafc;border-radius:16px;max-width:800px;margin:2rem auto;padding:1.5rem 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 12px #0000000f}.showcase-container h1{color:#0f172a;border-bottom:2px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.8rem;font-weight:600}.showcase-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.35rem;display:flex}.input-group label{color:#1e293b;font-size:.9rem;font-weight:500}.input-group input,.input-group textarea,.input-group select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.6rem .8rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.input-group textarea{resize:vertical;font-family:inherit}.input-group select[multiple]{min-height:80px}.input-group .hint{color:#64748b;margin-top:.15rem;font-size:.8rem}.radio-group,.checkbox-group{flex-wrap:wrap;gap:1.2rem;padding-top:.2rem;display:flex}.radio-group label,.checkbox-group label,.checkbox-label{cursor:pointer;color:#1e293b;align-items:center;gap:.4rem;font-size:.95rem;display:flex}.checkbox-label{gap:.6rem}.toggle-wrapper{align-items:center;gap:1rem;display:flex}.toggle-track{cursor:pointer;box-sizing:border-box;background:#cbd5e1;border-radius:13px;align-items:center;width:48px;height:26px;padding:2px;transition:background .2s;display:flex}.toggle-track.toggle-on{background:#3b82f6}.toggle-track.toggle-off{background:#cbd5e1}.toggle-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggle-track.toggle-on .toggle-thumb{transform:translate(22px)}.toggle-track.toggle-off .toggle-thumb{transform:translate(0)}.submit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-self:flex-start;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;transition:background .2s}.submit-btn:hover{background:#2563eb}@media (width<=600px){.showcase-container{padding:1rem}.radio-group,.checkbox-group{gap:.8rem}}.customer-invoices-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.customer-invoices-page::-webkit-scrollbar{width:6px}.customer-invoices-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.customer-invoices-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.customer-invoices-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.ci-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ci-stat-card{box-shadow:0 1px 3px var(--shadow-color,#0000000f);background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:flex}.ci-stat-card:hover{box-shadow:0 4px 12px var(--shadow-color,#00000014);transform:translateY(-2px)}.ci-stat-icon{background:#6366f11a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.ci-stat-content{flex:1;min-width:0}.ci-stat-title{color:var(--text-secondary,#6b7280);letter-spacing:.3px;margin-bottom:2px;font-size:12px;font-weight:500}.ci-stat-value{color:var(--text-primary,#111827);margin:0;font-size:22px;font-weight:700;line-height:1.2}.ci-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.ci-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.ci-search-wrapper{flex:1;max-width:400px;position:relative}.ci-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ci-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.ci-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.ci-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.ci-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ci-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ci-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.ci-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.ci-btn-new{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ci-btn-new:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.ci-btn-secondary{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.ci-btn-secondary:hover{background:var(--nav-hover,#f9fafb)}.ci-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.ci-active-filters span{color:var(--text-primary,#111827)}.ci-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.ci-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.ci-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.ci-table-wrap::-webkit-scrollbar{height:6px}.ci-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.ci-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.ci-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.ci-table{border-collapse:collapse;width:100%;min-width:960px;font-size:13px}.ci-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.ci-th-meta{text-align:right;padding-right:20px}.ci-tr{cursor:default;transition:background .15s}.ci-tr:hover{background:var(--nav-hover,#f9fafb)}.ci-tr+.ci-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.ci-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.ci-td-id{color:var(--text-primary,#111827);font-family:monospace;font-weight:600}.ci-td-link{color:var(--primary-color,#6366f1);font-weight:500}.ci-td-link:hover{cursor:pointer;text-decoration:underline}.ci-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.ci-text-right{text-align:right}.ci-text-center{text-align:center}.ci-status-badge{border-radius:99px;align-items:center;gap:6px;height:24px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.ci-action-buttons{align-items:center;gap:4px;display:flex}.ci-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.ci-action-view{color:var(--primary-color,#6366f1)}.ci-action-view:hover{background:#6366f11a}.ci-action-print{color:#0d9488}.ci-action-print:hover{background:#0d94881a}.ci-action-edit{color:#f59e0b}.ci-action-edit:hover{background:#f59e0b1a}.ci-action-delete{color:var(--danger-color,#ef4444)}.ci-action-delete:hover{background:#ef44441a}.ci-amount-cell{color:var(--text-primary,#1f2433);font-size:14px;font-weight:600}.ci-currency{color:var(--text-secondary,#6b7280);margin-right:2px;font-size:11px;font-weight:400}.ci-empty-state{text-align:center;padding:60px 20px}.ci-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.ci-empty-content svg{color:var(--text-secondary,#9ca3af)}.ci-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.ci-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.ci-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out ciFadeIn;display:flex;position:fixed;inset:0}@keyframes ciFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ci-modal{background:var(--card-bg,#fff);width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.ci-modal-delete{max-width:450px}.ci-modal-lg{max-width:800px}.ci-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.ci-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.ci-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ci-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.ci-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.ci-modal-body::-webkit-scrollbar{width:6px}.ci-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.ci-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.ci-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.ci-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.ci-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.ci-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ci-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.ci-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ci-btn-delete:hover{background:#dc2626}.ci-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ci-btn-primary:hover{background:var(--primary-hover,#4f46e5)}.ci-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:40px}.ci-error{text-align:center;color:var(--danger-color,#ef4444);padding:40px}.ci-retry-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 20px}.ci-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.ci-pagination-left,.ci-pagination-right{align-items:center;gap:8px;display:flex}.ci-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.ci-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:30px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;padding:0 14px;font-size:12px;transition:all .15s}.ci-page-btn:hover:not(:disabled){background:var(--nav-hover,#f9fafb);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.ci-page-btn:disabled{opacity:.5;cursor:not-allowed}.dark-theme .customer-invoices-page{background:var(--layout-bg,#0f172a)}.dark-theme .ci-stat-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .ci-stat-value{color:var(--text-primary,#f8fafc)}.dark-theme .ci-stat-title{color:var(--text-secondary,#94a3b8)}.dark-theme .ci-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .ci-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .ci-filter-select,.dark-theme .ci-btn-secondary{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .ci-btn-secondary:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .ci-btn-new{background:var(--primary-color,#3b82f6)}.dark-theme .ci-btn-new:hover{background:var(--primary-hover,#2563eb)}.dark-theme .ci-table-wrap{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .ci-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .ci-td{color:var(--text-primary,#f8fafc);border-top-color:var(--border-color,#334155)}.dark-theme .ci-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .ci-amount-cell{color:var(--text-primary,#f8fafc)}.dark-theme .ci-currency{color:var(--text-secondary,#94a3b8)}.dark-theme .ci-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .ci-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .ci-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .ci-modal-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .ci-modal-title{color:var(--text-primary,#f8fafc)}.dark-theme .ci-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .ci-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .ci-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .ci-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .ci-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .ci-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .ci-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .ci-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .ci-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .ci-page-btn{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .ci-action-print{color:#2dd4bf}.dark-theme .ci-action-print:hover{background:#2dd4bf26}@media (width<=768px){.ci-stats-container{grid-template-columns:repeat(2,1fr);gap:12px}.customer-invoices-page{gap:12px;padding:12px}.ci-filter-bar{flex-direction:column;align-items:stretch}.ci-filter-left{width:100%}.ci-search-wrapper{max-width:100%}.ci-filter-right{flex-wrap:wrap;justify-content:flex-start}.ci-table{min-width:760px}.ci-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.ci-td{padding:8px 10px;font-size:12px}.ci-th{padding:8px 10px;font-size:11px}.ci-td-meta{flex-wrap:wrap;justify-content:flex-end}.ci-modal{max-width:95vw}.ci-modal-body{padding:16px 20px}.ci-modal-footer{flex-wrap:wrap}.ci-btn-cancel,.ci-btn-delete,.ci-btn-primary,.ci-btn-new{flex:1;justify-content:center}}@media (width<=480px){.ci-stats-container{grid-template-columns:1fr}.ci-stat-card{padding:12px 16px}.ci-stat-value{font-size:18px}.ci-stat-icon{width:36px;height:36px;font-size:14px}.ci-filter-right{flex-direction:column;width:100%}.ci-filter-right>*{width:100%}.ci-btn-new{justify-content:center}.ci-modal{border-radius:12px;max-width:98vw}.ci-modal-body{padding:14px 16px}.ci-modal-title{font-size:14px}.ci-modal-header{padding:14px 16px}.ci-modal-footer{flex-direction:column-reverse;gap:8px}.ci-modal-footer button{width:100%}}.supplier-bills-page{background:var(--layout-bg,#f5f7fb);border-radius:8px;flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow:hidden auto}.supplier-bills-page::-webkit-scrollbar{width:6px}.supplier-bills-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.supplier-bills-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.supplier-bills-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.sb-stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sb-stat-card{box-shadow:0 1px 3px var(--shadow-color,#0000000f);background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:flex}.sb-stat-card:hover{box-shadow:0 4px 12px var(--shadow-color,#00000014);transform:translateY(-2px)}.sb-stat-icon{background:#6366f11a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.sb-stat-content{flex:1;min-width:0}.sb-stat-title{color:var(--text-secondary,#6b7280);letter-spacing:.3px;margin-bottom:2px;font-size:12px;font-weight:500}.sb-stat-value{color:var(--text-primary,#111827);margin:0;font-size:22px;font-weight:700;line-height:1.2}.sb-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.sb-filter-left{flex:1;align-items:center;min-width:200px;display:flex}.sb-search-wrapper{flex:1;max-width:400px;position:relative}.sb-search-icon{color:var(--text-secondary,#9ca3af);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sb-search-input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,white);width:100%;color:var(--text-primary,#374151);border-radius:8px;outline:none;height:38px;padding:8px 36px;font-size:13px;transition:border-color .2s}.sb-search-input:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.sb-search-input::placeholder{color:var(--text-secondary,#9ca3af)}.sb-search-clear{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sb-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sb-filter-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-primary,#374151);cursor:pointer;border-radius:8px;outline:none;height:38px;padding:7px 12px;font-size:13px}.sb-filter-select:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #6366f11a}.sb-btn-new{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sb-btn-new:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.sb-btn-secondary{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:38px;color:var(--text-primary,#374151);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;transition:all .15s;display:flex}.sb-btn-secondary:hover{background:var(--nav-hover,#f9fafb)}.sb-active-filters{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.sb-active-filters span{color:var(--text-primary,#111827)}.sb-clear-filters{background:var(--card-bg,white);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;color:var(--text-secondary,#6b7280);border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;transition:all .15s;display:flex}.sb-clear-filters:hover{background:var(--nav-hover,#f3f4f6)}.sb-table-wrap{background:var(--card-bg,#fff);box-shadow:0 1px 3px var(--shadow-color,#0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-shrink:0;overflow:auto visible}.sb-table-wrap::-webkit-scrollbar{height:6px}.sb-table-wrap::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.sb-table-wrap::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.sb-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.sb-table{border-collapse:collapse;width:100%;min-width:960px;font-size:13px}.sb-th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.sb-th-meta{text-align:right;padding-right:20px}.sb-tr{cursor:default;transition:background .15s}.sb-tr:hover{background:var(--nav-hover,#f9fafb)}.sb-tr+.sb-tr td{border-top:1px solid var(--border-color,#f3f4f6)}.sb-td{color:var(--text-primary,#374151);vertical-align:middle;white-space:nowrap;padding:10px 14px}.sb-td-id{color:var(--text-primary,#111827);font-family:monospace;font-weight:600}.sb-td-link{color:var(--primary-color,#6366f1);font-weight:500}.sb-td-link:hover{cursor:pointer;text-decoration:underline}.sb-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.sb-text-right{text-align:right}.sb-text-center{text-align:center}.sb-status-badge{border-radius:99px;align-items:center;gap:6px;height:24px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.status-draft{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.status-sent{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.status-accepted{color:#065f46;background:#d1fae5;border:1px solid #86efac}.status-rejected{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.status-expired{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.status-converted{color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe}.sb-action-buttons{align-items:center;gap:4px;display:flex}.sb-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.sb-action-view{color:var(--primary-color,#6366f1)}.sb-action-view:hover{background:#6366f11a}.sb-action-print{color:#0d9488}.sb-action-print:hover{background:#0d94881a}.sb-action-edit{color:#f59e0b}.sb-action-edit:hover{background:#f59e0b1a}.sb-action-delete{color:var(--danger-color,#ef4444)}.sb-action-delete:hover{background:#ef44441a}.sb-amount-cell{color:var(--text-primary,#1f2433);font-size:14px;font-weight:600}.sb-currency{color:var(--text-secondary,#6b7280);margin-right:2px;font-size:11px;font-weight:400}.sb-empty-state{text-align:center;padding:60px 20px}.sb-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.sb-empty-content svg{color:var(--text-secondary,#9ca3af)}.sb-empty-content p{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:500}.sb-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.sb-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out sbFadeIn;display:flex;position:fixed;inset:0}@keyframes sbFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sb-modal{background:var(--card-bg,#fff);width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color,#0003);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.sb-modal-delete{max-width:450px}.sb-modal-lg{max-width:800px}.sb-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.sb-modal-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.sb-modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.sb-modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.sb-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.sb-modal-body::-webkit-scrollbar{width:6px}.sb-modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.sb-modal-body p{color:var(--text-secondary,#6b7280);margin-bottom:12px}.sb-modal-item-name{color:var(--text-primary,#111827);background:var(--layout-bg,#f9fafb);text-align:center;border-radius:8px;padding:8px;font-size:16px}.sb-modal-warning{color:var(--danger-color,#ef4444);text-align:center;margin-top:8px;font-size:12px}.sb-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background:var(--layout-bg,#f9fafb);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.sb-btn-cancel{border:1.5px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sb-btn-cancel:hover{background:var(--nav-hover,#f9fafb);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.sb-btn-delete{background:var(--danger-color,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sb-btn-delete:hover{background:#dc2626}.sb-btn-primary{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sb-btn-primary:hover{background:var(--primary-hover,#4f46e5)}.sb-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:40px}.sb-error{text-align:center;color:var(--danger-color,#ef4444);padding:40px}.sb-retry-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 20px}.sb-pagination{border-top:1px solid var(--border-color,#e5e7eb);background:0 0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:12px 0 0;display:flex}.sb-pagination-left,.sb-pagination-right{align-items:center;gap:8px;display:flex}.sb-pagination-info{color:var(--text-secondary,#6b7280);font-size:13px}.sb-page-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:30px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;padding:0 14px;font-size:12px;transition:all .15s}.sb-page-btn:hover:not(:disabled){background:var(--nav-hover,#f9fafb);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.sb-page-btn:disabled{opacity:.5;cursor:not-allowed}.dark-theme .supplier-bills-page{background:var(--layout-bg,#0f172a)}.dark-theme .sb-stat-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .sb-stat-value{color:var(--text-primary,#f8fafc)}.dark-theme .sb-stat-title{color:var(--text-secondary,#94a3b8)}.dark-theme .sb-search-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .sb-search-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .sb-filter-select,.dark-theme .sb-btn-secondary{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .sb-btn-secondary:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .sb-btn-new{background:var(--primary-color,#3b82f6)}.dark-theme .sb-btn-new:hover{background:var(--primary-hover,#2563eb)}.dark-theme .sb-table-wrap{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .sb-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .sb-td{color:var(--text-primary,#f8fafc);border-top-color:var(--border-color,#334155)}.dark-theme .sb-tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .sb-amount-cell{color:var(--text-primary,#f8fafc)}.dark-theme .sb-currency{color:var(--text-secondary,#94a3b8)}.dark-theme .sb-empty-content p{color:var(--text-primary,#f8fafc)}.dark-theme .sb-empty-content span{color:var(--text-secondary,#94a3b8)}.dark-theme .sb-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .sb-modal-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .sb-modal-title{color:var(--text-primary,#f8fafc)}.dark-theme .sb-modal-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .sb-btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .sb-btn-cancel:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--danger-color,#ef4444);color:var(--danger-color,#ef4444)}.dark-theme .sb-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .sb-btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .sb-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .sb-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .sb-clear-filters{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .sb-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .sb-page-btn{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .status-draft{color:#9ca3af;background:#6b728033;border-color:#6b72804d}.dark-theme .status-sent{color:#60a5fa;background:#3b82f633;border-color:#3b82f64d}.dark-theme .status-accepted{color:#34d399;background:#10b98133;border-color:#10b9814d}.dark-theme .status-rejected{color:#f87171;background:#ef444433;border-color:#ef44444d}.dark-theme .status-expired{color:#fbbf24;background:#fbbf2433;border-color:#fbbf244d}.dark-theme .status-converted{color:#818cf8;background:#6366f133;border-color:#6366f14d}.dark-theme .sb-action-print{color:#2dd4bf}.dark-theme .sb-action-print:hover{background:#2dd4bf26}@media (width<=768px){.sb-stats-container{grid-template-columns:repeat(2,1fr);gap:12px}.supplier-bills-page{gap:12px;padding:12px}.sb-filter-bar{flex-direction:column;align-items:stretch}.sb-filter-left{width:100%}.sb-search-wrapper{max-width:100%}.sb-filter-right{flex-wrap:wrap;justify-content:flex-start}.sb-table{min-width:760px}.sb-pagination{flex-direction:column;align-items:center;padding:12px 0 0}.sb-td{padding:8px 10px;font-size:12px}.sb-th{padding:8px 10px;font-size:11px}.sb-td-meta{flex-wrap:wrap;justify-content:flex-end}.sb-modal{max-width:95vw}.sb-modal-body{padding:16px 20px}.sb-modal-footer{flex-wrap:wrap}.sb-btn-cancel,.sb-btn-delete,.sb-btn-primary,.sb-btn-new{flex:1;justify-content:center}}@media (width<=480px){.sb-stats-container{grid-template-columns:1fr}.sb-stat-card{padding:12px 16px}.sb-stat-value{font-size:18px}.sb-stat-icon{width:36px;height:36px;font-size:14px}.sb-filter-right{flex-direction:column;width:100%}.sb-filter-right>*{width:100%}.sb-btn-new{justify-content:center}.sb-modal{border-radius:12px;max-width:98vw}.sb-modal-body{padding:14px 16px}.sb-modal-title{font-size:14px}.sb-modal-header{padding:14px 16px}.sb-modal-footer{flex-direction:column-reverse;gap:8px}.sb-modal-footer button{width:100%}}.inv-detail-page{background:var(--bg-primary,#f8fafc);min-height:100vh;padding:24px}.inv-detail-page.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155}.inv-detail-container{max-width:1400px;margin:0 auto}.inv-detail-loading{min-height:400px;color:var(--text-secondary,#64748b);flex-direction:column;justify-content:center;align-items:center;display:flex}.inv-spinner{color:#4f46e5;margin-bottom:16px;font-size:48px;animation:1s linear infinite spin}.inv-detail-error{text-align:center;min-height:400px;color:var(--text-secondary,#64748b);flex-direction:column;justify-content:center;align-items:center;display:flex}.inv-detail-error svg{color:#ef4444;margin-bottom:16px}.inv-detail-error h2{color:var(--text-primary,#1e293b);margin-bottom:8px}.inv-detail-header{background:var(--bg-card,white);border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.inv-detail-back-btn{background:var(--bg-secondary,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);color:var(--text-primary,#475569);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.inv-detail-back-btn:hover{background:var(--bg-primary,#e2e8f0);transform:translate(-2px)}.inv-detail-header-content{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.inv-detail-header-left{align-items:center;gap:20px;display:flex}.inv-detail-icon-wrapper{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #4f46e54d}.inv-detail-header-left h1{color:var(--text-primary,#1e293b);margin:0 0 8px;font-size:28px;font-weight:700}.inv-detail-badges{flex-wrap:wrap;gap:8px;display:flex}.inv-detail-badge{background:var(--bg-secondary,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.inv-detail-header-right{gap:32px;display:flex}.inv-detail-stat{text-align:right}.inv-detail-stat label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;display:block}.inv-detail-stat-value{color:var(--text-primary,#1e293b);font-size:24px;font-weight:700}.inv-detail-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.inv-detail-stat-card{background:var(--bg-card,white);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.inv-detail-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.inv-detail-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.inv-detail-stat-info{flex:1}.inv-detail-stat-info label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;display:block}.inv-detail-stat-info span{color:var(--text-primary,#1e293b);font-size:20px;font-weight:700}.inv-detail-section{background:var(--bg-card,white);border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.inv-detail-section-header{cursor:pointer;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:20px 24px;transition:background-color .2s;display:flex}.inv-detail-section-header:hover{background:var(--bg-secondary,#f8fafc)}.inv-detail-section-header h2{color:var(--text-primary,#1e293b);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.inv-detail-toggle{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;padding:4px}.inv-detail-section-content{border-top:1px solid var(--border-color,#e2e8f0);padding:24px}.inv-item-details-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.inv-item-detail-field{flex-direction:column;gap:8px;display:flex}.inv-item-detail-field label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.inv-item-detail-field span{color:var(--text-primary,#1e293b);background:var(--bg-secondary,#f8fafc);border-radius:8px;padding:8px 12px;font-size:15px}.inv-item-detail-full{grid-column:1/-1}.inv-item-group-badge{color:#4f46e5;background:#eef2ff;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.inv-warehouse-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;display:grid}.inv-warehouse-card{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:20px;transition:all .2s}.inv-warehouse-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.inv-warehouse-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.inv-warehouse-card-header h3{color:var(--text-primary,#1e293b);align-items:center;gap:8px;margin:0 0 4px;font-size:16px;font-weight:600;display:flex}.inv-warehouse-company{color:var(--text-secondary,#64748b);align-items:center;gap:4px;font-size:12px;display:flex}.inv-warehouse-total-qty{color:#4f46e5;font-size:24px;font-weight:700}.inv-warehouse-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.inv-warehouse-metric{text-align:center}.inv-warehouse-metric label{color:var(--text-secondary,#64748b);text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.inv-warehouse-metric span{color:var(--text-primary,#1e293b);font-size:14px;font-weight:600}.inv-warehouse-entries{border-top:1px solid var(--border-color,#e2e8f0);margin-top:12px;padding-top:12px}.inv-warehouse-entries-header{color:var(--text-secondary,#64748b);align-items:center;gap:4px;margin-bottom:8px;font-size:12px;display:flex}.inv-warehouse-entry{background:var(--bg-primary,white);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px;font-size:13px;display:flex}.inv-entry-updated{color:var(--text-secondary,#64748b);align-items:center;gap:4px;font-size:11px;display:flex}.inv-table-wrap{overflow-x:auto}.inv-table{border-collapse:collapse;width:100%}.inv-table th{text-align:left;color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);padding:12px 16px;font-size:12px;font-weight:600}.inv-table td{border-bottom:1px solid var(--border-color,#e2e8f0);color:var(--text-primary,#1e293b);padding:12px 16px;font-size:14px}.inv-table tr:hover{background:var(--bg-secondary,#f8fafc)}.inv-td-code{color:#4f46e5;font-weight:600}.inv-td-amount{color:#059669;font-weight:600}.inv-text-success{color:#10b981;font-weight:500}.inv-text-warning{color:#f59e0b;font-weight:500}.inv-status-pill{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.inv-summary-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}.inv-summary-card{background:var(--bg-secondary,#f8fafc);border-radius:12px;padding:20px}.inv-summary-card h3{color:var(--text-primary,#1e293b);margin:0 0 16px;font-size:16px;font-weight:600}.inv-summary-list{flex-direction:column;gap:12px;display:flex}.inv-summary-item{align-items:center;gap:12px;display:flex}.inv-summary-label{min-width:150px;color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.inv-summary-value{color:#4f46e5;min-width:80px;font-size:14px;font-weight:600}.inv-summary-bar{background:var(--border-color,#e2e8f0);border-radius:4px;flex:1;height:8px;overflow:hidden}.inv-summary-bar-fill{border-radius:4px;height:100%;transition:width .3s}.inv-daily-movement{flex-direction:column;gap:16px;display:flex}.inv-daily-movement-item{background:var(--bg-primary,white);border-radius:8px;padding:16px}.inv-daily-movement-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.inv-daily-date{color:var(--text-primary,#1e293b);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.inv-daily-net{font-size:18px;font-weight:700}.inv-daily-net.positive{color:#10b981}.inv-daily-net.negative{color:#ef4444}.inv-daily-movement-details{gap:24px;margin-bottom:8px;display:flex}.inv-daily-metric{align-items:center;gap:8px;display:flex}.inv-daily-label{color:var(--text-secondary,#64748b);font-size:12px}.inv-daily-value{font-size:14px;font-weight:600}.inv-daily-value.received{color:#10b981}.inv-daily-value.sold{color:#ef4444}.inv-daily-movement-bar{background:var(--border-color,#e2e8f0);border-radius:3px;height:6px;display:flex;overflow:hidden}.inv-daily-bar-segment{height:100%}.inv-daily-bar-segment.received{background:linear-gradient(90deg,#10b981,#34d399)}.inv-daily-bar-segment.sold{background:linear-gradient(90deg,#ef4444,#f87171)}.inv-detail-empty{color:var(--text-secondary,#64748b);flex-direction:column;align-items:center;padding:48px 24px;display:flex}.inv-detail-empty svg{opacity:.5;margin-bottom:16px}.inv-detail-empty p{margin:0;font-size:16px}.inv-detail-info{color:var(--text-secondary,#64748b);font-style:italic}.inv-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.inv-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}@media (width<=768px){.inv-detail-page{padding:16px}.inv-detail-header-content{flex-direction:column}.inv-detail-header-right{justify-content:space-around;width:100%}.inv-detail-stats-grid,.inv-warehouse-grid,.inv-summary-grid,.inv-item-details-grid{grid-template-columns:1fr}.inv-warehouse-metrics{grid-template-columns:repeat(2,1fr)}.inv-detail-stat-value{font-size:20px}}.inv-type-filter-banner{background:var(--surface-2,#f3f4f6);border-radius:8px;align-items:center;gap:8px;width:fit-content;margin:10px 0 4px;padding:8px 12px;font-size:13px;display:flex}.inv-link-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.inv-type-badge{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.inv-type-badge.internal{color:#4f46e5;background:#eef2ff}.inv-type-badge.external{color:#ea580c;background:#fff7ed}.proforma-page{background:var(--bg-page,#f8fafc);max-width:1400px;min-height:100vh;margin:0 auto;padding:24px}.pq-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.pq-stat-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000f}.pq-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.pq-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pq-stat-content{flex-direction:column;display:flex}.pq-stat-label{color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500}.pq-stat-value{color:var(--text-primary,#111827);margin-top:2px;font-size:20px;font-weight:700}.pq-company-selector{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.pq-selector-group{flex:1;align-items:center;gap:8px;min-width:200px;display:flex}.pq-selector-label{color:var(--text-secondary,#6b7280);white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.pq-selector-input{background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#111827);cursor:pointer;border-radius:6px;flex:1;padding:8px 12px;font-size:13px}.pq-selector-input:focus{border-color:#6d28d9;outline:none;box-shadow:0 0 0 3px #6d28d91a}.pq-selector-input:disabled{opacity:.5;cursor:not-allowed}.pq-selector-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;padding:4px 12px;display:flex}.pq-info-text{color:#059669;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.pq-proforma-badge{color:#fff;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#6d28d9,#5b21b6);border-radius:3px;margin-right:6px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-block}.pq-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pq-filter-left{flex:1;align-items:center;gap:12px;display:flex}.pq-search-wrapper{flex:1;min-width:200px;position:relative}.pq-search-icon{color:var(--text-secondary,#6b7280);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pq-search-input{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);width:100%;color:var(--text-primary,#111827);border-radius:8px;padding:10px 12px 10px 38px;font-size:14px;transition:all .2s}.pq-search-input:focus{border-color:#6d28d9;outline:none;box-shadow:0 0 0 3px #6d28d91a}.pq-search-clear{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pq-search-clear:hover{background:var(--bg-hover,#f3f4f6)}.pq-filter-right{align-items:center;gap:8px;display:flex}.pq-filter-select{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#111827);cursor:pointer;border-radius:6px;min-width:130px;padding:8px 12px;font-size:13px}.pq-filter-select:focus{border-color:#6d28d9;outline:none}.pq-btn-new{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.pq-btn-new:hover{background:var(--primary-dark,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.pq-active-filters{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#111827);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:flex}.pq-clear-filters{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:inline-flex}.pq-clear-filters:hover{background:#fecaca}.pq-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:40px 20px}.pq-error{text-align:center;color:#dc2626;padding:40px 20px}.pq-retry-btn{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 20px}.pq-table-wrap{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin-bottom:16px;overflow:hidden}.pq-table{border-collapse:collapse;width:100%;font-size:13px}.pq-th{text-align:left;color:var(--text-secondary,#6b7280);border-bottom:2px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#f9fafb);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.pq-th.pq-text-right{text-align:right}.pq-th.pq-th-meta{text-align:center;min-width:180px}.pq-tr{transition:background .2s}.pq-tr:hover{background:var(--bg-hover,#f9fafb)}.pq-td{border-bottom:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#111827);padding:12px 16px}.pq-td-id{font-size:14px;font-weight:600}.pq-td-link{color:var(--text-primary,#111827);font-weight:500}.pq-td.pq-text-right{text-align:right}.pq-td.pq-td-meta{text-align:center}.pq-status-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-draft{color:#6b7280;background:#f3f4f6}.status-sent{color:#2563eb;background:#dbeafe}.status-expired{color:#d97706;background:#fef3c7}.status-accepted{color:#059669;background:#d1fae5}.status-rejected{color:#dc2626;background:#fee2e2}.status-converted{color:#6d28d9;background:#e8e5ff}.pq-amount-cell{font-weight:600}.pq-currency{color:var(--text-secondary,#6b7280);margin-right:4px;font-size:11px;font-weight:400}.pq-action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.pq-action-btn{width:32px;height:32px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.pq-action-btn:hover{background:var(--bg-hover,#f3f4f6);transform:translateY(-2px)}.pq-action-view:hover{color:#2563eb;background:#dbeafe}.pq-action-print:hover{color:#059669;background:#d1fae5}.pq-action-edit:hover{color:#d97706;background:#fef3c7}.pq-action-delete:hover{color:#dc2626;background:#fee2e2}.pq-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pq-empty-state{text-align:center;padding:60px 20px}.pq-empty-content{flex-direction:column;align-items:center;gap:8px;display:flex}.pq-empty-content p{color:var(--text-primary,#111827);margin:8px 0 4px;font-size:18px;font-weight:600}.pq-empty-content span{color:var(--text-secondary,#6b7280);font-size:14px}.pq-pagination{color:var(--text-secondary,#6b7280);justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;display:flex}.pq-pagination-info{align-items:center;gap:4px;display:flex}.pq-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.pq-modal{background:var(--bg-card,#fff);border-radius:12px;width:90%;max-width:500px;animation:.3s slideUp;box-shadow:0 20px 60px #0003}.pq-modal-delete{max-width:420px}.pq-modal-lg{max-width:900px}.pq-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pq-modal-title{color:var(--text-primary,#111827);font-size:18px;font-weight:600}.pq-modal-close{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.pq-modal-close:hover{background:var(--bg-hover,#f3f4f6)}.pq-modal-body{max-height:70vh;padding:20px;overflow-y:auto}.pq-modal-item-name{background:var(--bg-secondary,#f9fafb);border-radius:6px;margin:8px 0;padding:8px 12px}.pq-modal-warning{color:#dc2626;margin-top:8px;font-size:13px}.pq-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.pq-btn-cancel{background:var(--bg-secondary,#f3f4f6);color:var(--text-primary,#111827);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.pq-btn-cancel:hover{background:var(--bg-hover,#e5e7eb)}.pq-btn-delete{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.pq-btn-delete:hover{background:#b91c1c}.pq-btn-delete:disabled{opacity:.5;cursor:not-allowed}.pq-btn-primary{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.pq-btn-primary:hover{background:var(--primary-dark,#4338ca)}.spinning{animation:1s linear infinite spin}:root{--primary-light:#e8e5ff;--success-light:#d1fae5;--warning-light:#fef3c7;--info-light:#dbeafe;--primary-color:#4f46e5;--primary-dark:#4338ca;--text-primary:#111827;--text-secondary:#6b7280;--bg-card:#fff;--bg-secondary:#f9fafb;--bg-hover:#f9fafb;--border-color:#e5e7eb;--bg-page:#f8fafc}.dark-theme{--bg-page:#111827;--bg-card:#1f2937;--bg-secondary:#374151;--bg-hover:#4b5563;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af}@media (width<=768px){.proforma-page{padding:16px}.pq-stats-grid{grid-template-columns:repeat(2,1fr)}.pq-company-selector{flex-direction:column;gap:12px}.pq-selector-group{min-width:100%}.pq-filter-bar{flex-direction:column;align-items:stretch}.pq-filter-left{flex-direction:column}.pq-search-wrapper{min-width:100%}.pq-filter-right{flex-wrap:wrap}.pq-table-wrap{overflow-x:auto}.pq-table{min-width:700px}.pq-action-buttons{gap:2px}.pq-action-btn{width:28px;height:28px}}@media (width<=480px){.pq-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.pq-stat-card{padding:12px 14px}.pq-stat-value{font-size:16px}.pq-modal{width:95%}}.npi-page{background:var(--bg-page,#f8fafc);max-width:1400px;min-height:100vh;margin:0 auto;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.npi-header{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.npi-header-left{align-items:center;gap:12px;display:flex}.npi-header-title{color:var(--text-primary,#0f172a);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.npi-header-icon{color:var(--primary-color,#6d28d9);font-size:20px}.npi-back-btn{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary,#64748b);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.npi-back-btn:hover{background:var(--bg-hover,#e2e8f0);color:var(--text-primary,#0f172a)}.npi-header-divider{background:var(--border-color,#e2e8f0);width:1px;height:28px}.npi-header-right{align-items:center;gap:16px;display:flex}.npi-checkbox-label{color:var(--text-secondary,#64748b);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.npi-checkbox{width:16px;height:16px;accent-color:var(--primary-color,#6d28d9);cursor:pointer}.npi-main-box{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000a}.npi-section-header{color:var(--text-primary,#0f172a);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.npi-section-icon{color:var(--primary-color,#6d28d9);font-size:14px}.npi-compact-layout{grid-template-columns:1fr 280px;gap:24px;margin-bottom:24px;display:grid}.npi-left-column{flex-direction:column;gap:4px;display:flex}.npi-right-column{min-width:0}.npi-field{flex-direction:column;gap:4px;display:flex}.npi-field-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.npi-field-full{grid-column:1/-1}.npi-field-half{grid-column:span 1}.npi-label{color:var(--text-secondary,#64748b);letter-spacing:.3px;font-size:12px;font-weight:600}.npi-required{color:var(--danger-color,#ef4444);margin-left:2px}.npi-error-text{color:var(--danger-color,#ef4444);margin-top:2px;font-size:11px}.npi-input{border:.5px solid var(--border-color,#e2e8f0);background:var(--input-bg,#f8fafc);width:100%;color:var(--text-primary,#0f172a);border-radius:6px;min-height:32px;padding:6px 10px;font-family:inherit;font-size:13px;transition:all .2s}.npi-input:focus{border-color:var(--primary-color,#6d28d9);outline:none;box-shadow:0 0 0 3px #6d28d91a}.npi-input-error{border-color:var(--danger-color,#ef4444)!important}.npi-input-disabled{background:var(--bg-secondary,#f1f5f9);cursor:not-allowed;opacity:.7}.npi-select{border:.5px solid var(--border-color,#e2e8f0);background:var(--input-bg,#f8fafc);width:100%;color:var(--text-primary,#0f172a);cursor:pointer;border-radius:6px;min-height:32px;padding:6px 10px;font-family:inherit;font-size:13px}.npi-select:focus{border-color:var(--primary-color,#6d28d9);outline:none}.npi-date-field{align-items:center;gap:4px;display:flex}.npi-date-field .npi-input{flex:1;padding-right:30px}.npi-date-icon-btn{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.npi-date-icon-btn:hover{color:var(--text-primary,#0f172a)}.npi-grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.npi-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.npi-proforma-number-display{background:var(--bg-secondary,#f1f5f9);color:var(--primary-color,#6d28d9);border:.5px solid var(--border-color,#e2e8f0);border-radius:6px;align-items:center;min-height:32px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.npi-detail-card{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;height:100%;overflow:hidden}.npi-card-header{background:var(--bg-card,#fff);border-bottom:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.npi-card-content{padding:14px}.npi-card-content h3{color:var(--text-primary,#0f172a);margin:0 0 8px;font-size:16px;font-weight:700}.npi-card-info{flex-direction:column;gap:4px;display:flex}.npi-info-item{border-bottom:.5px solid var(--border-color,#f1f5f9);justify-content:space-between;padding:2px 0;font-size:12px;display:flex}.npi-info-item:last-child{border-bottom:none}.npi-info-label{color:var(--text-secondary,#64748b)}.npi-info-value{color:var(--text-primary,#0f172a);font-weight:500}.npi-empty-card{flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.npi-empty-state{color:var(--text-secondary,#94a3b8);text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.npi-empty-state p{margin:0;font-size:13px}.npi-items-full{margin-top:16px;margin-bottom:16px}.npi-items-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.npi-items-title{color:var(--text-primary,#0f172a);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.npi-items-icon{color:var(--primary-color,#6d28d9)}.npi-add-btn{background:var(--primary-color,#6d28d9);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.npi-add-btn:hover{background:var(--primary-dark,#5b21b6);transform:translateY(-1px);box-shadow:0 4px 12px #6d28d94d}.npi-items-error{color:#dc2626;background:#fef2f2;border-radius:6px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-size:13px;display:flex}.npi-table-wrap{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;overflow-x:auto}.npi-items-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:12px}.npi-items-table thead{background:var(--bg-secondary,#f8fafc)}.npi-items-table th{text-align:left;color:var(--text-secondary,#64748b);border-bottom:1px solid var(--border-color,#e2e8f0);text-transform:uppercase;letter-spacing:.3px;padding:8px 10px;font-size:11px;font-weight:600}.npi-items-table td{border-bottom:.5px solid var(--border-color,#f1f5f9);vertical-align:middle;padding:6px 8px}.npi-items-table tr:last-child td{border-bottom:none}.npi-col-sno{text-align:center;width:30px}.npi-col-code{min-width:130px}.npi-col-name{min-width:150px}.npi-col-hsn{min-width:80px}.npi-col-qty,.npi-col-unit{min-width:70px}.npi-col-rate,.npi-col-tax,.npi-col-tax-amount{min-width:80px}.npi-col-amount{min-width:90px}.npi-col-action{text-align:center;width:36px}.npi-table-input{border:.5px solid var(--border-color,#e2e8f0);background:var(--input-bg,#fafafa);width:100%;color:var(--text-primary,#0f172a);border-radius:4px;min-height:28px;padding:4px 6px;font-family:inherit;font-size:12px}.npi-table-input:focus{border-color:var(--primary-color,#6d28d9);outline:none;box-shadow:0 0 0 2px #6d28d91a}.npi-table-input-text{background:var(--input-bg,#fafafa)}.npi-table-value{color:var(--text-primary,#0f172a);font-weight:500}.npi-remove-btn{width:28px;height:28px;color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.npi-remove-btn:hover{color:#dc2626;background:#fef2f2}.npi-stock-indicator{border-radius:4px;align-items:center;gap:2px;padding:1px 4px;font-size:9px;font-weight:500;display:inline-flex}.npi-stock-checking{color:var(--text-secondary,#94a3b8)}.npi-stock-available{color:#059669;background:#d1fae5}.npi-stock-insufficient{color:#dc2626;background:#fef2f2}.npi-stock-unknown{color:#64748b;background:#f1f5f9}.npi-bottom-section{grid-template-columns:1fr 280px;gap:24px;margin-top:8px;display:grid}.npi-bottom-left{flex-direction:column;gap:8px;display:flex}.npi-payment-table-wrap{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;overflow-x:auto}.npi-payment-table{border-collapse:collapse;width:100%;min-width:600px;font-size:12px}.npi-payment-table thead{background:var(--bg-secondary,#f8fafc)}.npi-payment-table th{text-align:left;color:var(--text-secondary,#64748b);border-bottom:1px solid var(--border-color,#e2e8f0);text-transform:uppercase;letter-spacing:.3px;padding:6px 8px;font-size:11px;font-weight:600}.npi-payment-table td{border-bottom:.5px solid var(--border-color,#f1f5f9);vertical-align:middle;padding:4px 6px}.npi-payment-col-no{text-align:center;width:30px}.npi-payment-col-term{min-width:120px}.npi-payment-col-date{min-width:110px}.npi-payment-col-duration,.npi-payment-col-portion{min-width:60px}.npi-payment-col-amount{text-align:right;min-width:80px}.npi-payment-col-action{text-align:center;width:30px}.npi-add-payment-btn{color:var(--primary-color,#6d28d9);border:1px dashed var(--primary-color,#6d28d9);cursor:pointer;background:0 0;border-radius:6px;align-self:flex-start;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.npi-add-payment-btn:hover{background:var(--primary-light,#ede9fe)}.npi-summary-card .npi-card-content{padding:12px 14px}.npi-summary-grid{grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}.npi-summary-item{border-bottom:.5px solid var(--border-color,#f1f5f9);justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.npi-summary-item:last-child{border-bottom:none}.npi-summary-label{color:var(--text-secondary,#64748b)}.npi-summary-value{color:var(--text-primary,#0f172a);font-weight:500}.npi-summary-grand{border-top:2px solid var(--border-color,#e2e8f0);grid-column:1/-1;justify-content:space-between;margin-top:4px;padding:8px 0 4px;display:flex}.npi-summary-grand-label{color:var(--text-primary,#0f172a);font-size:14px;font-weight:700}.npi-summary-grand-value{color:var(--primary-color,#6d28d9);font-size:16px;font-weight:700}.npi-roundoff-wrap{align-items:center;display:flex}.npi-roundoff-input{border:.5px solid var(--border-color,#e2e8f0);text-align:right;background:var(--input-bg,#fafafa);border-radius:4px;width:70px;padding:2px 6px;font-size:12px}.npi-roundoff-input:focus{border-color:var(--primary-color,#6d28d9);outline:none}.npi-form-footer{border-top:1px solid var(--border-color,#e2e8f0);justify-content:flex-end;gap:12px;margin-top:24px;padding:16px 0 0;display:flex}.npi-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.npi-btn:disabled{opacity:.5;cursor:not-allowed}.npi-btn-print{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary,#64748b)}.npi-btn-print:hover{background:var(--bg-hover,#e2e8f0);color:var(--text-primary,#0f172a)}.npi-btn-draft{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary,#64748b)}.npi-btn-draft:hover{background:var(--bg-hover,#e2e8f0);color:var(--text-primary,#0f172a)}.npi-btn-submit{background:var(--primary-color,#6d28d9);color:#fff}.npi-btn-submit:hover{background:var(--primary-dark,#5b21b6);transform:translateY(-1px);box-shadow:0 4px 12px #6d28d94d}.npi-btn-cancel{color:var(--text-secondary,#64748b);background:0 0}.npi-btn-cancel:hover{background:var(--bg-secondary,#f1f5f9)}.npi-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s npiFadeIn;display:flex;position:fixed;inset:0}@keyframes npiFadeIn{0%{opacity:0}to{opacity:1}}.npi-modal-container{background:var(--bg-card,#fff);text-align:center;border-radius:16px;width:90%;max-width:480px;padding:32px 40px;animation:.3s npiSlideUp;box-shadow:0 20px 60px #0003}@keyframes npiSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.npi-modal-success-icon{color:#22c55e;margin-bottom:16px}.npi-modal-title{color:var(--text-primary,#0f172a);margin:0 0 8px;font-size:24px;font-weight:700}.npi-modal-message{color:var(--text-secondary,#64748b);margin:0 0 20px;font-size:14px}.npi-modal-details{background:var(--bg-secondary,#f8fafc);text-align:left;border-radius:10px;margin-bottom:24px;padding:16px}.npi-modal-detail-item{border-bottom:.5px solid var(--border-color,#f1f5f9);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.npi-modal-detail-item:last-child{border-bottom:none}.npi-modal-detail-label{color:var(--text-secondary,#64748b)}.npi-modal-detail-value{color:var(--text-primary,#0f172a);font-weight:500}.npi-modal-pi-number{color:var(--primary-color,#6d28d9);font-weight:600}.npi-modal-actions{justify-content:center;gap:12px;display:flex}.npi-modal-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.npi-modal-btn-primary{background:var(--primary-color,#6d28d9);color:#fff}.npi-modal-btn-primary:hover{background:var(--primary-dark,#5b21b6);transform:translateY(-1px);box-shadow:0 4px 12px #6d28d94d}.npi-modal-btn-secondary{background:var(--bg-secondary,#f1f5f9);color:var(--text-secondary,#64748b)}.npi-modal-btn-secondary:hover{background:var(--bg-hover,#e2e8f0)}@media (width<=1024px){.npi-compact-layout,.npi-bottom-section{grid-template-columns:1fr}}@media (width<=768px){.npi-page{padding:16px}.npi-header{flex-direction:column;align-items:flex-start;gap:12px}.npi-grid-3{grid-template-columns:1fr 1fr}.npi-grid-2,.npi-field-row{grid-template-columns:1fr}.npi-form-footer{flex-wrap:wrap;justify-content:center}.npi-btn{flex:1;justify-content:center;min-width:100px}.npi-modal-container{padding:24px 20px}}@media (width<=480px){.npi-grid-3{grid-template-columns:1fr}.npi-items-table{min-width:700px}.npi-payment-table{min-width:500px}}