: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}.form-group{margin-bottom:20px}.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{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-secondary,#6b7280);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-secondary,#6b7280);align-items:center;font-size:16px;display:flex}.category-icon svg{stroke:var(--sidebar-text-secondary,#6b7280);color:var(--sidebar-text-secondary,#6b7280)}.category-title{color:var(--sidebar-text-secondary,#6b7280);font-size:13px;font-weight:500}.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}.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(--sidebar-text-secondary,#9ca3af);letter-spacing:.3px;opacity:.8;background:#ffffff0d;border-radius:10px;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:400;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{align-items:center;gap:8px;display:flex}.breadcrumb-sep{color:var(--text-secondary,#d1d5db);font-size:14px}.breadcrumb-module{color:var(--primary-color,#6366f1);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.breadcrumb-title{color:var(--text-primary,#111827);font-size:18px;font-weight:600}.header-right{align-items:center;gap:4px;display:flex}.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{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)}@media (width<=640px){.header{height:48px;padding:0 12px}.breadcrumb-title{font-size:15px}.breadcrumb-module{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{padding:0}.dashboard-header{margin-bottom:24px}.dashboard-header h1{color:var(--text-primary,#1e293b);font-size:20px;font-weight:600}.stats-container{grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:20px}.produced-quantity{grid-column:span 1}.stat-title{color:var(--text-secondary,#64748b);margin-bottom:8px;font-size:13px;font-weight:500}.stat-value{color:var(--text-primary,#0f172a);margin-bottom:4px;font-size:28px;font-weight:600}.stat-subtitle{color:var(--text-secondary,#94a3b8);margin-bottom:20px;font-size:11px}.chart-container{gap:12px;height:180px;margin-top:20px;display:flex}.chart-y-axis{color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:space-between;padding-right:8px;font-size:11px;display:flex}.chart-bars{flex:1;align-items:flex-end;gap:16px;display:flex}.chart-column{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.bar{background:var(--primary-color,#3b82f6);border-radius:4px 4px 0 0;width:100%;max-width:40px;min-height:2px;transition:height .3s}.month-label{color:var(--text-secondary,#94a3b8);text-align:center;white-space:nowrap;font-size:10px;transform:rotate(-45deg)}.reports-section{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:20px}.reports-section h3{color:var(--text-primary,#1e293b);margin-bottom:16px;font-size:16px;font-weight:600}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.report-item{background:var(--nav-hover,#f8fafc);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;color:var(--text-primary,#334155);border-radius:6px;padding:10px 12px;font-size:13px;transition:all .2s}.report-item:hover{background:var(--nav-active,#f1f5f9);border-color:var(--primary-color,#3b82f6);color:var(--text-primary,#1e293b)}.dark-theme .bar{background:var(--primary-color,#3b82f6)}.dark-theme .stat-card,.dark-theme .reports-section{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .report-item{background:var(--nav-hover,#ffffff0d);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .report-item:hover{background:var(--nav-active,#3b82f626);border-color:var(--primary-color,#3b82f6)}.dark-theme .stat-title{color:var(--text-secondary,#94a3b8)}.dark-theme .stat-subtitle{color:var(--text-secondary,#64748b)}.dark-theme .chart-y-axis,.dark-theme .month-label{color:var(--text-secondary,#94a3b8)}.dark-theme .dashboard-header h1,.dark-theme .reports-section h3{color:var(--text-primary,#f8fafc)}@media (width<=1200px){.stats-container{grid-template-columns:1fr 1fr}.produced-quantity{grid-column:span 2}}@media (width<=768px){.stats-container{grid-template-columns:1fr}.produced-quantity{grid-column:span 1}}.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;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@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-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-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-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-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:700px;font-size:13px}.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-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-id{color:var(--text-primary,#111827);font-weight:600}.igl-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;display:flex}.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-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-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.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}@keyframes iglFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.igl-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}.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-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-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-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-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-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-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-modal-item-name{background:var(--layout-bg,#0f172a);color:var(--text-primary,#f8fafc)}.dark-theme .igl-btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .igl-btn-primary:hover{background:var(--primary-hover,#2563eb)}@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{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{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%}}.qad-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 qadFadeIn;display:flex;position:fixed;inset:0}@keyframes qadFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.qad-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}.qad-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 14px;display:flex}.qad-header-left{align-items:center;gap:12px;display:flex}.qad-header-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}.qad-title{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.qad-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}.qad-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.qad-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.qad-body::-webkit-scrollbar{width:6px}.qad-body::-webkit-scrollbar-track{background:0 0}.qad-body::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.qad-field{width:100%}.qad-label{color:var(--text-secondary,#6b7280);text-align:left;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.qad-req{color:var(--danger-color,#ef4444)}.qad-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}.qad-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))}.qad-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)}.qad-input::placeholder{color:var(--text-secondary,#9ca3af)}.qad-hint{color:var(--text-secondary,#9ca3af);text-align:left;margin-top:5px;font-size:12px;line-height:1.4}.qad-check-field{width:100%}.qad-check-field>.qad-label{margin-bottom:8px}.qad-check-content{align-items:flex-start;gap:12px;display:flex}.qad-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-color,#6366f1);border-radius:4px;flex-shrink:0;margin-top:2px}.qad-check-label{color:var(--text-primary,#111827);cursor:pointer;font-size:13px;font-weight:500}.qad-check-content .qad-hint{margin-top:2px}.qad-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}.qad-btn-outline{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}.qad-btn-outline:hover{background:var(--nav-hover,#f9fafb);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.qad-btn-outline svg{stroke:currentColor}.qad-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}.qad-btn-save:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.qad-btn-save:active:not(:disabled){transform:translateY(0)scale(.97)}.qad-btn-save:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@keyframes qadSpin{to{transform:rotate(360deg)}}.dark-theme .qad-modal{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .qad-header{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .qad-header-icon{background:color-mix(in srgb, var(--primary-color) 20%, transparent)}.dark-theme .qad-input{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .qad-input:hover{background:var(--card-bg,#1e293b);border-color:color-mix(in srgb, var(--primary-color) 40%, var(--border-color))}.dark-theme .qad-input:focus{background:var(--card-bg,#1e293b);border-color:var(--primary-color,#3b82f6)}.dark-theme .qad-input::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .qad-footer{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .qad-btn-outline{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .qad-btn-outline:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--primary-color,#3b82f6);color:var(--primary-color,#3b82f6)}.dark-theme .qad-btn-save{background:var(--primary-gradient,#3b82f6)}.dark-theme .qad-close:hover{background:var(--nav-hover,#ffffff0d);color:var(--text-primary,#f8fafc)}.dark-theme .qad-check-label{color:var(--text-primary,#f8fafc)}.dark-theme .qad-hint{color:var(--text-secondary,#94a3b8)}.dark-theme .qad-body::-webkit-scrollbar-thumb{background:var(--border-color,#334155)}.dark-theme .qad-overlay{background:#000000b3}@media (width<=768px){.qad-modal{max-width:95vw;max-height:95vh}.qad-body{gap:14px;padding:16px 20px}.qad-header{padding:14px 20px}.qad-footer{flex-wrap:wrap;padding:12px 20px}.qad-btn-outline,.qad-btn-save{flex:1;justify-content:center}}@media (width<=480px){.qad-modal{border-radius:12px;max-width:98vw}.qad-body{gap:12px;padding:14px 16px}.qad-title{font-size:14px}.qad-input{height:36px;font-size:13px}.qad-header-icon{width:28px;height:28px}.qad-btn-outline,.qad-btn-save{height:34px;padding:0 12px;font-size:12px}.qad-footer{flex-direction:column-reverse;gap:8px}.qad-btn-outline,.qad-btn-save{width:100%}}.itl-stats-container{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.itl-stat-card{box-shadow:0 2px 4px var(--shadow-color,#00000014);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.itl-stat-icon{color:#fff;background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.itl-stat-content{flex:1}.itl-stat-title{color:#ffffffe6;margin-bottom:2px;font-size:12px}.itl-stat-value{color:#fff;margin:0;font-size:20px;font-weight:700}.itl-filter-bar{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);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.itl-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}.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);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(--card-bg,white);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(--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}.itl-filter-btn:hover{background:var(--nav-hover,#f9fafb)}.itl-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}.itl-sort-btn:hover{background:var(--nav-hover,#f9fafb)}.itl-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}.itl-btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.itl-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}.itl-active-filters span{color:var(--text-primary,#111827)}.itl-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}.itl-clear-filters:hover{background:var(--nav-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-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}.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(--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}.itl-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}.itl-count-label{color:var(--text-secondary,#9ca3af);font-size:12px}.itl-tr{cursor:pointer;transition:background .15s}.itl-tr:hover{background:var(--nav-hover,#f9fafb)}.itl-tr-selected{background:var(--nav-active,#f0f7ff)}.itl-tr-selected:hover{background:var(--nav-active,#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-name{color:var(--text-primary,#111827);font-weight:600}.itl-td-meta{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;padding-right:20px;display:flex}.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-ago{color:var(--text-secondary,#9ca3af);font-size:12px}.itl-meta-btn{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;border-radius:4px;align-items:center;gap:3px;padding:2px 4px;font-size:12px;transition:color .15s;display:inline-flex}.itl-meta-btn:hover{color:var(--text-primary,#374151)}.itl-dot{color:var(--text-secondary,#d1d5db);margin:0 2px;font-size:12px}.itl-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px}.itl-pagination{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(--card-bg,white);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(--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}.itl-page-btn:hover:not(:disabled){background:var(--nav-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-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(--card-bg,#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(--nav-hover,#ffffff0d)}.dark-theme .itl-search-input{background:var(--input-bg,#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(--nav-hover,#ffffff0d)}.dark-theme .itl-tr-selected{background:var(--nav-active,#6366f126)}.dark-theme .itl-tr-selected:hover{background:var(--nav-active,#6366f133)}.dark-theme .itl-th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .itl-th-meta{background:var(--layout-bg,#0f172a)}.dark-theme .itl-active-filters{border-color:var(--border-color,#334155);background:#6366f114}.dark-theme .itl-active-filters span{color:var(--text-primary,#f8fafc)}.dark-theme .itl-clear-filters{background:var(--card-bg,#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)}@media (width<=1024px){.itl-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.itl-stats-container{grid-template-columns:1fr 1fr;gap:12px}.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}.itl-stat-card{padding:12px}.itl-stat-value{font-size:18px}}@media (width<=480px){.itl-stats-container{grid-template-columns:1fr}.itl-stat-card{padding:12px}.itl-stat-value{font-size:16px}.itl-stat-icon{width:36px;height:36px;font-size:16px}.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-page{background:var(--layout-bg,#fff);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.itf-topbar{border-bottom:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 20px;display:flex}.itf-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.itf-back-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:30px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,color .18s;display:flex}.itf-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)}.itf-bc-sep{color:var(--text-secondary,#d1d5db)}.itf-bc-link{color:var(--text-secondary,#6b7280);cursor:pointer}.itf-bc-link:hover{text-decoration:underline}.itf-bc-current{color:var(--text-primary,#111827);font-size:16px;font-weight:600}.itf-error-badge{color:#92400e;background:#fef3c7;border-radius:30px;align-items:center;gap:6px;margin-left:8px;padding:4px 10px;font-size:10px;display:flex}.itf-status-pill{border-radius:99px;margin-left:4px;padding:2px 10px;font-size:12px;font-weight:500}.itf-status-pill.enabled{color:#065f46;background:#d1fae5}.itf-status-pill.disabled{color:#6b7280;background:#f3f4f6}.itf-topbar-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.itf-btn-outline{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:30px;color:var(--text-primary,#374151);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:0 12px;font-size:13px;transition:background .15s;display:flex}.itf-btn-outline:hover{background:var(--nav-hover,#f9fafb)}.itf-btn-icon{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);cursor:pointer;width:30px;height:30px;color:var(--text-secondary,#6b7280);border-radius:6px;justify-content:center;align-items:center;transition:background .15s;display:flex}.itf-btn-icon:hover{background:var(--nav-hover,#f9fafb)}.itf-btn-save{background:var(--primary-color,#111827);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;height:30px;padding:0 18px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.itf-btn-save:hover:not(:disabled){background:var(--primary-hover,#1f2937)}.itf-btn-save:disabled{opacity:.6;cursor:not-allowed}.itf-tab-bar{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex;overflow-x:auto}.itf-tabs-container{flex:1;align-items:center;gap:4px;display:flex;overflow-x:auto}.itf-tabs-container::-webkit-scrollbar{height:0}.itf-tab{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:8px 12px;transition:all .2s;display:flex;position:relative}.itf-tab:hover{background:var(--nav-hover,#f3f4f6)}.itf-tab-active{background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.itf-tab-content{align-items:center;gap:8px;display:flex}.itf-tab-icon{width:28px;height:28px;color:var(--text-secondary,#6b7280);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.itf-tab-icon-active{color:var(--primary-color,#6366f1);background:color-mix(in srgb, var(--primary-color) 12%, transparent)}.itf-tab-error-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.itf-tab-label{color:var(--text-secondary,#6b7280);white-space:nowrap;font-size:12px;font-weight:500;transition:color .2s}.itf-tab-active .itf-tab-label{color:var(--text-primary,#111827)}.itf-tab-indicator{background:var(--primary-color,#6366f1);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.itf-tab-bar-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.itf-body{flex:1;display:flex;overflow:hidden}.itf-main{flex:1;padding:24px 32px;overflow-y:auto}.itf-main::-webkit-scrollbar{width:6px}.itf-main::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.itf-sidebar{border-left:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);flex-shrink:0;width:220px;padding:20px 16px;overflow-y:auto}.itf-sidebar::-webkit-scrollbar{width:4px}.itf-sidebar::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:2px}.itf-doc-avatar{background:var(--nav-hover,#e5e7eb);width:52px;height:52px;color:var(--text-primary,#374151);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 8px;font-size:22px;font-weight:600;display:flex}.itf-doc-name{color:var(--text-primary,#111827);text-align:center;word-break:break-word;font-size:14px;font-weight:600}.itf-doc-id{color:var(--text-secondary,#9ca3af);text-align:center;margin-bottom:14px;font-size:12px}.itf-sidebar-actions{flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.itf-sidebar-action{height:34px;color:var(--text-primary,#374151);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:13px;transition:background .15s;display:flex}.itf-sidebar-action:hover{background:var(--nav-hover,#f3f4f6)}.itf-sidebar-plus{color:var(--text-secondary,#9ca3af);margin-left:auto;font-size:16px}.itf-sidebar-meta{border-top:1px solid var(--border-color,#e5e7eb);padding-top:14px}.itf-meta-row{justify-content:space-between;align-items:center;display:flex}.itf-meta-label{color:var(--text-secondary,#9ca3af);font-size:11.5px}.itf-meta-val{color:var(--text-primary,#374151);font-size:12.5px;font-weight:500}.itf-meta-time{color:var(--text-secondary,#9ca3af);text-align:right;margin-top:2px;font-size:12px}.itf-section{margin-bottom:8px}.itf-section-title{color:var(--text-primary,#111827);text-align:left;margin:0 0 18px;font-size:15px;font-weight:600}.itf-divider{background:var(--border-color,#e5e7eb);height:1px;margin:24px 0}.itf-two-col{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}.itf-col{flex-direction:column;gap:18px;display:flex}.itf-field{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.itf-label{color:var(--text-secondary,#6b7280);text-align:left;width:100%;font-size:12.5px;font-weight:500}.itf-req{color:#ef4444}.itf-hint{color:var(--text-secondary,#9ca3af);text-align:left;margin-top:3px;font-size:12px;line-height:1.45}.itf-link{color:var(--primary-color,#2563eb);text-decoration:none}.itf-link:hover{text-decoration:underline}.itf-input{border:1px solid var(--border-color,#e5e7eb);height:34px;color:var(--text-primary,#111827);background:var(--input-bg,#f9fafb);border-radius:6px;outline:none;width:100%;padding:0 10px;font-size:13.5px;transition:border-color .15s,background .15s}.itf-input:focus{border-color:var(--primary-color,#2563eb);background:var(--card-bg,white)}.itf-input[readonly]{cursor:default}.itf-select{border:1px solid var(--border-color,#e5e7eb);height:34px;color:var(--text-primary,#111827);background:var(--input-bg,#f9fafb);cursor:pointer;appearance:auto;border-radius:6px;outline:none;width:100%;padding:0 8px;font-size:13.5px}.itf-select:focus{border-color:var(--primary-color,#2563eb)}.itf-check-row{align-items:flex-start;gap:10px;width:100%;display:flex}.itf-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#2563eb);border-radius:3px;flex-shrink:0;margin-top:2px}.itf-check-label{color:var(--text-primary,#111827);cursor:pointer;text-align:left;font-size:13.5px;font-weight:500}.itf-table-block{border:1px solid var(--border-color,#e5e7eb);border-radius:6px;width:100%;overflow:hidden}.itf-inline-table{border-collapse:collapse;width:100%;font-size:12.5px}.itf-ith{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;padding:8px 12px;font-weight:500}.itf-ith-check,.itf-ith-no{width:36px}.itf-ith-act{text-align:center;width:32px}.itf-empty-row{text-align:center;color:var(--text-secondary,#9ca3af);background:var(--card-bg,white);padding:14px;font-size:13px}.itf-itr{border-top:1px solid var(--border-color,#f3f4f6)}.itf-itr:hover{background:var(--nav-hover,#fafafa)}.itf-itd{color:var(--text-primary,#374151);vertical-align:middle;text-align:left;padding:6px 10px}.itf-itd-no{color:var(--text-secondary,#9ca3af);font-size:12px}.itf-cell-input{width:100%;height:28px;color:var(--text-primary,#111827);text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:0 8px;font-size:12.5px}.itf-cell-input:focus{border-color:var(--primary-color,#2563eb);background:var(--card-bg,white)}.itf-remove-row{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;padding:2px 4px;font-size:16px}.itf-remove-row:hover{color:#ef4444}.itf-add-row{color:var(--primary-color,#2563eb);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;margin-top:8px;padding:4px 0;font-size:13px;display:flex}.itf-add-row:hover{text-decoration:underline}.itf-collapsible-section{cursor:pointer;width:100%;color:var(--text-primary,#374151);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.itf-collapsible-section:hover .itf-section-title{color:var(--primary-color,#2563eb)}.itf-comment-row{align-items:center;gap:10px;width:100%;display:flex}.itf-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}.itf-comment-input{border:1px solid var(--border-color,#e5e7eb);height:34px;color:var(--text-primary,#374151);background:var(--input-bg,#f9fafb);text-align:left;border-radius:6px;outline:none;flex:1;padding:0 12px;font-size:13px}.itf-comment-input:focus{border-color:var(--primary-color,#2563eb);background:var(--card-bg,white)}.itf-comment-input::placeholder{color:var(--text-secondary,#9ca3af)}.itf-section-activity{padding-bottom:24px;position:relative}.itf-activity-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.itf-new-email-btn{color:var(--primary-color,#2563eb);cursor:pointer;background:0 0;border:none;font-size:13px}.itf-new-email-btn:hover{text-decoration:underline}.itf-activity-list{text-align:left;flex-direction:column;gap:8px;padding-left:20px;list-style:outside;display:flex}.itf-activity-list li{color:var(--text-primary,#374151);text-align:left;font-size:13px}.itf-activity-time{color:var(--text-secondary,#9ca3af)}.itf-activity-collapse{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);cursor:pointer;width:28px;height:28px;color:var(--text-secondary,#6b7280);border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.itf-activity-collapse:hover{background:var(--nav-hover,#f9fafb)}.itf-empty-state{text-align:left;color:var(--text-secondary,#9ca3af);background:var(--layout-bg,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;width:100%;padding:24px;font-size:13.5px}.itf-empty-box{border:1px solid var(--border-color,#e5e7eb);text-align:center;border-radius:8px;padding:32px}.itf-empty-box-text{color:var(--text-secondary,#6b7280);text-align:center;margin-bottom:12px;font-size:13.5px}.itf-add-price-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);height:32px;color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;padding:0 14px;font-size:13px;transition:background .15s}.itf-add-price-btn:hover{background:var(--nav-hover,#f9fafb)}.itf-conn-activity-header{cursor:pointer;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:14px;display:flex}.itf-heatmap{gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.itf-heatmap-col{flex-direction:column;gap:2px;display:flex}.itf-heatmap-month{color:var(--text-secondary,#9ca3af);text-align:center;min-width:32px;margin-bottom:2px;font-size:10px}.itf-heatmap-row{gap:2px;display:flex}.itf-heatmap-cell{background:var(--border-color,#e5e7eb);border-radius:2px;width:10px;height:10px}.itf-conn-groups{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.itf-conn-group-title{color:var(--text-primary,#374151);text-align:left;margin-bottom:10px;font-size:13px;font-weight:600}.itf-conn-item{border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#374151);text-align:left;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:9px 12px;font-size:13px;display:flex}.itf-conn-add{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,white);width:22px;height:22px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:background .15s;display:flex}.itf-conn-add:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#111827)}.modal-close{background:var(--layout-bg);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border:none;border-radius:8px;font-size:20px}.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}.validation-error-item{background:var(--layout-bg);cursor:pointer;border-left:3px solid #ef4444;border-radius:10px;padding:12px;transition:all .2s}.validation-error-item:hover{background:color-mix(in srgb, var(--primary-color) 5%, var(--layout-bg));transform:translate(4px)}.error-tab{background:color-mix(in srgb, var(--primary-color) 15%, transparent);color:var(--primary-color);border-radius:12px;padding:2px 8px;font-size:10px;font-weight:500}.dark-theme .itf-btn-outline,.dark-theme .itf-btn-icon,.dark-theme .itf-select,.dark-theme .itf-input{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .itf-btn-outline:hover,.dark-theme .itf-btn-icon:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .itf-input{background:var(--input-bg,#1e293b)}.dark-theme .itf-input:focus{background:var(--card-bg,#1e293b);border-color:var(--primary-color,#3b82f6)}.dark-theme .itf-select:focus{border-color:var(--primary-color,#3b82f6)}.dark-theme .itf-ith{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .itf-itr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .itf-empty-row{background:var(--card-bg,#1e293b)}.dark-theme .itf-empty-state{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .itf-sidebar{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .itf-empty-box{border-color:var(--border-color,#334155)}.dark-theme .itf-empty-box-text{color:var(--text-secondary,#94a3b8)}.dark-theme .itf-conn-item{border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .itf-conn-add{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .itf-conn-add:hover{background:var(--nav-hover,#ffffff0d);color:var(--text-primary,#f8fafc)}.dark-theme .itf-activity-collapse{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .itf-activity-collapse:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .itf-doc-avatar{background:var(--nav-hover,#ffffff0d);color:var(--text-primary,#f8fafc)}.dark-theme .itf-tab-active{background:color-mix(in srgb, var(--primary-color) 15%, transparent)}.dark-theme .itf-tab-error-badge{background:#ef4444}.dark-theme .itf-error-badge{color:#92400e;background:#fef3c7}.dark-theme .validation-summary-modal{background:var(--card-bg,#1e293b)}.dark-theme .validation-error-item{background:var(--layout-bg,#0f172a)}.dark-theme .modal-header{background:var(--card-bg,#1e293b)}.dark-theme .btn-cancel{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}@media (width<=768px){.itf-two-col{grid-template-columns:1fr;gap:0}.itf-main{padding:16px}.itf-sidebar{display:none}.itf-conn-groups{grid-template-columns:1fr;gap:16px}.itf-topbar,.itf-topbar-right{flex-wrap:wrap}.itf-tabs-container{overflow-x:auto}.itf-tab{padding:6px 10px}.itf-tab-label{font-size:11px}.itf-heatmap,.itf-table-block{overflow-x:auto}.itf-inline-table{min-width:600px}.itf-breadcrumb{flex-wrap:wrap}.itf-error-badge{padding:2px 8px;font-size:9px}}@media (width<=480px){.itf-main{padding:12px}.itf-topbar{padding:8px 12px}.itf-tab{padding:4px 8px}.itf-tab-label{font-size:10px}.itf-tab-icon{width:24px;height:24px;font-size:12px}.itf-breadcrumb{font-size:11px}.itf-bc-current{font-size:14px}.itf-back-btn{padding:3px 10px;font-size:11px}}.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%}}.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}.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}.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)}.back-btn:active{transform:scale(.97)}.header-title{flex:1}.header-title h1{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.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}.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)}.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}.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{border-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))}.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}.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}.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)}.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}.submit-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(0)scale(.97)}.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}.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}.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}.modal-header h2{color:#f59e0b;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.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}.modal-body{padding:24px}.modal-description{color:var(--text-secondary);margin-bottom:16px}.validation-errors-list{flex-direction:column;gap:12px;display:flex}.validation-error-item{background:var(--layout-bg);cursor:default;border-left:3px solid #ef4444;border-radius:10px;padding:12px}.error-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.error-header strong{color:var(--text-primary);font-size:13px}.error-icon{color:#ef4444;flex-shrink:0}.error-message{color:#ef4444;margin-left:26px;font-size:11px}.validation-tip{color:#92400e;background:#fef3c7;border-radius:8px;align-items:center;gap:6px;margin-top:20px;padding:12px;font-size:12px;display:flex}.tip-icon{margin-right:6px;display:inline}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;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-size:13px;font-weight:500;transition:background .15s,color .15s}.btn-cancel:hover{background:var(--layout-bg);color:var(--text-primary)}@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}.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)}@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)}: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,#f9fafb);--c-bg-muted:#f3f4f6;--c-radius-sm:4px;--c-radius-md:6px;--c-radius-lg:8px;--c-shadow-popup:0 8px 32px #00000024, 0 2px 8px #00000014;--c-shadow-sm:0 1px 3px #00000014;--c-blue-light:color-mix(in srgb, var(--c-primary) 10%, var(--c-bg));--c-blue-mid:color-mix(in srgb, var(--c-primary) 40%, var(--c-bg));--c-blue-dark:color-mix(in srgb, var(--c-primary) 80%, #000);--c-amber:#d97706;--c-amber-bg:#fffbeb;--c-amber-border:#fcd34d;--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-topbar{background:var(--c-bg);border-bottom:1px solid var(--c-border);height:56px;box-shadow:var(--c-shadow-sm);z-index:10;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:static}.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,.nbom-breadcrumb__item--home{align-items:center;display:flex}.nbom-breadcrumb__home-btn{cursor:pointer;color:var(--c-text-muted);border-radius:var(--c-radius-sm);transition:color var(--c-transition), background 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:var(--c-blue-light)}.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:color var(--c-transition), background 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:var(--c-blue-light)}.nbom-breadcrumb__item--active{align-items:center;display:flex}.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-badge--unsaved{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500}.nbom-btn-save{background:var(--primary-gradient,linear-gradient(135deg, var(--c-primary), var(--c-blue-dark)));color:#fff;border:1px solid var(--c-blue-dark);border-radius:var(--c-radius-md);cursor:pointer;height:36px;transition:all var(--c-transition);align-items:center;gap:6px;padding:0 18px;font-family:inherit;font-size:13.5px;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{box-shadow:none;transform:translateY(0)}.nbom-stepper-wrap{background:var(--c-bg);border-bottom:1px solid var(--c-border);z-index:40;box-shadow:var(--c-shadow-sm);padding:6px 20px;position:sticky;top:0}.nbom-stepper-row{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.nbom-stepper-row::-webkit-scrollbar{display:none}.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:130px;padding:10px 16px;display:flex;position:relative}.nbom-step-btn:hover{background:var(--c-bg-page)}.nbom-step-btn--active,.nbom-step-btn--active:hover{background:var(--c-blue-light)}.nbom-step-circle{border:2px solid var(--c-border);background:var(--c-bg-muted);width:30px;height:30px;color:var(--c-text-muted);transition:all var(--c-transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:relative}.nbom-step-circle--active{border-color:var(--c-primary);background:var(--c-primary);color:#fff}.nbom-step-circle--warning{border-color:var(--c-amber);background:var(--c-amber-bg);color:var(--c-amber)}.nbom-step-label-wrap{flex-direction:column;gap:1px;display:flex}.nbom-step-step{letter-spacing:.6px;text-transform:uppercase;color:var(--c-text-muted);transition:color var(--c-transition);font-size:10px;font-weight:600}.nbom-step-step--active{color:var(--c-primary)}.nbom-step-step--warning{color:var(--c-amber)}.nbom-step-name{color:var(--c-text-muted);white-space:nowrap;transition:color var(--c-transition);font-size:13px;font-weight:600}.nbom-step-name--active{color:var(--c-blue-dark)}.nbom-step-underline{background:var(--c-primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:10px;right:10px}.nbom-tab-warning-banner{background:var(--c-amber-bg);border:1px solid var(--c-amber-border);color:var(--c-amber);border-radius:var(--c-radius-md);align-items:center;gap:8px;margin:12px 20px 0;padding:9px 20px;font-size:12.5px;font-weight:500;display:flex}.nbom-body{flex-direction:column;gap:14px;width:100%;max-width:1100px;padding:20px;animation:.2s nbom-fade-slide;display:flex}@keyframes nbom-fade-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.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);transition:background var(--c-transition);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.nbom-card__header:hover{background:#eef0f3}.nbom-card__title{color:var(--c-text);align-items:center;gap:7px;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:4px;display:flex}.nbom-label{color:var(--c-text-muted);letter-spacing:.1px;align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.nbom-label__req{color:var(--c-danger);font-size:12px}.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;font-style:normal;display:inline-flex}.nbom-input{box-sizing:border-box;border:1px solid var(--c-border);border-radius:var(--c-radius-sm);width:100%;height:36px;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 11px;font-family:inherit;font-size:13.5px}.nbom-input:hover{border-color:var(--c-border-hover)}.nbom-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-primary) 14%, transparent)}.nbom-input--readonly{background:var(--c-bg-muted);color:var(--c-text-muted);cursor:default}.nbom-input--readonly:focus{border-color:var(--c-border);box-shadow:none}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(180px,1fr));gap:14px;display:grid}.nbom-check-row{align-items:flex-start;gap:8px;display:flex}.nbom-check-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--c-primary);cursor:pointer;border-radius:3px;flex-shrink:0;margin-top:2px}.nbom-check-row__label{color:var(--c-text);font-size:13.5px;font-weight:500}.nbom-check-row__hint{color:var(--c-text-muted);margin-top:1px;font-size:12px;line-height:1.55}.nbom-table-wrap{border:1px solid var(--c-border);border-radius:var(--c-radius-md);overflow-x:auto}.nbom-table{border-collapse:collapse;width:100%;min-width:600px;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:.5px;text-transform:uppercase;white-space:nowrap;padding:9px 10px;font-size:11px;font-weight:700}.nbom-table tbody tr{transition:background var(--c-transition);border-bottom:1px solid var(--c-border)}.nbom-table tbody tr:hover{background:var(--c-blue-light)}.nbom-table tbody tr:last-child td{border-bottom:none}.nbom-table tbody td{vertical-align:middle;padding:5px 10px}.nbom-table-cb{text-align:center;width:28px}.nbom-table-no{width:36px;color:var(--c-text-muted);font-size:11px}.nbom-table-val{text-align:right;color:var(--c-text-muted);font-size:12px}.nbom-table-input{border-radius:var(--c-radius-sm);color:var(--c-text);box-sizing:border-box;width:100%;transition:border-color var(--c-transition), background var(--c-transition);background:0 0;border:1px solid #0000;outline:none;padding:3px 8px;font-family:inherit;font-size:13px}.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 color-mix(in srgb, var(--c-primary) 12%, transparent)}.nbom-table-select{border-radius:var(--c-radius-sm);color:var(--c-text);cursor:pointer;width:100%;transition:border-color var(--c-transition), background var(--c-transition);background:0 0;border:1px solid #0000;outline:none;padding:3px 8px;font-family:inherit;font-size:13px}.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-edit-btn{border-radius:var(--c-radius-sm);border:1px solid var(--c-border);background:var(--c-bg);width:26px;height:26px;color:var(--c-text-muted);cursor:pointer;transition:all var(--c-transition);justify-content:center;align-items:center;display:inline-flex}.nbom-edit-btn:hover{background:var(--c-blue-light);border-color:var(--c-blue-mid);color:var(--c-primary)}.nbom-table-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.nbom-table-footer__left,.nbom-table-footer__right{align-items:center;gap:8px;display:flex}.nbom-btn-link{border:1px dashed var(--c-blue-mid);color:var(--c-primary);cursor:pointer;border-radius:var(--c-radius-sm);transition:all var(--c-transition);background:0 0;padding:4px 10px;font-size:12.5px;font-weight:600}.nbom-btn-link:hover{background:var(--c-blue-light);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:4px 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);justify-content:flex-end;align-items:center;gap:10px;margin:0 20px 20px;padding:18px 24px;display:flex}.nbom-footer-btn{border-radius:var(--c-radius-sm);cursor:pointer;height:36px;transition:all var(--c-transition);border:1px solid #0000;outline:none;align-items:center;gap:7px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.nbom-footer-btn--primary{background:var(--primary-gradient,linear-gradient(135deg, var(--c-primary), var(--c-blue-dark)));color:#fff;border-color:var(--c-blue-dark);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--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:140px}.nbom-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11182773;justify-content:center;align-items:flex-start;padding:40px 20px 20px;animation:.15s nbom-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes nbom-fade-in{0%{opacity:0}to{opacity:1}}.nbom-popup{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:780px;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-popup__head{border-bottom:1px solid var(--c-border);background:var(--c-bg-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.nbom-popup__title{color:var(--c-text);white-space:nowrap;font-size:13px;font-weight:600}.nbom-popup__actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.nbom-popup-btn{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--c-radius-md);color:var(--c-text-muted);cursor:pointer;white-space:nowrap;transition:all var(--c-transition);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:400;display:inline-flex}.nbom-popup-btn:hover{background:var(--c-bg-muted);border-color:var(--c-border-hover);color:var(--c-text)}.nbom-popup-btn--danger{color:#dc2626;background:#fff5f5;border-color:#fecaca}.nbom-popup-btn--danger:hover{background:#fee2e2;border-color:#dc2626}.nbom-popup-btn--move{color:var(--c-text-muted)}.nbom-popup-btn--primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary);font-weight:500}.nbom-popup-btn--primary:hover{background:var(--c-primary-hover);border-color:var(--c-primary-hover)}.nbom-popup__close{border-radius:var(--c-radius-sm);border:1px solid var(--c-border);background:var(--c-bg);width:26px;height:26px;color:var(--c-text-muted);cursor:pointer;transition:all var(--c-transition);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.nbom-popup__close:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.nbom-popup__body{flex-direction:column;gap:16px;max-height:calc(100vh - 200px);padding:18px 20px;display:flex;overflow-y:auto}.nbom-popup-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:14px;display:grid}.nbom-popup-section{border:1px solid var(--c-border);border-radius:var(--c-radius-md);overflow:hidden}.nbom-popup-section__title{background:var(--c-bg-muted);border-bottom:1px solid var(--c-border);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:7px 12px;font-size:11px;font-weight:600}.nbom-popup-section>.nbom-popup-grid{padding:14px 12px}.nbom-popup__foot{border-top:1px solid var(--c-border);background:var(--c-bg-muted);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.nbom-autocomplete-wrap{position:relative}.nbom-autocomplete-list{z-index:200;background:var(--c-bg);border:1px solid var(--c-border-hover);border-radius:var(--c-radius-md);box-shadow:var(--c-shadow-popup);max-height:200px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.nbom-autocomplete-item{cursor:pointer;border-bottom:1px solid var(--c-border);transition:background var(--c-transition);padding:8px 12px}.nbom-autocomplete-item:last-child{border-bottom:none}.nbom-autocomplete-item:hover{background:var(--c-blue-light)}.nbom-autocomplete-item__code{color:var(--c-text);font-size:13px;font-weight:500}.nbom-autocomplete-item__sub{color:var(--c-text-muted);margin-top:1px;font-size:11px}.nbom-editor-wrap{border:1px solid var(--c-border);border-radius:var(--c-radius-md);overflow:hidden}.nbom-editor-toolbar{background:var(--c-bg-muted);border-bottom:1px solid var(--c-border);flex-wrap:wrap;align-items:center;gap:2px;padding:5px 8px;display:flex}.nbom-editor-btn{border-radius:var(--c-radius-sm);min-width:24px;height:24px;color:var(--c-text-muted);cursor:pointer;transition:all var(--c-transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;font-size:12px;display:inline-flex}.nbom-editor-btn:hover{background:var(--c-border);color:var(--c-text)}.nbom-editor-divider{background:var(--c-border-hover);width:1px;height:16px;margin:0 4px}.nbom-editor-area{box-sizing:border-box;width:100%;color:var(--c-text);background:var(--c-bg);resize:vertical;border:none;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6}.nbom-editor-area:focus{background:#fafbff}.nbom-shortcuts{color:var(--c-text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.nbom-kbd{border:1px solid var(--c-border-hover);border-radius:var(--c-radius-sm);background:var(--c-bg);color:var(--c-text-muted);box-shadow:0 1px 0 var(--c-border-hover);padding:2px 6px;font-family:ui-monospace,monospace;font-size:10px;display:inline-block}.nbom-tab-content{flex-direction:column;gap:0;width:100%;display:flex}.nbom-config-checks-grid{border-bottom:1px solid var(--c-border);grid-template-columns:1fr 1fr;gap:16px 40px;padding:20px 0 24px;display:grid}.nbom-config-checks-col{flex-direction:column;gap:14px;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);margin-bottom:4px;font-size:13px;font-weight:600}.nbom-config-section__title--collapsible{color:var(--c-text);-webkit-user-select:none;user-select:none;margin-bottom:0;font-size:13px;font-weight:600}.nbom-config-section__title--collapsible:hover{color:var(--c-primary)}@media (width<=680px){.nbom-config-checks-grid{grid-template-columns:1fr}.nbom-body{padding:12px}.nbom-footer-row{margin:0 12px 12px;padding:14px 16px}.nbom-stepper-wrap{padding:6px 12px}}@media (width<=480px){.nbom-step-label-wrap{display:none}.nbom-step-btn{flex:0 0 44px;justify-content:center;min-width:44px;padding:8px}.nbom-stepper-row{gap:4px}}@media (prefers-reduced-motion:reduce){.nbom-body,.nbom-popup,.nbom-overlay{animation:none}.nbom-footer-btn--primary:hover{transform:none}}.nbom-input--error{border-color:var(--c-danger)!important}.nbom-input--error:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--c-danger) 14%, transparent)}.nbom-error-text{color:var(--c-danger);margin-top:2px;font-size:11.5px;font-weight:500}.nbom-step-error-badge{background:var(--c-danger);color:#fff;border:2px solid var(--c-bg);border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9.5px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.nbom-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 nbom-fade-in;display:flex;position:fixed;inset:0}.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:480px;max-height:80vh;animation:.18s nbom-slide-up;display:flex;overflow:hidden}.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:14.5px;font-weight:700;display:flex}.nbom-modal-close{border-radius:var(--c-radius-sm);width:28px;height:28px;color:var(--c-text-muted);cursor:pointer;transition:all var(--c-transition);background:0 0;border:1px solid #0000;flex-shrink:0;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:var(--c-amber);background:var(--c-amber-bg);border:1px solid var(--c-amber-border);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:1px 8px;font-size:10.5px;font-weight:600}.nbom-error-message{color:var(--c-text-muted);padding-left:20px;font-size:12px;line-height:1.5}.nbom-hint-banner{background:var(--c-blue-light);border-radius:var(--c-radius-md);color:var(--c-primary);align-items:center;gap:6px;margin-top:14px;padding:8px 10px;font-size:11.5px;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-btn-cancel{height:34px;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);padding:0 16px;font-family:inherit;font-size:13px;font-weight:600}.nbom-btn-cancel:hover{background:var(--c-bg-muted);border-color:var(--c-border-hover);color:var(--c-text)}@media (width<=480px){.nbom-validation-modal{max-width:100%;max-height:88vh}.nbom-modal-header,.nbom-modal-body,.nbom-modal-footer{padding-left:14px;padding-right:14px}}.jcm-page{--c-bg:var(--card-bg,#fff);--c-surface:var(--layout-bg,#f7f8fb);--c-border:var(--border-color,#e6e8ee);--c-border-strong:color-mix(in srgb, var(--border-color,#e6e8ee) 70%, #000);--c-text:var(--text-primary,#1f2433);--c-text-muted:var(--text-secondary,#8b92a5);--c-text-faint:color-mix(in srgb, var(--text-secondary,#8b92a5) 60%, transparent);--c-id:#8b5cf6;--c-status:#0ea5e9;--c-operation:#f59e0b;--c-primary:var(--primary-color,#4f46e5);--c-primary-hover:color-mix(in srgb, var(--primary-color,#4f46e5) 85%, #000);--c-blue:var(--primary-color,#3b82f6);--c-violet:#8b5cf6;--c-teal:#14b8a6;--c-amber:#f59e0b;color:var(--c-text);background:0 0;width:100%;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif}.jcm-header{border-bottom:1px solid var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.jcm-breadcrumb{align-items:center;gap:8px;font-size:14px;display:flex}.jcm-breadcrumb__home{background:var(--primary-gradient,linear-gradient(135deg, var(--c-primary), #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}.jcm-breadcrumb__home:hover{box-shadow:0 2px 8px var(--shadow-color,#4f46e54d)}.jcm-breadcrumb__home:active{transform:translateY(1px)}.jcm-breadcrumb__crumb{color:var(--c-text-muted)}.jcm-breadcrumb__crumb--active{color:var(--c-text);font-weight:600}.jcm-breadcrumb__sep{color:var(--c-text-faint)}.jcm-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--c-border);background:var(--c-bg);width:34px;height:34px;color:var(--c-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary-gradient,linear-gradient(135deg,var(--c-primary),#6366f1));color:#fff;cursor:pointer;height:34px;box-shadow:0 2px 6px var(--shadow-color,#4f46e547);border:none;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .1s,box-shadow .15s,opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.9;box-shadow:0 4px 10px var(--shadow-color,#4f46e557)}.jcm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.jcm-columns{flex-wrap:wrap;gap:8px;display:flex}.col-filter--open{border-color:var(--accent);color:var(--c-text);background:var(--c-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.id-filter__op-btn{border:1px solid var(--c-border);background:var(--c-bg);width:22px;height:22px;color:var(--c-text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;font-size:13px;line-height:1;transition:all .15s;display:inline-flex}.jcm-controls{align-items:center;gap:8px;display:flex}.filter-btn{border:1px solid var(--c-border);background:var(--c-bg);height:34px;color:var(--c-text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex;position:relative}.sort-btn{border:1px solid var(--c-border);background:var(--c-bg);height:34px;color:var(--c-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.menu{z-index:30;background:var(--c-bg);border:1px solid var(--c-border);min-width:200px;max-height:260px;box-shadow:0 10px 28px var(--shadow-color,#1418281f);border-radius:10px;padding:6px;animation:.12s ease-out jcm-pop;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}@keyframes jcm-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-panel{z-index:30;background:var(--c-bg);border:1px solid var(--c-border);width:420px;box-shadow:0 14px 32px var(--shadow-color,#14182824);border-radius:10px;padding:14px;animation:.12s ease-out jcm-pop;position:absolute;top:calc(100% + 8px);right:0}.btn-ghost{border:1px solid var(--c-border);background:var(--c-bg);height:32px;color:var(--c-text-muted);cursor:pointer;border-radius:7px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s}.btn-dark{background:var(--text-primary,#1f2433);height:32px;color:var(--card-bg,#fff);cursor:pointer;border:none;border-radius:7px;padding:0 16px;font-size:13px;font-weight:600;transition:opacity .15s}.btn-dark:hover{opacity:.85}.jcm-table-wrap{border:1px solid var(--c-border);border-radius:12px;width:100%;overflow-x:auto}.jcm-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1000px;font-size:13px}.jcm-table thead th{background:var(--c-surface);color:var(--c-text-muted);text-align:left;border-bottom:1px solid var(--c-border);white-space:nowrap;letter-spacing:.03em;text-transform:uppercase;padding:11px 14px;font-size:12px;font-weight:600}.jcm-table thead th:first-child{border-top-left-radius:12px}.jcm-table thead th:last-child{text-align:center;border-top-right-radius:12px}.jcm-table tbody td{border-bottom:1px solid var(--c-border);color:var(--c-text);vertical-align:middle;background:var(--c-bg);padding:14px}.jcm-table tbody tr:last-child td{border-bottom:none}.jcm-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.jcm-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.jcm-row{cursor:pointer;transition:background .15s}.jcm-row:hover td{background:var(--c-surface)}.cb-col{text-align:center;width:38px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--c-primary);cursor:pointer}.jcm-id-link{color:var(--c-primary);font-size:13px;font-weight:700;text-decoration:none}.jcm-id-link:hover{text-decoration:underline}.jcm-status-pill{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.jcm-muted{color:var(--c-text-muted)}.jcm-time{font-size:12px}.jcm-qty{color:var(--c-text);white-space:nowrap;font-weight:600}.jcm-qty__done{color:#059669}.jcm-qty__sep{color:var(--c-text-faint);margin:0 2px}.meta-cell{text-align:center;white-space:nowrap;position:relative}.meta-inner{color:var(--c-text-faint);align-items:center;gap:10px;font-size:12px;display:inline-flex;position:relative}.jcm-fav{cursor:pointer;color:var(--c-text-faint);transition:color .15s;display:inline-flex}.jcm-fav:hover{color:#f87171}.jcm-fav--on{color:#ef4444}.jcm-ellipsis{cursor:pointer;letter-spacing:1px;color:var(--c-text-faint);font-size:18px;line-height:1;transition:color .15s}.jcm-ellipsis:hover{color:var(--c-text)}.jcm-row-menu{z-index:60;background:var(--c-bg);border:1px solid var(--c-border);box-shadow:0 6px 20px var(--shadow-color,#1418281f);border-radius:10px;min-width:130px;animation:.12s ease-out jcm-pop;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.jcm-row-menu__item{cursor:pointer;color:var(--c-text);padding:10px 14px;font-size:13px;transition:background .12s}.jcm-row-menu__item:hover{background:var(--c-surface)}.jcm-row-menu__item--danger{color:#ef4444}.jcm-row-menu__item--danger:hover{background:#fef2f2}.jcm-empty-cell{text-align:center;padding:56px 20px}.jcm-empty-icon{opacity:.4;margin-bottom:10px;font-size:32px}.jcm-empty-text{color:var(--c-text-muted);margin-bottom:4px;font-size:14px}.jcm-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.jcm-footer__count{color:var(--c-text-muted);font-size:13px}.pagination-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;display:inline-flex;overflow:hidden}.page-size{color:var(--c-text-muted);border:none;border-right:1px solid var(--c-border);cursor:pointer;background:0 0;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.page-size:last-child{border-right:none}.page-size:hover{background:color-mix(in srgb,var(--c-primary) 8%,var(--c-bg));color:var(--c-primary)}.page-size--active{background:var(--c-bg);color:var(--c-primary)}@media (width<=760px){.jcm-header,.jcm-toolbar{flex-direction:column;align-items:flex-start}.jcm-controls{justify-content:flex-end;width:100%}.filter-panel{width:100%;left:0;right:auto}}.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}:root{--jcf-bg:var(--layout-bg,#f0f2f5);--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);min-height:100vh;color:var(--jcf-text-primary);font-size:14px;line-height:1.5}.jcf-header-wrap{background:var(--jcf-surface);border-bottom:1px solid var(--jcf-border);z-index:50;box-shadow:var(--jcf-shadow-sm);padding:0 24px;position:sticky;top:0}.jcf-header-row{align-items:center;gap:16px;height:56px;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{max-width:960px;margin:24px auto;padding:0 20px 80px}.jcf-tabs-wrap{background:var(--jcf-surface);border:1px solid var(--jcf-border);border-radius:var(--jcf-radius-lg);box-shadow:var(--jcf-shadow-sm);z-index:40;margin-bottom:16px;padding:6px 8px;position:sticky;top:57px}.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;min-width:110px;padding:10px 16px;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{border:2px solid var(--jcf-border);background:var(--jcf-surface-2);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:12px;font-weight:700;display:flex;position:relative}.jcf-tab-circle-active{border-color:var(--jcf-blue);background:var(--jcf-blue);color:#fff}.jcf-tab-circle-warning{border-color:var(--jcf-amber);background:var(--jcf-amber-bg);color:var(--jcf-amber)}.jcf-tab-error-badge{background:var(--jcf-red);color:#fff;border:2px solid var(--jcf-surface);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.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);flex-direction:column;gap:18px;padding:24px;display:flex}.jcf-section-title{letter-spacing:.8px;text-transform:uppercase;color:var(--jcf-text-secondary);border-bottom:1px solid var(--jcf-border);align-items:center;gap:7px;margin-bottom:2px;padding-bottom:10px;font-size:11px;font-weight:700;display:flex}.jcf-section-title-first{margin-top:-4px}.jcf-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.jcf-field-block{flex-direction:column;gap:0;display:flex}.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:-8px 0 4px;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);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:4px}.jcf-mt-20{margin-top:4px}.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}@keyframes jcf-overlay-in{0%{opacity:0}to{opacity:1}}.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}@keyframes jcf-modal-in{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.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}@keyframes jcf-spin{to{transform:rotate(360deg)}}.jcf-spinning{animation:.7s linear infinite jcf-spin}@keyframes jcf-fade-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.jcf-fade-in{animation:.2s jcf-fade-slide}@media (width<=680px){.jcf-grid-2{grid-template-columns:1fr}.jcf-container{margin-top:16px;padding:0 12px 60px}.jcf-card{gap:14px;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}}.se-page{--c-bg:#fff;--c-surface:#f7f8fb;--c-border:#e6e8ee;--c-border-strong:#d6d9e3;--c-text:#1f2433;--c-text-muted:#8b92a5;--c-text-faint:#b3b9c8;--c-id:#8b5cf6;--c-type:#f59e0b;--c-source:#0ea5e9;--c-target:#f97316;--c-primary:#4f46e5;--c-primary-hover:#4338ca;--c-blue:#3b82f6;--c-violet:#8b5cf6;--c-teal:#14b8a6;--c-amber:#f59e0b;color:var(--c-text);background:0 0;width:100%;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif}.se-header{border-bottom:1px solid var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.se-breadcrumb{align-items:center;gap:8px;font-size:14px;display:flex}.se-breadcrumb__home{background:linear-gradient(135deg, var(--c-primary), #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}.se-breadcrumb__home:hover{box-shadow:0 2px 8px #4f46e54d}.se-breadcrumb__home:active{transform:translateY(1px)}.se-breadcrumb__crumb{color:var(--c-text-muted)}.se-breadcrumb__crumb--active{color:var(--c-text);font-weight:600}.se-breadcrumb__sep{color:var(--c-text-faint)}.se-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dropdown{position:relative}.pill{background:var(--tint,#eef1ff);height:34px;color:var(--tone,var(--c-primary));cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.pill:hover{box-shadow:0 2px 8px #14182814}.pill:active{transform:translateY(1px)}.pill__icon{display:inline-flex}.pill__chev{opacity:.7;margin-left:2px}.pill--blue{--tint:#e9f1ff;--tone:var(--c-blue)}.pill--violet{--tint:#f3edff;--tone:var(--c-violet)}.icon-btn{border:1px solid var(--c-border);width:34px;height:34px;color:var(--c-text-muted);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-btn:hover{border-color:var(--tone,var(--c-border-strong));color:var(--tone,var(--c-text));background:var(--tint,var(--c-surface))}.icon-btn--teal{--tone:var(--c-teal);--tint:#e7faf6}.icon-btn--slate{--tone:#475569;--tint:#f1f3f7}.btn-primary{background:linear-gradient(135deg, var(--c-primary), #6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .1s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 2px 6px #4f46e547}.btn-primary:hover{background:linear-gradient(135deg, var(--c-primary-hover), #4f46e5);box-shadow:0 4px 10px #4f46e557}.btn-primary:active{transform:translateY(1px)}.btn-primary--lg{height:40px;padding:0 20px;font-size:14px}.se-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.se-columns{flex-wrap:wrap;gap:8px;display:flex}.col-filter-wrap{position:relative}.col-filter{border:1px solid var(--c-border);background:var(--c-surface);height:34px;color:var(--c-text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;max-width:220px;padding:0 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.col-filter__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.col-filter__dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.col-filter:hover{border-color:var(--accent);color:var(--c-text);background:#fff}.col-filter--open{border-color:var(--accent);color:var(--c-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);background:#fff}.col-filter__chev{opacity:.6;margin-left:auto}.col-filter__like{opacity:.5}.id-filter{cursor:default;gap:8px}.id-filter__op-btn{border:1px solid var(--c-border);width:22px;height:22px;color:var(--c-text-muted);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;font-size:13px;line-height:1;transition:all .15s;display:inline-flex}.id-filter__op-btn:hover{border-color:var(--c-id);color:var(--c-id);background:#f6f3ff}.id-filter__approx{font-size:14px}.id-op-menu{min-width:110px}.menu__footer{border-top:1px solid var(--c-border);margin-top:4px;padding-top:4px}.menu__item--action{font-weight:600}.menu__item--action-icon{flex-shrink:0}.menu__item--create{color:var(--c-primary)}.menu__item--search{color:var(--c-text-muted);font-weight:500}.se-controls{align-items:center;gap:8px;display:flex}.filter-btn{border:1px solid var(--c-border);height:34px;color:var(--c-text-muted);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex;position:relative}.filter-btn:hover{border-color:var(--c-amber);color:var(--c-amber)}.filter-btn--active{border-color:var(--c-amber);color:var(--c-amber);background:#fffaf0}.filter-btn--open{border-color:var(--c-amber);color:var(--c-amber);box-shadow:0 0 0 3px #f59e0b24}.filter-btn__badge{background:var(--c-amber);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex}.filter-clear{width:22px;height:22px;color:var(--c-text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:4px;transition:all .15s;display:inline-flex}.filter-clear:hover{color:#ef4444;background:#fef2f2}.sort-btn{border:1px solid var(--c-border);height:34px;color:var(--c-text);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.sort-btn:hover{border-color:var(--c-teal);color:var(--c-teal)}.sort-btn__icon{color:var(--c-teal);transition:transform .2s}.sort-btn__icon--asc{transform:rotate(180deg)}.menu{z-index:30;border:1px solid var(--c-border);background:#fff;border-radius:10px;min-width:200px;max-height:260px;padding:6px;animation:.12s ease-out se-pop;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 10px 28px #1418281f}@keyframes se-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu--sm{min-width:170px}.menu--list{min-width:240px}.menu--narrow{min-width:150px}.menu--right{left:auto;right:0}.menu__item{color:var(--c-text);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.menu__item:hover{background:var(--c-surface)}.menu__item--active{color:var(--c-primary)}.menu__check{color:var(--c-primary);flex-shrink:0}.menu__item:not(.menu__item--active) .menu__check{visibility:hidden}.menu__empty{color:var(--c-text-faint);text-align:center;padding:14px 10px;font-size:13px}.filter-panel{z-index:30;border:1px solid var(--c-border);background:#fff;border-radius:10px;width:420px;padding:14px;animation:.12s ease-out se-pop;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 32px #14182824}.filter-row{align-items:center;gap:8px;display:flex}.filter-row__field{flex:1.3}.filter-row__op{flex:1}.filter-select{border:1px solid var(--c-border);background:var(--c-surface);width:100%;height:34px;color:var(--c-text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;font-size:13px;transition:border-color .15s;display:flex}.filter-select:hover{border-color:var(--c-amber)}.filter-input{border:1px solid var(--c-border);background:var(--c-surface);height:34px;color:var(--c-text);border-radius:8px;flex:1.4;padding:0 10px;font-size:13px}.filter-input:focus{border-color:var(--c-amber);background:#fff;outline:none;box-shadow:0 0 0 3px #f59e0b24}.filter-remove{width:30px;height:30px;color:var(--c-text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.filter-remove:hover{color:#ef4444;background:#fef2f2}.filter-panel__footer{border-top:1px solid var(--c-border);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.link-btn{color:var(--c-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.link-btn:hover{text-decoration:underline}.filter-panel__footer-actions{gap:8px;display:flex}.btn-ghost{border:1px solid var(--c-border);height:32px;color:var(--c-text-muted);cursor:pointer;background:#fff;border-radius:7px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s}.btn-ghost:hover{border-color:var(--c-border-strong);color:var(--c-text);background:var(--c-surface)}.btn-dark{color:#fff;cursor:pointer;background:#1f2433;border:none;border-radius:7px;height:32px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s}.btn-dark:hover{background:#11141f}.se-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:90px 20px 70px;display:flex}.se-empty__icon{width:64px;height:64px;color:var(--c-primary);background:linear-gradient(135deg,#eef1ff,#f3edff);border-radius:16px;justify-content:center;align-items:center;display:flex}.se-empty__title{color:var(--c-text-muted);margin:0;font-size:14px}@media (width<=760px){.se-header,.se-toolbar{flex-direction:column;align-items:flex-start}.se-controls{justify-content:flex-end;width:100%}.filter-panel{width:100%;left:0;right:auto}}.sef-shell{--c-bg:#f8f9fc;--c-surface:#fff;--c-surface-2:#f3f4f8;--c-border:#e4e7f0;--c-border-strong:#cdd0df;--c-text:#16192a;--c-text-sub:#4b5068;--c-text-muted:#8b92ad;--c-text-faint:#c2c7d8;--c-primary:#4f46e5;--c-primary-light:#ede9fe;--c-primary-hover:#4338ca;--c-primary-glow:#4f46e52e;--c-amber:#f59e0b;--c-amber-bg:#fffbeb;--c-amber-border:#fde68a;--c-red:#ef4444;--c-green:#10b981;--c-teal:#0d9488;--c-blue:#3b82f6;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--shadow-card:0 1px 3px #16192a0f, 0 4px 16px #16192a0d;--shadow-input:0 1px 2px #16192a0a;--shadow-btn:0 2px 8px #4f46e547;--shadow-focus:0 0 0 3px var(--c-primary-glow);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--c-bg);width:100%;min-height:100%;font-family:var(--font);color:var(--c-text);flex-direction:column;display:flex}*,:before,:after{box-sizing:border-box}.sef-topbar{background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 28px;display:flex}.sef-topbar__left{align-items:center;gap:12px;min-width:0;display:flex}.sef-breadcrumb{align-items:center;gap:6px;font-size:13px;display:flex}.sef-breadcrumb__home{border-radius:var(--r-sm);color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s;display:inline-flex;box-shadow:0 2px 6px #4f46e559}.sef-breadcrumb__home:hover{opacity:.85}.sef-breadcrumb__sep{color:var(--c-text-faint);-webkit-user-select:none;user-select:none;font-size:14px;font-weight:300}.sef-breadcrumb__crumb{color:var(--c-text-muted);white-space:nowrap;font-size:13px}.sef-breadcrumb__crumb--active{color:var(--c-text);font-weight:600}.sef-breadcrumb__crumb--link{color:var(--c-text-muted);cursor:pointer;transition:color .15s}.sef-breadcrumb__crumb--link:hover{color:var(--c-primary)}.sef-badge{border-radius:var(--r-pill);letter-spacing:.02em;background:var(--c-amber-bg);color:#92400e;border:1px solid var(--c-amber-border);flex-shrink:0;align-items:center;height:22px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.sef-topbar__right{flex-shrink:0;align-items:center;gap:8px;display:flex}.sef-btn{border-radius:var(--r-md);height:36px;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:0 16px;line-height:1;transition:all .15s;display:inline-flex}.sef-btn--ghost{border:1px solid var(--c-border);color:var(--c-text-muted);background:0 0}.sef-btn--ghost:hover{border-color:var(--c-border-strong);color:var(--c-text);background:var(--c-surface-2)}.sef-btn--outline{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text-sub)}.sef-btn--outline:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-light)}.sef-btn--primary{color:#fff;box-shadow:var(--shadow-btn);background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:1px solid #0000}.sef-btn--primary:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);box-shadow:0 4px 14px #4f46e566}.sef-btn--primary:active{transform:translateY(1px)}.sef-tabs{border-bottom:1px solid var(--c-border);background:var(--c-surface);flex-shrink:0;gap:4px;padding:0 28px;display:flex}.sef-tab{color:var(--c-text-muted);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none;padding:12px 16px;transition:color .15s;position:relative}.sef-tab:after{content:"";background:var(--c-primary);border-radius:2px 2px 0 0;height:2px;transition:transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.sef-tab--active{color:var(--c-primary);font-weight:700}.sef-tab--active:after{transform:scaleX(1)}.sef-tab:hover:not(.sef-tab--active){color:var(--c-text-sub)}.sef-body{flex-direction:column;flex:1;gap:20px;padding:28px 28px 80px;display:flex;overflow-y:auto}.sef-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden}.sef-card-header{border-bottom:1px solid var(--c-border);cursor:pointer;justify-content:space-between;align-items:center;padding:13px 20px;transition:background .15s;display:flex}.sef-card-header:hover{background:var(--c-surface-2)}.sef-card-header-left{align-items:center;gap:10px;display:flex}.sef-card-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.sef-card-icon--indigo{color:#6d28d9;background:#ede9fe}.sef-card-icon--teal{color:#0f766e;background:#ccfbf1}.sef-card-icon--amber{color:#a16207;background:#fef9c3}.sef-card-icon--slate{color:#475569;background:#f1f5f9}.sef-card-title{color:var(--c-text);letter-spacing:.01em;font-size:13px;font-weight:700}.sef-card-chev{color:var(--c-text-faint);flex-shrink:0;transition:transform .22s}.sef-card-chev--open{transform:rotate(180deg)}.sef-card-body{padding:24px 20px}.sef-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden}.sef-section-header{cursor:pointer;border-bottom:1px solid var(--c-border);align-items:center;gap:10px;padding:13px 20px;transition:background .15s;display:flex}.sef-section-header:hover{background:var(--c-surface-2)}.sef-section-header:hover .sef-section-title{color:var(--c-primary)}.sef-section-title{color:var(--c-text);letter-spacing:.01em;font-size:13px;font-weight:700;transition:color .15s}.sef-section-chev{color:var(--c-text-faint);margin-left:auto;transition:transform .22s}.sef-section-chev--open{transform:rotate(180deg)}.sef-section-body{padding:24px 20px}.sef-main-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:24px 20px}.sef-form-grid{grid-template-columns:1fr 1fr;gap:20px 32px;display:grid}.sef-field{flex-direction:column;gap:7px;display:flex}.sef-field--full{grid-column:1/-1}.sef-label{color:var(--c-text-muted);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex}.sef-label__req{color:var(--c-red);font-size:13px;line-height:1}.sef-input,.sef-select,.sef-textarea{border:1.5px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2);height:38px;color:var(--c-text);font-size:13.5px;font-family:var(--font);appearance:none;width:100%;box-shadow:var(--shadow-input);padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s}.sef-input:hover:not(:disabled),.sef-select:hover:not(:disabled){border-color:var(--c-border-strong);background:#fff}.sef-input:focus,.sef-select:focus,.sef-textarea:focus{border-color:var(--c-primary);box-shadow:var(--shadow-focus);background:#fff;outline:none}.sef-input::placeholder,.sef-textarea::placeholder{color:var(--c-text-faint)}.sef-input--disabled{background:var(--c-surface-2);color:var(--c-text-muted);cursor:not-allowed;border-color:var(--c-border);box-shadow:none;opacity:.72}.sef-select-wrap{position:relative}.sef-select-wrap .sef-select{padding-right:34px}.sef-select-wrap__arrow{color:var(--c-text-muted);pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.sef-textarea{resize:vertical;height:auto;min-height:120px;padding:10px 12px;line-height:1.6}.sef-checkbox-row{align-items:center;gap:9px;height:38px;display:flex}.sef-checkbox{width:16px;height:16px;accent-color:var(--c-primary);cursor:pointer;flex-shrink:0}.sef-checkbox-label{color:var(--c-text-sub);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500}.sef-barcode-wrap{position:relative}.sef-barcode-wrap .sef-input{padding-right:42px}.sef-barcode-icon{color:var(--c-text-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sef-items-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden}.sef-items-header{border-bottom:1px solid var(--c-border);align-items:center;gap:10px;padding:13px 20px;display:flex}.sef-items-title{color:var(--c-text);font-size:13px;font-weight:700}.sef-items-count{border-radius:var(--r-pill);background:var(--c-primary-light);min-width:22px;height:22px;color:var(--c-primary);justify-content:center;align-items:center;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.sef-table-wrap{overflow-x:auto}.sef-table{border-collapse:collapse;width:100%;min-width:680px;font-size:13px}.sef-table thead{background:var(--c-surface-2)}.sef-table th{text-align:left;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border-bottom:1px solid var(--c-border);padding:10px 14px;font-size:10.5px;font-weight:800}.sef-table td{border-bottom:1px solid var(--c-border);vertical-align:middle;padding:9px 10px}.sef-table tbody tr:last-child td{border-bottom:none}.sef-table tbody tr{transition:background .12s}.sef-table tbody tr:hover td{background:#f8f9ff}.sef-table__check{text-align:center;width:40px;padding:0 8px!important}.sef-table__no{width:46px;color:var(--c-text-faint);text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.sef-cell-input{border:1.5px solid var(--c-border);border-radius:var(--r-sm);height:32px;color:var(--c-text);font-size:12.5px;font-family:var(--font);background:#fff;width:100%;padding:0 9px;transition:border-color .15s,box-shadow .15s}.sef-cell-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-glow);outline:none}.sef-cell-input:hover:not(:focus){border-color:var(--c-border-strong)}.sef-cell-input--num{text-align:right;font-variant-numeric:tabular-nums}.sef-cell-input--readonly{background:var(--c-surface-2);color:var(--c-text-muted);cursor:default}.sef-table__actions{text-align:center;width:44px}.sef-row-edit{border-radius:var(--r-sm);border:1.5px solid var(--c-border);width:28px;height:28px;color:var(--c-text-muted);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.sef-row-edit:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-light)}.sef-table-footer{background:var(--c-surface-2);border-top:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.sef-table-footer__left,.sef-table-footer__right{align-items:center;gap:8px;display:flex}.sef-link-btn{color:var(--c-primary);font-size:12.5px;font-weight:600;font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:0;transition:opacity .15s}.sef-link-btn:hover{opacity:.75;text-decoration:underline}.sef-link-btn--muted{color:var(--c-text-muted)}.sef-update-btn{border:1.5px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);height:32px;font-size:12px;font-weight:600;font-family:var(--font);color:var(--c-text-sub);cursor:pointer;align-items:center;gap:5px;padding:0 14px;transition:all .15s;display:inline-flex}.sef-update-btn:hover{border-color:var(--c-teal);color:var(--c-teal);background:#f0fdfa}@media (width<=720px){.sef-topbar{padding:0 16px}.sef-body{padding:20px 16px 60px}.sef-form-grid{grid-template-columns:1fr;gap:16px}.sef-field--full{grid-column:1}}*{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);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}.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)}*{box-sizing:border-box}.add-btn{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}.add-btn:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.add-btn:active{transform:translateY(0)}.add-btn svg{stroke:currentColor}.orders-container{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex:1;overflow:hidden}.empty-icon{opacity:.7;margin-bottom:20px}.empty-icon svg{stroke:var(--text-secondary,#9ca3af)}.orders-table-wrapper{width:100%;overflow-x:auto}.orders-table-wrapper::-webkit-scrollbar{height:6px}.orders-table-wrapper::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.orders-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.orders-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.orders-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.orders-table thead{background:var(--layout-bg,#f8f9fa)}.orders-table th{text-align:left;color:var(--text-secondary,#6b7280);border-bottom:2px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;font-size:12px;font-weight:600}.orders-table td{border-bottom:1px solid var(--border-color,#f3f4f6);color:var(--text-primary,#374151);padding:10px 14px}.orders-table tbody tr{transition:background .15s}.orders-table tbody tr:hover{background:var(--nav-hover,#f9fafb)}.order-id{color:var(--primary-color,#6366f1);font-weight:600}.status-badge{border-radius:99px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.status-pending{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.status-in-progress{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.status-completed{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.status-cancelled{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;width:100%;max-width:900px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);z-index:1;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-close{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:24px;line-height:1;transition:all .2s}.modal-close:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#1f2433)}.sales-order-form{padding:24px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-primary,#374151);font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#374151);background:var(--input-bg,#fff);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .2s}.items-section{margin-bottom:24px}.items-header h3{color:var(--text-primary,#1f2433);margin:0;font-size:15px;font-weight:600}.add-item-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .2s}.items-table-wrapper::-webkit-scrollbar{height:6px}.items-table-wrapper::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.items-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.amount-cell{color:var(--text-primary,#1f2433);font-weight:500}.total-label{text-align:right;color:var(--text-primary,#374151);font-weight:600;padding:12px!important}.total-amount{color:var(--text-primary,#1f2433);font-size:16px;font-weight:700;padding:12px!important}.notes-group{margin-bottom:24px}.notes-group textarea{resize:vertical;min-height:60px}.form-actions{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border-radius:8px;height:38px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s}.submit-btn:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}@media (width<=1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sales-order-page{gap:12px;padding:12px}.page-header{flex-direction:column;align-items:stretch}.add-btn{justify-content:center}.search-filter-bar{flex-direction:column;padding:12px}.search-input-wrapper{width:100%}.filter-controls{flex-wrap:wrap;width:100%}.filter-select,.date-filter{flex:1;min-width:120px}.form-grid{grid-template-columns:1fr}.modal-content{border-radius:12px;max-width:100%;margin:10px}.modal-header{padding:16px 20px}.sales-order-form{padding:16px}.items-table input[type=number]{width:60px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;justify-content:center;width:100%}.orders-table{min-width:700px}.orders-table th,.orders-table td{padding:8px 10px;font-size:12px}.empty-state{padding:40px 16px}.empty-title{font-size:16px}}@media (width<=480px){.sales-order-page{padding:8px}.filter-controls{flex-direction:column;width:100%}.filter-select,.date-filter{width:100%}.items-table{min-width:500px}.items-table input[type=number]{width:50px}.form-grid{grid-template-columns:1fr}.modal-content{border-radius:0;max-width:100%;max-height:100vh;margin:0}.modal-header{padding:12px 16px}.sales-order-form{padding:12px}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--layout-bg,#f1f1f1);border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:var(--border-color,#c1c1c1);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#a8a8a8)}.dark-theme .sales-order-page{background:var(--layout-bg,#0f172a)}.dark-theme .filter-select option{background:var(--card-bg,#1e293b);color:var(--text-primary,#f8fafc)}.dark-theme .orders-container{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .orders-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .orders-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .orders-table td{border-bottom-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .orders-table tbody tr:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .order-id{color:var(--primary-color,#818cf8)}.dark-theme .modal-content{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.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 .form-group input::placeholder,.dark-theme .form-group textarea::placeholder{color:var(--text-secondary,#64748b)}.dark-theme .items-header h3{color:var(--text-primary,#f8fafc)}.dark-theme .total-label{color:var(--text-primary,#e2e8f0)}.dark-theme .total-amount{color:var(--text-primary,#f8fafc)}.dark-theme .submit-btn:hover{background:var(--primary-hover,#2563eb)}.dark-theme .empty-icon svg{stroke:var(--text-secondary,#64748b)}.dark-theme .status-pending{color:#fbbf24;background:#fbbf2433;border-color:#fbbf244d}.dark-theme .status-in-progress{color:#60a5fa;background:#3b82f633;border-color:#3b82f64d}.dark-theme .status-completed{color:#34d399;background:#10b98133;border-color:#10b9814d}.dark-theme .status-cancelled{color:#f87171;background:#ef444433;border-color:#ef44444d}.dark-theme .add-item-btn{background:var(--primary-color,#3b82f6)}.dark-theme .view-btn{color:var(--primary-color,#818cf8)}.dark-theme .view-btn:hover{background:#6366f126}.dark-theme .edit-btn{color:#fbbf24}.dark-theme .edit-btn:hover{background:#fbbf2426}.dark-theme .delete-btn{color:#f87171}.dark-theme .delete-btn:hover{background:#ef444426}.dark-theme .modal-overlay{background:#000000b3}.keyboard-shortcuts-hint{color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f3f4f6);border:1px solid var(--border-color,#e5e7eb);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;display:flex}.keyboard-shortcuts-hint svg{color:var(--primary-color,#6366f1)}.section-shortcut,.shortcut-hint{color:var(--text-secondary,#9ca3af);background:var(--layout-bg,#f3f4f6);border:1px solid var(--border-color,#e5e7eb);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:10px}.field-shortcut,.key-hint{color:var(--text-secondary,#9ca3af);font-size:9px;font-weight:400}.keyboard-tips{background:var(--layout-bg,#f3f4f6);color:var(--text-secondary,#6b7280);border-radius:8px;flex-wrap:wrap;gap:16px;margin-top:12px;padding:10px 12px;font-size:12px;display:flex}.focused-row input:focus{border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 2px #6366f133}.submit-btn{position:relative}.submit-btn:after{content:"";background:linear-gradient(135deg, var(--primary-color), #818cf8);-webkit-mask-composite:xor;opacity:0;border-radius:32px;padding:2px;transition:opacity .3s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.submit-btn:focus:after{opacity:1}.sales-invoice-page{background:var(--layout-bg,#f5f7fb);height:100%;color:var(--text-primary,#1f2433);border-radius:8px;flex-direction:column;gap:16px;padding:20px 30px;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden auto}.sales-invoice-page::-webkit-scrollbar{width:6px}.sales-invoice-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.sales-invoice-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.sales-invoice-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.invoice-count{color:var(--text-secondary,#6b7280);background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:20px;padding:4px 12px;font-size:13px}.btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.stats-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.stat-total .stat-icon{color:#6366f1;background:#e0e7ff}.stat-amount .stat-icon{color:#3b82f6;background:#dbeafe}.stat-paid .stat-icon{color:#10b981;background:#d1fae5}.stat-unpaid .stat-icon{color:#f59e0b;background:#fef3c7}.stat-content{flex:1}.stat-label{color:var(--text-secondary,#6b7280);margin-bottom:2px;font-size:12px}.status-filters{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.filter-pill{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;transition:all .2s;display:inline-flex}.filter-pill:hover{background:var(--layout-bg,#f3f4f6)}.filter-pill.active{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.filter-pill.status-paid.active{background:#10b981;border-color:#10b981}.filter-pill.status-partial.active{background:#f59e0b;border-color:#f59e0b}.filter-pill.status-unpaid.active{background:#ef4444;border-color:#ef4444}.filter-pill.status-overdue.active{background:#dc2626;border-color:#dc2626}.search-filter-bar{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.search-input-wrapper{background:var(--input-bg,#f8f9fa);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex:1;align-items:center;min-width:200px;height:38px;padding:0 12px;transition:all .2s;display:flex}.search-input-wrapper:focus-within{border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px #6366f11a}.search-icon{color:var(--text-secondary,#9ca3af);flex-shrink:0}.search-input{color:var(--text-primary,#374151);background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-size:13px}.filter-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-select,.date-filter{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:6px 12px;font-size:13px}.filter-select:focus,.date-filter:focus{border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px #6366f11a}.filter-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:6px 16px;font-size:13px;transition:all .2s;display:inline-flex}.filter-btn:hover{background:var(--primary-hover,#4f46e5)}.invoices-container{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex:1;overflow:hidden}.empty-title{color:var(--text-primary,#1f2433);margin:0 0 8px;font-size:18px;font-weight:600}.empty-subtitle{color:var(--text-secondary,#6b7280);margin:0 0 20px;font-size:14px}.invoices-table-wrapper{width:100%;overflow-x:auto}.invoices-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:13px}.invoices-table thead{background:var(--layout-bg,#f8f9fa)}.invoices-table th{text-align:left;color:var(--text-secondary,#6b7280);border-bottom:2px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 16px;font-size:11px;font-weight:600}.invoices-table td{border-bottom:1px solid var(--border-color,#f3f4f6);color:var(--text-primary,#374151);padding:12px 16px}.invoice-row{transition:background .15s}.invoice-row:hover{background:var(--nav-hover,#f9fafb)}.invoice-number{color:var(--primary-color,#6366f1);font-weight:600;display:block}.invoice-order-ref{color:var(--text-secondary,#9ca3af);font-size:11px}.customer-info{flex-direction:column;display:flex}.amount-cell{white-space:nowrap;font-weight:500}.paid-amount{color:#10b981}.balance-amount{color:#ef4444}.overdue-date{color:#ef4444;font-weight:600}.status-paid{color:#065f46;background:#d1fae5}.status-partial{color:#92400e;background:#fef3c7}.status-unpaid{color:#991b1b;background:#fee2e2}.status-overdue{color:#dc2626;background:#fef2f2}.status-cancelled{color:#6b7280;background:#f3f4f6}.action-buttons{align-items:center;gap:4px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.view-btn{color:var(--primary-color,#6366f1)}.view-btn:hover{background:#6366f11a}.edit-btn{color:#f59e0b}.edit-btn:hover{background:#f59e0b1a}.pdf-btn{color:#ef4444}.pdf-btn:hover{background:#ef44441a}.email-btn{color:#3b82f6}.email-btn:hover{background:#3b82f61a}.delete-btn{color:#ef4444}.delete-btn:hover{background:#ef44441a}.table-footer{border-top:1px solid var(--border-color,#e5e7eb);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.footer-info{color:var(--text-secondary,#6b7280);font-size:13px}.footer-summary{color:var(--text-primary,#1f2433);gap:20px;font-size:13px;font-weight:500;display:flex}.unpaid-summary{color:#ef4444}@media (width<=1024px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sales-invoice-page{padding:12px 16px}.page-header{flex-direction:column;align-items:stretch}.header-left{justify-content:space-between}.header-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}.stats-container{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:12px 16px}.stat-value{font-size:18px}.search-filter-bar{flex-direction:column;align-items:stretch}.filter-controls{flex-wrap:wrap}.filter-select,.date-filter{flex:1;min-width:120px}.invoices-table{min-width:800px}.table-footer{flex-direction:column;align-items:flex-start}.footer-summary{flex-wrap:wrap;gap:12px}}@media (width<=480px){.sales-invoice-page{padding:8px 12px}.stats-container{grid-template-columns:1fr}.status-filters{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.filter-pill{white-space:nowrap}.invoices-table{min-width:700px}.action-buttons{gap:2px}.action-btn{width:28px;height:28px}}.dark-theme .sales-invoice-page{background:var(--layout-bg,#0f172a)}.dark-theme .invoice-count{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .stat-card{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .stat-label{color:var(--text-secondary,#94a3b8)}.dark-theme .search-filter-bar{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .search-input-wrapper{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .filter-select,.dark-theme .date-filter{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .invoices-container{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .invoices-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .invoices-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .invoices-table td{border-bottom-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .invoice-row:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .invoice-number{color:var(--primary-color,#818cf8)}.dark-theme .customer-code{color:var(--text-secondary,#64748b)}.dark-theme .filter-pill{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .filter-pill:hover{background:var(--layout-bg,#0f172a)}.dark-theme .filter-pill.active{background:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6);color:#fff}.dark-theme .filter-pill.status-paid.active{background:#10b981;border-color:#10b981}.dark-theme .filter-pill.status-partial.active{background:#f59e0b;border-color:#f59e0b}.dark-theme .filter-pill.status-unpaid.active{background:#ef4444;border-color:#ef4444}.dark-theme .filter-pill.status-overdue.active{background:#dc2626;border-color:#dc2626}.dark-theme .status-paid{color:#34d399;background:#10b98133}.dark-theme .status-partial{color:#fbbf24;background:#fbbf2433}.dark-theme .status-unpaid{color:#f87171;background:#ef444433}.dark-theme .status-overdue{color:#f87171;background:#dc262633}.dark-theme .status-cancelled{color:#9ca3af;background:#6b728033}.dark-theme .table-footer{border-top-color:var(--border-color,#334155)}.dark-theme .footer-info{color:var(--text-secondary,#94a3b8)}.dark-theme .footer-summary{color:var(--text-primary,#f8fafc)}.dark-theme .filter-btn{background:var(--primary-color,#3b82f6)}.dark-theme .filter-btn:hover{background:var(--primary-hover,#2563eb)}.dark-theme .empty-icon{color:var(--text-secondary,#64748b)}.dark-theme .empty-title{color:var(--text-primary,#f8fafc)}.dark-theme .empty-subtitle{color:var(--text-secondary,#94a3b8)}.dark-theme .paid-amount{color:#34d399}.dark-theme .balance-amount,.dark-theme .overdue-date{color:#f87171}.create-invoice-page{background:var(--layout-bg,#f5f7fb);height:100%;color:var(--text-primary,#1f2433);border-radius:8px;flex-direction:column;gap:16px;padding:20px 30px;font-family:-apple-system,Inter,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden auto}.create-invoice-page::-webkit-scrollbar{width:6px}.create-invoice-page::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.create-invoice-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.create-invoice-page::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#6366f1)}.cancel-btn,.submit-btn{cursor:pointer;white-space:nowrap;border-radius:30px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.submit-btn{background:var(--primary-color,#6366f1);color:#fff;border:none}.submit-btn:hover:not(:disabled){background:var(--primary-hover,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.tabs-container{background:0 0;margin-bottom:16px}.tabs-wrapper{border-bottom:1px solid var(--border-color,#e5e7eb);flex-wrap:wrap;gap:24px;padding-bottom:0;display:flex;position:relative}.tab-button{cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;gap:10px;padding:8px 4px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tab-button.active,.tab-button.completed{opacity:1}.tab-indicator{border-radius:36px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.tab-button.active .tab-indicator{background:var(--primary-color,#6366f1);color:#fff;box-shadow:0 2px 6px color-mix(in srgb, var(--primary-color) 20%, transparent)}.tab-button.completed .tab-indicator{background:var(--primary-color,#6366f1);color:#fff;box-shadow:0 1px 3px color-mix(in srgb, var(--primary-color) 10%, transparent)}.tab-button:not(.active):not(.completed) .tab-indicator{background:var(--card-bg,#fff);color:var(--text-secondary,#6b7280);border:1px solid var(--border-color,#e5e7eb)}.tab-content{text-align:left}.tab-label{color:var(--text-secondary,#9ca3af);letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:500}.tab-button.active .tab-label{color:var(--primary-color,#6366f1)}.tab-name{color:var(--text-secondary,#6b7280);font-size:13px;font-weight:600}.tab-button.active .tab-name{color:var(--text-primary,#1f2433)}.tab-active-line{background:var(--primary-color,#6366f1);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.form-content{background:0 0;min-height:auto}.tab-panel{animation:.3s ease-in-out fadeIn}.form-section{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;margin-bottom:16px;padding:20px}.form-section:last-child{margin-bottom:0}.items-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.items-table-wrapper{border:1px solid var(--border-color,#e5e7eb);border-radius:10px;overflow-x:auto}.items-table th{text-align:left;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:10px 12px;font-size:11px;font-weight:500}.items-table input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#374151);border-radius:6px;padding:6px 8px;font-size:13px;transition:all .2s}.amount-cell{color:var(--text-primary,#1f2433);white-space:nowrap;font-weight:500}.total-item{color:var(--primary-color,#6366f1);font-weight:600}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.summary-cards{background:var(--layout-bg,#f8f9fa);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:16px;display:grid}.summary-item{background:var(--card-bg,#fff);border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.summary-item span{color:var(--text-secondary,#6b7280);font-size:11px}.summary-item strong{color:var(--text-primary,#1f2433);font-size:14px}.summary-item.total{background:color-mix(in srgb, var(--primary-color) 10%, transparent);border:1px solid var(--primary-color,#6366f1)}.summary-item.total strong{color:var(--primary-color,#6366f1);font-size:18px}.discount-text{color:#10b981!important}.final-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.summary-row{background:var(--layout-bg,#f8f9fa);border-radius:8px;justify-content:space-between;padding:8px 12px;display:flex}.summary-row span{color:var(--text-secondary,#6b7280);font-size:13px}.summary-row strong{color:var(--text-primary,#1f2433);font-size:14px}.total-row{background:color-mix(in srgb, var(--primary-color) 10%, transparent);border:1px solid var(--primary-color,#6366f1)}.total-row strong{color:var(--primary-color,#6366f1);font-size:18px}.paid-row{background:#d1fae5;border:1px solid #6ee7b7}.paid-text{color:#065f46!important}.balance-row{background:#fef3c7;border:1px solid #fde68a}.balance-text{color:#92400e!important}.form-actions{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.prev-btn,.next-btn{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;padding:8px 20px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.prev-btn{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#6b7280)}.prev-btn:hover{background:var(--layout-bg,#f3f4f6)}.next-btn{background:var(--primary-color,#6366f1);color:#fff;box-shadow:0 2px 4px color-mix(in srgb, var(--primary-color) 20%, transparent)}.next-btn:hover{background:var(--primary-hover,#4f46e5);opacity:.9}@media (width<=1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.create-invoice-page{padding:12px 16px}.page-header{flex-direction:column;align-items:stretch}.header-left{justify-content:space-between}.header-actions{flex-direction:column;width:100%}.cancel-btn,.submit-btn{justify-content:center;width:100%}.tabs-wrapper{gap:12px}.tab-button{flex:1;justify-content:center}.tab-content{display:none}.tab-indicator{width:32px;height:32px;font-size:12px}.form-grid{grid-template-columns:1fr}.form-section{padding:16px}.items-table{min-width:600px}.summary-cards{grid-template-columns:repeat(2,1fr)}.final-summary{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:8px}.prev-btn,.next-btn,.submit-btn{justify-content:center;width:100%}}@media (width<=480px){.create-invoice-page{padding:8px 12px}.form-section{padding:12px}.items-table{min-width:500px}.items-table input[type=number]{width:50px}.summary-cards{grid-template-columns:1fr}.page-title{font-size:18px}}.dark-theme .create-invoice-page{background:var(--layout-bg,#0f172a)}.dark-theme .items-table-wrapper{border-color:var(--border-color,#334155)}.dark-theme .amount-cell{color:var(--text-primary,#f8fafc)}.dark-theme .total-item{color:var(--primary-color,#818cf8)}.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 .summary-cards{background:var(--layout-bg,#0f172a)}.dark-theme .summary-item{background:var(--card-bg,#1e293b)}.dark-theme .summary-item strong{color:var(--text-primary,#f8fafc)}.dark-theme .summary-item.total{background:#6366f126}.dark-theme .summary-item.total strong{color:var(--primary-color,#818cf8)}.dark-theme .summary-row{background:var(--layout-bg,#0f172a)}.dark-theme .summary-row strong{color:var(--text-primary,#f8fafc)}.dark-theme .total-row{background:#6366f126}.dark-theme .paid-row{background:#10b98126;border-color:#10b9814d}.dark-theme .balance-row{background:#fbbf2426;border-color:#fbbf244d}.dark-theme .prev-btn{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .prev-btn:hover{background:var(--layout-bg,#0f172a)}.dark-theme .next-btn{background:var(--primary-color,#3b82f6)}.dark-theme .next-btn:hover{background:var(--primary-hover,#2563eb)}.dark-theme .tab-button:not(.active):not(.completed) .tab-indicator{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .tab-label{color:var(--text-secondary,#64748b)}.dark-theme .tab-name{color:var(--text-secondary,#94a3b8)}.dark-theme .tab-button.active .tab-name{color:var(--text-primary,#f8fafc)}.dark-theme .tabs-wrapper{border-color:var(--border-color,#334155)}.dark-theme .discount-text{color:#34d399!important}.cl-page{background:var(--layout-bg,#fff);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.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-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}.cl-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);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;padding:24px}.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);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)}.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}.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)}.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-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)}@media (width<=1024px){.cl-stats-container{grid-template-columns:repeat(2,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}}@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}}.acf-page{background:var(--layout-bg,#fff);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:visible}.acf-header-wrap{margin-bottom:16px}.acf-header-row{flex-wrap:wrap;align-items:center;gap:16px;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;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{color:var(--text-primary,#111827);flex:1;margin:0;font-size:20px;font-weight:700}.acf-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}.acf-container{flex:1}.acf-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}.acf-tabs-row{align-items:stretch;gap:4px;min-width:720px;display:flex}.acf-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}.acf-tab-btn:hover{background:var(--nav-hover,#f9fafb)}.acf-tab-btn-active{background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.acf-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}.acf-tab-circle-active{background:var(--primary-color,#6366f1);color:#fff}.acf-tab-circle-warning{color:#f59e0b;background:#f59e0b26}.acf-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}.acf-tab-label-wrap{flex-direction:column;gap:1px;min-width:0;display:flex}.acf-tab-step{color:var(--text-secondary,#9ca3af);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.acf-tab-step-active{color:var(--primary-color,#6366f1)}.acf-tab-step-warning{color:#f59e0b}.acf-tab-name{color:var(--text-primary,#374151);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.acf-tab-name-active{color:var(--primary-color,#6366f1)}.acf-tab-underline{background:var(--primary-color,#6366f1);border-radius:2px;height:2px;position:absolute;bottom:0;left:8px;right:8px}.acf-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}.acf-fade-in{animation:.18s acf-fadein}@keyframes acf-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.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-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.acf-field-block{margin-bottom:16px}.acf-mb-20{margin-bottom:20px}.acf-mt-20{margin-top:20px}.acf-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}.acf-section-title-first{border-top:none;margin-top:0;padding-top:0}.acf-section-title svg{color:var(--primary-color,#6366f1)}.acf-label{color:var(--text-secondary,#6b7280);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.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:disabled{opacity:.6;cursor:not-allowed}.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:90px;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-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-info-banner{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#374151);border-radius:8px;margin-top:8px;padding:10px 14px;font-size:12.5px}.acf-helper-text{color:var(--text-secondary,#6b7280);margin:-6px 0 16px;font-size:12.5px;line-height:1.5}.acf-table-wrap{border:1px solid var(--border-color,#e5e7eb);border-radius:10px;overflow:hidden}.acf-table{border-collapse:collapse;width:100%;font-size:12.5px}.acf-table th{text-align:left;color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);text-transform:uppercase;letter-spacing:.3px;padding:10px 12px;font-size:11px;font-weight:700}.acf-table td{border-bottom:1px solid var(--border-color,#f3f4f6);vertical-align:middle;padding:6px 8px}.acf-table tr:last-child td{border-bottom:none}.acf-table-empty{text-align:center;color:var(--text-secondary,#9ca3af);padding:20px;font-size:12.5px}.acf-cell-input{width:100%;color:var(--text-primary,#374151);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:7px 9px;font-size:12.5px;transition:all .15s}.acf-cell-input:hover{border-color:var(--border-color,#e5e7eb);background:var(--input-bg,white)}.acf-cell-input:focus{border-color:var(--primary-color,#6366f1);background:var(--input-bg,white);box-shadow:0 0 0 2px #6366f11a}.acf-cell-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:6px;outline:none;padding:7px 9px;font-size:12.5px}.acf-cell-center{text-align:center}.acf-row-remove{width:26px;height:26px;color:var(--danger-color,#ef4444);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.acf-row-remove:hover{background:#ef44441a}.acf-add-row-btn{border:1px dashed var(--border-color,#d1d5db);color:var(--primary-color,#6366f1);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.acf-add-row-btn:hover{background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.acf-footer-row{justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;display:flex}.acf-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}.acf-btn-secondary:hover{background:var(--nav-hover,#f9fafb)}.acf-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}.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-back-btn,.dark-theme .acf-tabs-wrap,.dark-theme .acf-card,.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,.dark-theme .acf-cell-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-tab-circle{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .acf-tab-btn:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .acf-tab-name{color:var(--text-primary,#f8fafc)}.dark-theme .acf-section-title{color:var(--text-primary,#f8fafc);border-top-color:var(--border-color,#334155)}.dark-theme .acf-table th{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .acf-table td{border-bottom-color:var(--border-color,#334155)}.dark-theme .acf-table-wrap{border-color:var(--border-color,#334155)}.dark-theme .acf-cell-input:hover,.dark-theme .acf-cell-input:focus{background:var(--input-bg,#1e293b);border-color:var(--border-color,#334155)}.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,.dark-theme .acf-helper-text{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)}@media (width<=900px){.acf-grid-2{grid-template-columns:1fr}}@media (width<=768px){.acf-card{padding:16px}.acf-tabs-row{min-width:600px}.acf-title{font-size:17px}.acf-footer-row{flex-direction:column-reverse;align-items:stretch}.acf-btn-primary,.acf-btn-secondary{justify-content:center;width:100%}}@media (width<=480px){.acf-tab-label-wrap{display:none}.acf-tabs-row{min-width:0}.acf-tab-btn{flex:none;justify-content:center;padding:8px}}.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);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}.quotation-page::-webkit-scrollbar{width:4px}.quotation-page::-webkit-scrollbar-track{background:0 0}.quotation-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}.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}.btn-icon{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 .15s;display:inline-flex}.btn-icon:hover{background:var(--nav-hover,#f3f4f6);color:var(--text-primary,#1f2433)}.btn-primary{background:var(--primary-color,#6366f1);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 .15s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--card-bg,#fff);color:var(--text-primary,#1f2433);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;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{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}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.compact-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}.stat-item{align-items:baseline;gap:6px;display:flex}.stat-label{color:var(--text-secondary,#6b7280);font-size:11px;font-weight:500}.stat-value{color:var(--text-primary,#1f2433);font-size:14px;font-weight:600}.stat-accepted{color:#10b981}.stat-rate{color:var(--primary-color,#6366f1)}.stat-pending{color:#f59e0b}.stat-divider{background:var(--border-color,#e5e7eb);width:1px;height:20px}.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:4px;display:flex}.status-select{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);color:var(--text-primary,#374151);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;outline:none;height:34px;padding:4px 28px 4px 12px;font-size:12px}.status-select:focus{border-color:var(--primary-color,#6366f1)}.filter-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:8px;justify-content:center;align-items:center;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)}.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}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.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,.filter-group input{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,.filter-group input:focus{border-color:var(--primary-color,#6366f1)}.date-range{align-items:center;gap:6px;display:flex}.date-range input{width:130px}.date-range span{color:var(--text-secondary,#6b7280);font-size:12px}.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)}.quotes-list{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex:1;min-height:0;overflow:hidden}.quotes-table-wrapper{height:100%;overflow-x:auto}.quotes-table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}.quotes-table thead{background:var(--layout-bg,#f8f9fa);border-bottom:1px solid var(--border-color,#e5e7eb)}.quotes-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}.quotes-table td{border-bottom:1px solid var(--border-color,#f3f4f6);color:var(--text-primary,#374151);padding:10px 14px}.quote-row{transition:background .15s}.quote-row:hover{background:var(--nav-hover,#f9fafb)}.text-right{text-align:right}.quote-number{color:var(--primary-color,#6366f1);font-size:13px;font-weight:600;display:block}.quote-ref{color:var(--text-secondary,#6b7280);margin-top:1px;font-size:11px;display:block}.customer-cell{flex-direction:column;display:flex}.customer-name{color:var(--text-primary,#1f2433);font-weight:500}.customer-code{color:var(--text-secondary,#6b7280);font-size:11px}.date-cell{font-size:13px;display:block}.valid-cell{color:var(--text-secondary,#6b7280);margin-top:1px;font-size:11px;display:block}.status-badge{border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.status-draft{color:#6b7280;background:#f3f4f6}.status-sent{color:#1e40af;background:#dbeafe}.status-accepted{color:#065f46;background:#d1fae5}.status-rejected{color:#991b1b;background:#fee2e2}.status-expired{color:#92400e;background:#fef3c7}.status-converted{color:#3730a3;background:#e0e7ff}.amount-cell{color:var(--text-primary,#1f2433);font-size:14px;font-weight:600}.currency{color:var(--text-secondary,#6b7280);margin-right:2px;font-size:11px;font-weight:400}.action-group{justify-content:center;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.view:hover{color:var(--primary-color,#6366f1)}.action-btn.edit:hover{color:#f59e0b}.action-btn.pdf:hover{color:#ef4444}.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;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:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.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-header h2{color:var(--text-primary,#1f2433);margin:0;font-size:18px;font-weight:600}.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)}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.view-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.view-section{margin-bottom:16px}.view-section h4{color:var(--text-primary,#1f2433);margin:0 0 8px;font-size:13px;font-weight:600}.view-section.full-width{grid-column:1/-1}.view-row{padding:4px 0;font-size:13px;display:flex}.view-row label{color:var(--text-secondary,#6b7280);min-width:100px;font-weight:500}.view-row span{color:var(--text-primary,#1f2433)}.view-total{color:var(--primary-color,#6366f1);font-size:18px;font-weight:700}.view-items-table{border-collapse:collapse;width:100%;font-size:13px}.view-items-table thead{background:var(--layout-bg,#f8f9fa)}.view-items-table th{text-align:left;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-color,#e5e7eb);padding:8px 12px;font-weight:500}.view-items-table td{border-bottom:1px solid var(--border-color,#f3f4f6);padding:8px 12px}.view-items-table tfoot{background:var(--layout-bg,#f8f9fa)}.view-items-table .total-label{text-align:right;font-weight:600}.view-items-table .total-amount{color:var(--primary-color,#6366f1);font-size:16px;font-weight:700}.edit-modal{max-width:1000px}.edit-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.edit-grid .full-width{grid-column:1/-1}.edit-grid .form-group{flex-direction:column;gap:4px;display:flex}.edit-grid .form-group label{color:var(--text-secondary,#6b7280);font-size:11px;font-weight:500}.edit-grid .form-group input,.edit-grid .form-group select,.edit-grid .form-group textarea{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);color:var(--text-primary,#374151);border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px}.edit-grid .form-group input:focus,.edit-grid .form-group select:focus,.edit-grid .form-group textarea:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 2px #6366f11a}.edit-items-table-wrapper{margin:12px 0;overflow-x:auto}.edit-items-table{border-collapse:collapse;width:100%;font-size:12px}.edit-items-table thead{background:var(--layout-bg,#f8f9fa)}.edit-items-table th{text-align:left;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-color,#e5e7eb);padding:6px 10px;font-weight:500}.edit-items-table td{border-bottom:1px solid var(--border-color,#f3f4f6);vertical-align:middle;padding:4px 6px}.edit-items-table input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#374151);border-radius:4px;padding:4px 6px;font-size:12px}.edit-items-table input:focus{border-color:var(--primary-color,#6366f1);outline:none}.edit-items-table input[type=number]{width:60px}.edit-items-table .amount-cell{font-weight:500}.edit-items-table tfoot{background:var(--layout-bg,#f8f9fa)}.edit-items-table .total-label{text-align:right;padding:6px 10px;font-weight:600}.edit-items-table .total-amount{padding:6px 10px;font-weight:700}.delete-modal{max-width:420px}.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}.pdf-modal{max-width:800px}.pdf-body{background:#f8f9fa;padding:24px}.pdf-content{background:#fff;border-radius:8px;padding:32px;font-family:Times New Roman,serif;box-shadow:0 2px 8px #00000014}.pdf-header{border-bottom:2px solid #1f2433;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.pdf-title{color:#1f2433;letter-spacing:2px;font-size:24px;font-weight:700}.pdf-number{color:#6b7280;font-size:14px}.pdf-company{text-align:center;margin-bottom:24px}.pdf-company h2{color:#1f2433;margin:0;font-size:20px;font-weight:700}.pdf-company p{color:#6b7280;margin:2px 0;font-size:12px}.pdf-section-title{color:#1f2433;border-bottom:1px solid #e5e7eb;margin:16px 0 8px;padding-bottom:4px;font-size:14px;font-weight:600}.pdf-customer,.pdf-dates{margin-bottom:16px;font-size:13px}.pdf-row{padding:2px 0}.pdf-items-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:13px}.pdf-items-table thead{background:#f8f9fa}.pdf-items-table th{text-align:left;border-bottom:1px solid #e5e7eb;padding:8px 12px;font-weight:600}.pdf-items-table td{border-bottom:1px solid #f3f4f6;padding:6px 12px}.pdf-items-table tfoot{background:#f8f9fa}.pdf-total-label{text-align:right;padding:8px 12px;font-weight:600}.pdf-total-amount{padding:8px 12px;font-size:16px;font-weight:700}.pdf-notes,.pdf-terms{margin:16px 0;font-size:13px}.pdf-footer{text-align:center;color:#6b7280;border-top:1px solid #e5e7eb;margin-top:24px;padding-top:16px;font-size:12px}.spinning{animation:1s linear infinite spin}@media (width<=768px){.quotation-page{padding:12px 16px}.page-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-end}.compact-stats{flex-wrap:wrap;gap:8px;padding:8px 12px}.stat-divider{display:none}.search-bar{flex-direction:column;align-items:stretch}.filter-wrapper{justify-content:space-between}.expandable-filters{flex-direction:column;align-items:stretch}.date-range{flex-direction:column}.date-range input{width:100%}.quotes-table{min-width:600px}.action-group{gap:0}.action-btn{width:24px;height:24px}.list-footer{flex-direction:column;align-items:flex-start;gap:4px}.modal-container{max-width:100%;max-height:95vh;margin:10px}.view-grid,.edit-grid{grid-template-columns:1fr}.pdf-content{padding:16px}}@media (width<=480px){.quotation-page{padding:8px 12px}.compact-stats{grid-template-columns:1fr 1fr}.stat-item{justify-content:space-between;width:100%}.quotes-table{min-width:500px;font-size:12px}.quotes-table th,.quotes-table td{padding:6px 10px}.modal-body{padding:12px}.modal-footer{flex-direction:column}.modal-footer button{justify-content:center;width:100%}}.dark-theme .quotation-page{background:var(--layout-bg,#0f172a)}.dark-theme .badge{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .compact-stats{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .stat-value{color:var(--text-primary,#f8fafc)}.dark-theme .stat-divider{background:var(--border-color,#334155)}.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 .status-select{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.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,.dark-theme .filter-group input{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .quotes-list{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .quotes-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .quotes-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .quotes-table td{border-bottom-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .quote-row:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .quote-number{color:var(--primary-color,#818cf8)}.dark-theme .customer-name,.dark-theme .amount-cell{color:var(--text-primary,#f8fafc)}.dark-theme .action-btn{color:var(--text-secondary,#64748b)}.dark-theme .action-btn:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .empty-state h3{color:var(--text-primary,#f8fafc)}.dark-theme .empty-state p,.dark-theme .list-footer{color:var(--text-secondary,#94a3b8)}.dark-theme .conversion-badge{color:var(--primary-color,#818cf8);background:#6366f126}.dark-theme .btn-icon{color:var(--text-secondary,#94a3b8)}.dark-theme .btn-icon:hover{background:var(--nav-hover,#ffffff0d);color:var(--text-primary,#f8fafc)}.dark-theme .btn-primary{background:var(--primary-color,#3b82f6)}.dark-theme .btn-primary:hover{background:var(--primary-hover,#2563eb)}.dark-theme .modal-container{background:var(--card-bg,#1e293b)}.dark-theme .modal-header{border-bottom-color:var(--border-color,#334155)}.dark-theme .modal-header h2{color:var(--text-primary,#f8fafc)}.dark-theme .modal-close{color:var(--text-secondary,#94a3b8)}.dark-theme .modal-close:hover{background:var(--nav-hover,#ffffff0d)}.dark-theme .modal-footer{border-top-color:var(--border-color,#334155)}.dark-theme .view-section h4{color:var(--text-primary,#f8fafc)}.dark-theme .view-row label{color:var(--text-secondary,#94a3b8)}.dark-theme .view-row span{color:var(--text-primary,#f8fafc)}.dark-theme .view-items-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .view-items-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .view-items-table td{border-bottom-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .edit-grid .form-group input,.dark-theme .edit-grid .form-group select,.dark-theme .edit-grid .form-group textarea{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .edit-items-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .edit-items-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .edit-items-table td{border-bottom-color:var(--border-color,#334155)}.dark-theme .edit-items-table input{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .delete-body h3{color:var(--text-primary,#f8fafc)}.dark-theme .delete-body p{color:var(--text-secondary,#94a3b8)}.dark-theme .status-draft{color:#9ca3af;background:#6b728033}.dark-theme .status-sent{color:#60a5fa;background:#3b82f633}.dark-theme .status-accepted{color:#34d399;background:#10b98133}.dark-theme .status-rejected{color:#f87171;background:#ef444433}.dark-theme .status-expired{color:#fbbf24;background:#fbbf2433}.dark-theme .status-converted{color:#818cf8;background:#6366f133}.create-quotation-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}.create-quotation-page::-webkit-scrollbar{width:4px}.create-quotation-page::-webkit-scrollbar-track{background:0 0}.create-quotation-page::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:2px}.page-header{border-bottom:1px solid var(--border-color,#e5e7eb);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.back-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:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.back-btn:hover{background:var(--nav-hover,#f3f4f6);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.page-title{color:var(--text-primary,#1f2433);margin:0;font-size:20px;font-weight:600}.header-actions{align-items:center;gap:6px;display:flex}.shortcuts-hint{color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f3f4f6);border:1px solid var(--border-color,#e5e7eb);border-radius:4px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;display:flex}.btn-primary,.btn-secondary,.cancel-btn,.submit-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:5px;height:34px;padding:0 16px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#1f2433)}.btn-secondary:hover{background:var(--layout-bg,#f3f4f6)}.cancel-btn{background:var(--layout-bg,#f3f4f6);border:1px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#6b7280)}.cancel-btn:hover{background:var(--border-color,#e5e7eb)}.submit-btn{background:var(--primary-color,#6366f1);color:#fff}.submit-btn:hover:not(:disabled){background:var(--primary-hover,#4f46e5)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.quotation-form{flex-direction:column;flex:1;min-height:0;display:flex}.form-scrollable{flex-direction:column;flex:1;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.form-scrollable::-webkit-scrollbar{width:4px}.form-scrollable::-webkit-scrollbar-track{background:var(--layout-bg,#f9fafb);border-radius:3px}.form-scrollable::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.form-section{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:14px 16px}.form-section.collapsible{transition:all .2s}.section-title{color:var(--text-primary,#1f2433);margin:0;font-size:14px;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-actions{align-items:center;gap:8px;display:flex}.section-shortcut{color:var(--text-secondary,#6b7280);background:var(--layout-bg,#f3f4f6);border-radius:4px;padding:2px 10px;font-size:11px}.section-toggle{color:var(--text-secondary,#6b7280);padding:4px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.form-grid.compact-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-secondary,#6b7280);margin-bottom:3px;font-size:11px;font-weight:500;display:block}.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);border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px;transition:all .2s}.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 2px #6366f11a}.form-group input.error{border-color:var(--danger-color,#ef4444)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary,#9ca3af)}.error-text{color:var(--danger-color,#ef4444);margin-top:2px;font-size:10px;display:block}.disabled-input{cursor:not-allowed;opacity:.7;background:var(--layout-bg,#f3f4f6)!important;color:var(--text-secondary,#6b7280)!important}.text-center{text-align:center}.barcode-scanner{background:var(--layout-bg,#f3f4f6);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.barcode-scanner input{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);color:var(--text-primary,#374151);border-radius:4px;flex:1;padding:6px 10px;font-size:13px}.barcode-scanner input:focus{border-color:var(--primary-color,#6366f1);outline:none}.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}.barcode-scanner button:hover{opacity:.8}.barcode-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:4px 10px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.barcode-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;margin-bottom:12px;overflow-x:auto}.items-table{border-collapse:collapse;width:100%;min-width:600px;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;letter-spacing:.3px;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 6px}.items-table input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#374151);border-radius:4px;height:28px;padding:4px 6px;font-size:12px;transition:all .2s}.items-table input:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 2px #6366f11a}.items-table input.error{border-color:var(--danger-color,#ef4444)}.items-table input[type=number]{width:70px}.items-table .amount-cell{color:var(--text-primary,#1f2433);white-space:nowrap;font-weight:500}.items-table tfoot{background:var(--layout-bg,#f8f9fa)}.items-table .total-label{text-align:right;padding:6px 10px;font-weight:600}.items-table .total-value{text-align:center;font-weight:600}.items-table .total-amount{color:var(--primary-color,#6366f1);font-weight:700}.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:4px 12px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.add-item-btn:hover{background:color-mix(in srgb, var(--primary-color) 25%, transparent)}.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 .2s;display:inline-flex}.remove-item-btn:hover{background:#ef444433}.items-summary{background:var(--layout-bg,#f8f9fa);border-radius:6px;justify-content:flex-end;gap:24px;margin-bottom:8px;padding:8px 12px;display:flex}.items-summary .summary-row{align-items:center;gap:8px;font-size:12px;display:flex}.items-summary .summary-row span{color:var(--text-secondary,#6b7280)}.items-summary .summary-row strong{color:var(--text-primary,#1f2433);font-weight:600}.items-summary .summary-row.total{font-size:14px}.items-summary .summary-row.total strong{color:var(--primary-color,#6366f1);font-weight:700}.focused-row{background:color-mix(in srgb, var(--primary-color) 4%, transparent)}.keyboard-tips{background:var(--layout-bg,#f3f4f6);color:var(--text-secondary,#6b7280);border-radius:4px;flex-wrap:wrap;gap:12px;padding:6px 10px;font-size:11px;display:flex}.keyboard-tips span{align-items:center;gap:3px;display:flex}.tax-table-wrapper{margin-top:12px}.tax-table-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tax-table-header span{color:var(--text-primary,#1f2433);font-size:12px;font-weight:500}.add-tax-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;display:inline-flex}.add-tax-btn:hover{background:color-mix(in srgb, var(--primary-color) 25%, transparent)}.tax-table{border-collapse:collapse;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;width:100%;font-size:12px}.tax-table thead{background:var(--layout-bg,#f8f9fa)}.tax-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}.tax-table td{border-bottom:1px solid var(--border-color,#f3f4f6);vertical-align:middle;padding:4px 8px}.tax-table input,.tax-table select{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#374151);border-radius:4px;height:28px;padding:4px 6px;font-size:12px}.tax-table input:focus,.tax-table select:focus{border-color:var(--primary-color,#6366f1);outline:none}.tax-table input[type=number]{width:80px}.empty-tax-row{text-align:center;color:var(--text-secondary,#6b7280);padding:20px!important}.tax-table tfoot{background:var(--layout-bg,#f8f9fa)}.tax-table .total-label{text-align:right;padding:6px 10px;font-weight:600}.tax-table .total-amount{color:var(--primary-color,#6366f1);font-weight:700}.remove-tax-btn{width:22px;height:22px;color:var(--danger-color,#ef4444);cursor:pointer;background:#ef444414;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.remove-tax-btn:hover{background:#ef444433}.totals-grid{justify-content:flex-end;display:flex}.totals-left{min-width:280px}.total-row{color:var(--text-primary,#1f2433);border-bottom:1px solid var(--border-color,#f3f4f6);justify-content:space-between;padding:6px 12px;font-size:13px;display:flex}.total-row:last-child{border-bottom:none}.total-row .total-amount{font-weight:600}.total-row.highlighted{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border-radius:4px}.rounded-total{color:var(--primary-color,#6366f1);font-size:18px;font-weight:700}.payment-schedule-wrapper{margin-top:12px}.payment-schedule-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.payment-schedule-header span{color:var(--text-primary,#1f2433);font-size:12px;font-weight:500}.add-payment-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;display:inline-flex}.add-payment-btn:hover{background:color-mix(in srgb, var(--primary-color) 25%, transparent)}.payment-schedule-table{border-collapse:collapse;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;width:100%;font-size:12px}.payment-schedule-table thead{background:var(--layout-bg,#f8f9fa)}.payment-schedule-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}.payment-schedule-table td{border-bottom:1px solid var(--border-color,#f3f4f6);vertical-align:middle;padding:4px 8px}.payment-schedule-table input,.payment-schedule-table select{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#374151);border-radius:4px;height:28px;padding:4px 6px;font-size:12px}.payment-schedule-table input:focus,.payment-schedule-table select:focus{border-color:var(--primary-color,#6366f1);outline:none}.payment-schedule-table input[type=number]{width:80px}.payment-schedule-table .amount-cell{color:var(--text-primary,#1f2433);font-weight:500}.remove-payment-btn{width:22px;height:22px;color:var(--danger-color,#ef4444);cursor:pointer;background:#ef444414;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.remove-payment-btn:hover{background:#ef444433}.form-actions{border-top:1px solid var(--border-color,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.action-left,.action-right{align-items:center;gap:8px;display:flex}@media (width<=768px){.create-quotation-page{padding:10px 12px}.page-header{flex-direction:column;align-items:stretch}.header-actions{flex-wrap:wrap;justify-content:flex-end}.shortcuts-hint{display:none}.form-grid,.form-grid.compact-grid{grid-template-columns:1fr}.items-table{min-width:500px}.tax-table,.payment-schedule-table{min-width:600px}.form-actions{flex-direction:column;gap:8px}.action-left,.action-right{width:100%}.action-left button,.action-right button{flex:1;justify-content:center}.totals-left{width:100%}}.dark-theme .create-quotation-page{background:var(--layout-bg,#0f172a)}.dark-theme .page-header{border-bottom-color:var(--border-color,#334155)}.dark-theme .page-title{color:var(--text-primary,#f8fafc)}.dark-theme .back-btn{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .back-btn:hover{background:var(--nav-hover,#ffffff0d);border-color:var(--primary-color,#818cf8);color:var(--primary-color,#818cf8)}.dark-theme .form-section{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155)}.dark-theme .section-title{color:var(--text-primary,#f8fafc)}.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 .disabled-input{background:var(--layout-bg,#0f172a)!important;color:var(--text-secondary,#64748b)!important}.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{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .items-table tfoot,.dark-theme .items-summary{background:var(--layout-bg,#0f172a)}.dark-theme .items-summary .summary-row strong{color:var(--text-primary,#f8fafc)}.dark-theme .keyboard-tips{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .tax-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .tax-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .tax-table td{border-bottom-color:var(--border-color,#334155)}.dark-theme .tax-table input,.dark-theme .tax-table select{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .tax-table tfoot,.dark-theme .payment-schedule-table thead{background:var(--layout-bg,#0f172a)}.dark-theme .payment-schedule-table th{color:var(--text-secondary,#94a3b8);border-bottom-color:var(--border-color,#334155)}.dark-theme .payment-schedule-table td{border-bottom-color:var(--border-color,#334155)}.dark-theme .payment-schedule-table input,.dark-theme .payment-schedule-table select{background:var(--input-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .barcode-scanner{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155)}.dark-theme .barcode-scanner input{background:var(--card-bg,#1e293b);border-color:var(--border-color,#334155);color:var(--text-primary,#f8fafc)}.dark-theme .total-row{color:var(--text-primary,#f8fafc);border-bottom-color:var(--border-color,#334155)}.dark-theme .total-row.highlighted{background:#6366f11f}.dark-theme .rounded-total{color:var(--primary-color,#818cf8)}.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 .cancel-btn{background:var(--layout-bg,#0f172a);border-color:var(--border-color,#334155);color:var(--text-secondary,#94a3b8)}.dark-theme .cancel-btn:hover{background:var(--border-color,#334155)}.dark-theme .submit-btn{background:var(--primary-color,#3b82f6)}.dark-theme .submit-btn:hover:not(:disabled){background:var(--primary-hover,#2563eb)}.dark-theme .form-actions{border-top-color:var(--border-color,#334155)}.dark-theme .focused-row{background:#6366f114}.dark-theme .error-text{color:#f87171}.dark-theme .form-group input.error{border-color:#f87171}.dark-theme .section-shortcut{background:var(--layout-bg,#0f172a);color:var(--text-secondary,#94a3b8)}.dark-theme .add-item-btn,.dark-theme .add-tax-btn,.dark-theme .add-payment-btn{color:var(--primary-color,#818cf8);background:#6366f133}.dark-theme .add-item-btn:hover,.dark-theme .add-tax-btn:hover,.dark-theme .add-payment-btn:hover{background:#6366f14d}.dark-theme .remove-item-btn,.dark-theme .remove-tax-btn,.dark-theme .remove-payment-btn{color:#f87171;background:#ef444426}.dark-theme .remove-item-btn:hover,.dark-theme .remove-tax-btn:hover,.dark-theme .remove-payment-btn:hover{background:#ef444440}.dark-theme .barcode-btn{color:var(--primary-color,#818cf8);background:#6366f133}.dark-theme .barcode-btn:hover{background:#6366f14d}.dark-theme .empty-tax-row{color:var(--text-secondary,#64748b)}