:root{--bg-deepest:#060913;--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#1e293b;--bg-card-hover:#243247;--bg-input:#0f172a;--border:#1e293b;--border-light:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f640;--accent-green:#10b981;--accent-green-glow:#10b98133;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b33;--accent-red:#ef4444;--accent-red-glow:#ef444433;--accent-purple:#8b5cf6;--gradient-blue:linear-gradient(135deg, #3b82f6, #1d4ed8);--gradient-green:linear-gradient(135deg, #10b981, #059669);--gradient-amber:linear-gradient(135deg, #f59e0b, #d97706);--gradient-red:linear-gradient(135deg, #ef4444, #dc2626);--gradient-purple:linear-gradient(135deg, #8b5cf6, #6d28d9);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 4px 24px #00000040, 0 1px 2px #00000026;--shadow-glow-blue:0 0 20px #3b82f626;--transition:.2s cubic-bezier(.4, 0, .2, 1);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body.light-theme{--bg-deepest:#f1f5f9;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-input:#fff;--border:#e2e8f0;--border-light:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-blue-glow:#3b82f61a;--shadow-card:0 4px 12px #0000000d, 0 1px 2px #00000005}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--bg-deepest:#060913;--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#1e293b;--bg-card-hover:#243247;--bg-input:#0f172a;--border:#1e293b;--border-light:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f640;--accent-green:#10b981;--accent-green-glow:#10b98133;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b33;--accent-red:#ef4444;--accent-red-glow:#ef444433;--accent-purple:#8b5cf6;--gradient-blue:linear-gradient(135deg, #3b82f6, #1d4ed8);--gradient-green:linear-gradient(135deg, #10b981, #059669);--gradient-amber:linear-gradient(135deg, #f59e0b, #d97706);--gradient-red:linear-gradient(135deg, #ef4444, #dc2626);--gradient-purple:linear-gradient(135deg, #8b5cf6, #6d28d9);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 4px 24px #00000040, 0 1px 2px #00000026;--shadow-glow-blue:0 0 20px #3b82f626;--transition:.2s cubic-bezier(.4, 0, .2, 1);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--table-cell-padding:8px 12px;--table-font-size:13px}body.density-compact .data-table td,body.density-compact .data-table th{padding:4px 8px!important;font-size:11px!important}body.density-comfortable .data-table td,body.density-comfortable .data-table th{padding:8px 12px!important;font-size:13px!important}body.density-spaced .data-table td,body.density-spaced .data-table th{padding:14px 18px!important;font-size:14px!important}.copy-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;font-size:12px;transition:all .15s;display:inline-flex}.copy-btn:hover{opacity:1;background:var(--bg-card-hover);color:var(--accent-blue)}body.zoom-115{font-size:115%!important}body.zoom-115 .data-table td,body.zoom-115 .data-table th{font-size:13px!important}body.zoom-130{font-size:130%!important}body.zoom-130 .data-table td,body.zoom-130 .data-table th{font-size:15px!important}tr.row-drag-over{outline-offset:-2px;background:var(--accent-blue-glow)!important;outline:2px dashed var(--accent-blue)!important}tr.older-revision-highlight{background-color:#f973160d!important;border-left:4px solid #f97316!important}tr.older-revision-highlight:hover{background-color:#f973161a!important}body.light-theme{--bg-deepest:#f1f5f9;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-input:#fff;--border:#e2e8f0;--border-light:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-blue-glow:#3b82f61a;--shadow-card:0 4px 12px #0000000d, 0 1px 2px #00000005;--gradient-blue:linear-gradient(135deg, #3b82f6, #2563eb);--gradient-green:linear-gradient(135deg, #10b981, #059669);--gradient-amber:linear-gradient(135deg, #f59e0b, #d97706);--gradient-red:linear-gradient(135deg, #ef4444, #dc2626);--gradient-purple:linear-gradient(135deg, #8b5cf6, #6d28d9)}body.light-theme .sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:1px 0 4px #00000008}body.light-theme .nav-item:hover{color:#0f172a;background:#f1f5f9}body.light-theme .nav-item.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}body.light-theme .sidebar-footer{border-top:1px solid #e2e8f0}body.light-theme .topbar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}body.light-theme .data-table td{color:#334155;border-bottom:1px solid #f1f5f9}body.light-theme .data-table tbody tr:hover{background:#f8fafc}body.light-theme .data-table th{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0}body.light-theme .paltro-table td{border-bottom:1px solid #f1f5f9}body.light-theme .paltro-table tbody tr:hover{background:#f8fafc}body.light-theme .paltro-table th{color:#64748b;background:#f8fafc}body.light-theme .card,body.light-theme .stat-card,body.light-theme .panel{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000a}body.light-theme .card:hover{box-shadow:0 4px 12px #0000000f}body.light-theme .modal-overlay{background:#0000004d}body.light-theme .modal-content{color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 40px #0000001a,0 0 0 1px #00000008}body.light-theme .toast{color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014}body.light-theme .badge{border:1px solid #0000000f}body.light-theme .badge.blue{color:#1d4ed8;background:#eff6ff}body.light-theme .badge.green{color:#047857;background:#ecfdf5}body.light-theme .badge.amber{color:#b45309;background:#fffbeb}body.light-theme .badge.red{color:#b91c1c;background:#fef2f2}body.light-theme .badge.purple{color:#6d28d9;background:#f5f3ff}body.light-theme .breadcrumb .b-link{color:#475569}body.light-theme .breadcrumb .b-link:hover{color:#2563eb}body.light-theme .breadcrumb .b-current{color:#0f172a}body.light-theme ::-webkit-scrollbar-thumb{background:#cbd5e1}body.light-theme ::-webkit-scrollbar-thumb:hover{background:#94a3b8}body.light-theme .portal-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000a}body.light-theme .portal-card .p-icon,body.light-theme .tab-btn:hover{background:#f1f5f9}body.light-theme .portal-card:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f61a}body.light-theme .context-menu,body.light-theme .quick-noti-dropdown{background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 24px #0000001a}body.light-theme .menu-item:hover{background:#f1f5f9}body.light-theme .cmd-overlay{background:#00000040}body.light-theme .cmd-container{background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 40px #0000001f}body.light-theme .cmd-item:hover,body.light-theme .cmd-item.active{background:#f1f5f9}body.light-theme .cmd-input{color:#0f172a;background:#fff;border-bottom:1px solid #e2e8f0}body.light-theme .preview-slideout{background:#fff;border-left:1px solid #e2e8f0;box-shadow:-4px 0 12px #0000000d}body.light-theme .btn-secondary{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}body.light-theme .btn-secondary:hover{background:#e2e8f0}body.light-theme .fab-button{box-shadow:0 4px 12px #0000001f}body.light-theme .fav-panel{background:#fff;border-left:1px solid #e2e8f0;box-shadow:-4px 0 12px #0000000d}body.light-theme .stat-progress-bar{background:#e2e8f0}body.light-theme .filter-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}body.light-theme .filter-pill.active,body.light-theme .filter-pill:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}body.light-theme .saved-filter-chip{color:#475569;background:#f1f5f9;border-color:#e2e8f0}body.light-theme .saved-filter-chip.active{color:#2563eb;background:#eff6ff;border-color:#93c5fd}body.light-theme .bulk-toolbar{background:#fff;border:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000000f}body.light-theme .user-profile-summary{color:#0f172a}body.light-theme .user-role{color:#64748b}body.light-theme .inline-edit-cell input{color:#0f172a;background:#fff;border-color:#3b82f6}body.light-theme .eco-stat-card{background:#fff;border:1px solid #e2e8f0}body.light-theme .activity-item{border-bottom:1px solid #f1f5f9}body.light-theme .session-warning{background:#fff;border:1px solid #e2e8f0}body.light-theme input,body.light-theme select,body.light-theme textarea{color:#0f172a;background:#fff;border-color:#e2e8f0}body.light-theme input:focus,body.light-theme select:focus,body.light-theme textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}body.light-theme input::placeholder,body.light-theme textarea::placeholder{color:#94a3b8}body.light-theme .sidebar.collapsed .nav-item:hover:after{color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input,button,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--accent-blue);text-decoration:none}.animate-in{animation:.4s ease-out both fadeInUp}.animate-fade{animation:.3s ease-out both fadeIn}.login-container{background:var(--bg-deepest);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:380px;padding:40px 36px;animation:.5s ease-out fadeInUp;position:relative;box-shadow:0 20px 60px #0006,0 0 40px #3b82f614}.login-brand{text-align:center;margin-bottom:32px}.login-brand-icon{border-radius:var(--radius-md);background:var(--gradient-blue);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;font-size:24px;font-weight:800;display:inline-flex;box-shadow:0 4px 20px #3b82f64d}.login-brand h1{color:var(--text-primary);letter-spacing:2px;font-size:22px;font-weight:700}.login-brand p{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-size:12px}.login-form .form-group{margin-bottom:18px}.login-error{color:var(--accent-red);border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef44444d;margin-bottom:16px;padding:10px 14px;font-size:13px;animation:.3s fadeIn}.login-btn{justify-content:center;width:100%;padding:12px;font-size:14px;font-weight:600}.login-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:11px}.app-layout{background:var(--bg-primary);height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);box-sizing:border-box;flex-direction:column;flex-shrink:0;width:100%;height:auto;min-height:56px;padding:0;display:flex}.topbar h2{color:var(--text-primary);font-size:16px;font-weight:600}.topbar-right{align-items:center;gap:20px;display:flex}.topbar-left{align-items:center;gap:15px;display:flex}.back-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;transition:all .2s;display:flex}.back-btn:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:translate(-2px)}.breadcrumb{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.b-root{color:var(--text-muted);cursor:pointer;transition:all .2s}.b-root:hover{color:var(--accent-blue)}.b-sep{color:var(--border)}.b-current{color:var(--text-primary)}.user-profile{border-left:1px solid var(--border);align-items:center;gap:10px;padding-left:20px;display:flex}.u-avatar{background:var(--gradient-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.u-info{flex-direction:column;display:flex}.u-name{color:var(--text-primary);font-size:12px;font-weight:700}.u-role{color:var(--text-muted);letter-spacing:.5px;font-size:10px;font-weight:800}.sync-badge{color:var(--accent-green);background:#10b9811f;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:flex}.sync-badge.offline{color:var(--accent-red);background:#ef44441f}.sync-dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.page-area{flex-direction:column;flex:1;padding:24px 28px;display:flex;overflow:auto}.sidebar{background:var(--bg-deepest);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;display:flex}.sidebar-brand{align-items:center;gap:10px;padding:20px 20px 12px;display:flex}.brand-icon{border-radius:var(--radius-sm);background:var(--gradient-blue);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.brand-text h1{color:var(--text-primary);letter-spacing:.5px;font-size:15px;font-weight:700}.brand-text span{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex}.nav-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-top:4px;padding:16px 12px 6px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--text-secondary);-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0a}.nav-item.active{color:var(--accent-blue);background:#3b82f61f;border-color:#3b82f633;font-weight:600}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-muted);padding:14px 20px;font-size:11px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);padding:20px;animation:.4s ease-out both fadeInUp;position:relative;overflow:hidden}.stat-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.stat-card.blue:before{background:var(--gradient-blue)}.stat-card.green:before{background:var(--gradient-green)}.stat-card.amber:before{background:var(--gradient-amber)}.stat-card.red:before{background:var(--gradient-red)}.stat-card.purple:before{background:var(--gradient-purple)}.stat-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-card);transform:translateY(-2px)}.stat-card:nth-child(2){animation-delay:60ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}.stat-card:nth-child(5){animation-delay:.24s}.stat-card:nth-child(6){animation-delay:.3s}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:500}.stat-value{color:var(--text-primary);margin:6px 0 2px;font-size:28px;font-weight:700}.stat-sub{color:var(--text-secondary);font-size:12px}.stat-icon{opacity:.6;font-size:22px;position:absolute;top:18px;right:18px}.status-bar-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.status-bar-row .stat-card{padding:12px 16px}.status-bar-row .stat-value{margin:2px 0;font-size:20px}.status-bar-row .stat-label,.status-bar-row .stat-sub{font-size:10px}.status-bar-row .stat-icon{font-size:16px;top:12px;right:12px}.data-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);animation:.5s ease-out both fadeInUp;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-header h3{color:var(--text-primary);font-size:14px;font-weight:600}.panel-tools{align-items:center;gap:8px;display:flex}.search-box{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);width:240px;transition:border-color var(--transition);outline:none;padding:7px 12px;font-size:13px}.search-box:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.search-box::placeholder{color:var(--text-muted)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:1;padding:10px 16px;font-size:11px;font-weight:600;position:sticky;top:0}.data-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff08;padding:12px 16px;font-size:13px}.data-table tr{transition:background var(--transition)}.data-table tbody tr:hover{background:#ffffff05}.data-table .mono{font-family:JetBrains Mono,monospace;font-size:12px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge.green{color:var(--accent-green);background:#10b9811f}.badge.red{color:var(--accent-red);background:#ef44441f}.badge.amber{color:var(--accent-amber);background:#f59e0b1f}.badge.blue{color:var(--accent-blue);background:#3b82f61f}.badge.purple{color:var(--accent-purple);background:#8b5cf61f}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow-blue);background:#2563eb}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-light)}.btn-secondary:hover{border-color:var(--text-muted);background:var(--bg-card)}.btn-danger{background:var(--accent-red);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition);outline:none;padding:10px 14px;font-size:14px}.form-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;padding-right:36px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.activity-list{flex-direction:column;gap:0;display:flex}.activity-item{transition:background var(--transition);border-bottom:1px solid #ffffff08;align-items:flex-start;gap:12px;padding:14px 20px;display:flex}.activity-item:hover{background:#ffffff05}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.activity-dot.sync{background:var(--accent-blue)}.activity-dot.issue{background:var(--accent-amber)}.activity-dot.return{background:var(--accent-green)}.activity-dot.alert{background:var(--accent-red)}.activity-text{color:var(--text-secondary);flex:1;font-size:13px}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.settings-section{margin-bottom:32px}.settings-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state .icon{opacity:.4;margin-bottom:12px;font-size:40px}.empty-state p{max-width:300px;font-size:14px}.two-col{grid-template-columns:1fr 380px;gap:20px;margin-top:20px;display:grid}@media (width<=1200px){.two-col{grid-template-columns:1fr}}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{cursor:pointer;background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);transition:all var(--transition);border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.filter-pill:hover{color:var(--text-primary);border-color:var(--border-light)}.filter-pill.active{color:var(--accent-blue);background:#3b82f61f;border-color:#3b82f64d}.toast{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary);z-index:1000;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:500;animation:.3s ease-out fadeInUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0006}.toast.success{border-color:#10b98166}.toast.error{border-color:#ef444466}.portal-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:10px;display:grid}.portal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;flex-direction:column;gap:20px;min-height:240px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.portal-card:hover{border-color:var(--accent-blue);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 20px #3b82f61a}.portal-card .p-icon{background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:40px;display:flex}.portal-card h3{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.portal-card p{color:var(--text-muted);flex:1;margin:0;font-size:14px;line-height:1.5}.portal-stats{border-top:1px solid var(--border);gap:20px;padding-top:20px;display:flex}.p-stat-item{flex-direction:column;display:flex}.p-stat-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px}.p-stat-item span{color:var(--text-primary);font-size:18px;font-weight:700}.portal-card .p-bg-icon{opacity:.03;font-size:120px;position:absolute;bottom:-20px;right:-20px;transform:rotate(-15deg)}.paltro-table{border-collapse:collapse;width:100%;margin-top:0;overflow:visible}.paltro-table th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);background:var(--bg-secondary);border-bottom:2px solid var(--border);z-index:10;padding:14px 16px;font-size:11px;font-weight:700;position:sticky;top:0}.paltro-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;padding:14px 16px;font-size:13px}.paltro-table tr{transition:background var(--transition)}.paltro-table tbody tr:hover{background:var(--bg-card-hover)}.paltro-table tbody tr:last-child td{border-bottom:none}.page-container{animation:.4s ease-out both fadeInUp}.module-header{margin-bottom:24px}.module-header h2{color:var(--text-primary);margin-bottom:6px;font-size:24px;font-weight:700}.module-header p{color:var(--text-muted);font-size:14px}.split-view{grid-template-columns:1fr 1.2fr;align-items:start;gap:24px;display:grid}.form-panel,.list-panel,.code-panel,.result-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.form-panel h3,.list-panel h3,.code-panel h3,.result-panel h3{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:10px;font-size:16px;font-weight:600}.data-form{flex-direction:column;gap:16px;display:flex}.data-form label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.data-form input,.data-form textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition);outline:none;padding:10px 14px}.data-form input:focus,.data-form textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.card-list{flex-direction:column;gap:12px;display:flex}.data-card{background:var(--bg-deepest);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);padding:16px}.data-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.data-card h4{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:600}.card-desc{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.card-meta{color:var(--text-muted);font-size:11px}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-style:italic}.tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;padding:8px 16px;font-size:14px;font-weight:600}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:var(--accent-blue);background:var(--accent-blue-glow)}.upload-area{border:2px dashed var(--border-light);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition);padding:40px 20px;position:relative}.upload-area:hover{border-color:var(--accent-blue);background:#3b82f605}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.upload-label{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;font-weight:500;display:flex}.upload-label .icon{font-size:32px}.uploaded-list{margin-top:24px}.uploaded-list h4{color:var(--text-primary);margin-bottom:10px;font-size:14px;font-weight:600}.uploaded-list ul{flex-direction:column;gap:8px;list-style:none;display:flex}.uploaded-list li{background:var(--bg-deepest);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.uploaded-list li:before{content:"📄"}.ai-panel textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;outline:none;margin-bottom:16px;padding:12px;font-size:14px}.code-block{background:var(--bg-deepest);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent-green);min-height:200px;padding:16px;font-family:JetBrains Mono,monospace;font-size:13px;overflow-x:auto}.canvas-area{background:var(--bg-deepest);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:24px;display:flex}.sim-success{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.sim-success .icon{font-size:40px}.mock-window{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;max-width:400px;box-shadow:var(--shadow-card);overflow:hidden}.mock-titlebar{background:var(--bg-secondary);color:var(--text-secondary);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.mock-titlebar:before{content:"";background:#ef4444;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:12px 0 #f59e0b,24px 0 #10b981}.mock-content{text-align:center;color:var(--text-primary);background:radial-gradient(circle,#3b82f60d 0%,#0000 80%);padding:32px 16px;font-size:14px;font-weight:600}.loading-spinner{color:var(--text-secondary);font-style:italic;animation:1.5s infinite pulse}.mfg-progress-page{flex-direction:column;height:100%;display:flex}.mfg-progress-page .tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex}.mfg-progress-page .tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #0000;padding:8px 16px;font-size:14px;font-weight:500}.mfg-progress-page .tab-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.mfg-progress-page .tab-btn.active{color:var(--accent-blue);background:#3b82f61a;border-color:#3b82f633}.mfg-progress-page .split-view{flex:1;gap:24px;display:flex}.mfg-progress-page .form-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;padding:24px}.mfg-progress-page .list-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:1.5;padding:24px;display:flex;overflow:hidden}.mfg-progress-page .card-list{flex-direction:column;flex:1;gap:16px;padding-right:4px;display:flex;overflow-y:auto}.mfg-progress-page .data-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:transform var(--transition), border-color var(--transition);padding:16px}.mfg-progress-page .data-card:hover{border-color:var(--border);transform:translateY(-2px)}.mfg-progress-page .data-form{flex-direction:column;gap:16px;display:flex}.mfg-progress-page .empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px;font-style:italic}.bomist-parts,.paltro-parts{flex-direction:column;height:100%;display:flex;overflow:hidden}.bomist-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:16px 24px}.top-filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bomist-select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition);border-radius:6px;outline:none;padding:6px 12px;font-size:12px;font-weight:600}.bomist-select:focus{border-color:var(--accent-blue)}.bomist-main-split,.paltro-main-split{flex:1;display:flex;position:relative;overflow:hidden}.grid-area{border-right:1px solid var(--border);scroll-behavior:smooth;background:var(--bg-primary);flex:1;overflow-y:auto}.grid-area::-webkit-scrollbar{width:6px}.grid-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.grid-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.directory-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);max-height:380px;box-shadow:var(--shadow-card);margin-top:10px;margin-bottom:20px;position:relative;overflow:auto}.scroll-nav-sticky{border-bottom:1px solid var(--border);z-index:100;background:var(--bg-card);align-items:center;gap:15px;padding:10px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #00000005}.nav-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:800}.scroll-link{color:#2563eb;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s}.scroll-link:hover{background:#eff6ff}.inspector-area{border-left:1px solid var(--border);background:#f8fafc;flex-direction:column;min-width:300px;max-width:800px;display:flex;position:relative;overflow-y:auto}.inspector-area::-webkit-scrollbar{width:6px}.inspector-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.resize-handle{cursor:col-resize;z-index:100;background:0 0;width:6px;transition:background .2s;position:relative}.resize-handle:after{content:"";opacity:0;background:#cbd5e1;border-radius:2px;width:3px;height:40px;transition:opacity .2s;position:absolute;top:50%;left:1px;transform:translateY(-50%)}.resize-handle:hover{background:#3b82f6}.resize-handle:hover:after{opacity:1;background:#fff}.status-bars-container{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 24px;display:flex}.status-bar-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.status-label{color:var(--text-muted);text-transform:uppercase;width:150px;font-size:11px;font-weight:800}.status-item{align-items:center;gap:6px;font-size:12px;display:flex}.s-type{color:var(--text-primary);font-weight:500}.s-count{color:var(--accent-blue);text-align:center;background:#3b82f61a;border-radius:4px;min-width:25px;padding:2px 8px;font-weight:800}.s-count.green{color:var(--accent-green);background:#10b9811a}.s-count.amber{color:var(--accent-amber);background:#f59e0b1a}.s-count.red{color:var(--accent-red);background:#ef44441a}.bomist-table{border-collapse:collapse;width:100%}.bomist-table th{text-align:left;text-transform:uppercase;color:#64748b;border-bottom:1px solid var(--border);z-index:10;background:#f8fafc;padding:12px 16px;font-size:11px;font-weight:800;position:sticky;top:40px}.bomist-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13px}.bomist-table tr:hover{cursor:pointer;background:#f1f5f9}.bomist-table tr.selected{background:#eff6ff}.inspector-content-wrap,.inspector-form-wrap{padding:24px}.inspector-head h2{color:#1e293b;margin:0;font-size:24px;font-weight:800}.tag-row{gap:8px;margin-top:10px;display:flex}.tag-house{color:#fff;background:#1e293b;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.tag-cat{color:#1e40af;background:#dbeafe;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.hud-container{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;margin-top:20px;padding:16px}.hud-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hud-field{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.hud-field label{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:800}.hud-field span{color:var(--text-primary);font-size:13px;font-weight:600}.directory-section{margin-bottom:30px}.directory-header{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;border-left:4px solid #2563eb;margin:15px 16px;padding-left:10px;font-size:14px;font-weight:800}.empty-row{text-align:center;color:#94a3b8;padding:20px;font-size:13px;font-style:italic}.visual-block{align-items:flex-start;gap:16px;margin-top:20px;display:flex}.barcode-box{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;padding:10px}.barcode-box img{width:100px;height:100px;display:block}.header-actions-vertical{flex-direction:column;flex:1;gap:8px;display:flex}.paltro-tabs-inspector{border-bottom:1px solid var(--border);gap:15px;margin-top:25px;display:flex}.paltro-tabs-inspector button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 0;font-size:11px;font-weight:800}.paltro-tabs-inspector button.active{color:#2563eb;border-bottom-color:#2563eb}.bom-actions-row{align-items:center;gap:10px;margin-bottom:15px;padding:0 5px;display:flex}.template-link{color:#2563eb;cursor:pointer;margin-left:auto;font-size:11px;text-decoration:underline}.bom-table-main{border-collapse:collapse;width:100%;font-size:11px}.bom-table-main th{text-align:left;border-bottom:1px solid var(--border);color:#64748b;text-transform:uppercase;background:#f8fafc;padding:8px}.bom-table-main td{border-bottom:1px solid #f1f5f9;padding:8px}.panel-header-inline{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-header-inline h3{color:#1e293b;margin:0;font-size:18px;font-weight:800}.inspector-form{flex-direction:column;gap:16px;display:flex}.form-actions-inline{gap:12px;margin-top:10px;display:flex}.form-actions-inline .btn{flex:1}.empty-inspector{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.empty-inspector .icon{opacity:.2;margin-bottom:15px;font-size:48px}.context-menu{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:12px;width:180px;padding:6px;position:fixed;box-shadow:0 10px 25px #0000001a}.menu-item{cursor:pointer;color:#334155;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.menu-item:hover{color:#1e293b;background:#f1f5f9}.menu-item.danger{color:#ef4444}.context-menu .divider{background:#f1f5f9;height:1px;margin:4px 0}.sub-assy-row{background:#f8fafc;border-left:3px solid #2563eb}.preview-style{padding:15px 5px}.preview-list{flex-direction:column;gap:8px;display:flex}.preview-item{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;font-size:12px;display:flex}.preview-item .p-ipn{color:#1e293b;font-weight:800}.preview-item .p-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0 12px;overflow:hidden}.preview-item .p-qty{color:#2563eb;background:#eff6ff;border-radius:4px;padding:2px 6px;font-weight:800}.preview-item.is-sub{border-left:3px solid #2563eb}.more-hint{color:#94a3b8;text-align:center;margin-top:10px;font-size:11px;font-style:italic}.preview-stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.p-stat{border:1px solid var(--border);text-align:center;background:#fff;border-radius:10px;padding:10px}.p-stat label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.p-stat .val{color:#1e293b;font-size:14px;font-weight:800}.p-stat .val.green{color:#10b981}.p-stat .val.amber{color:#f59e0b}.preview-workflow{flex-direction:column;gap:12px;padding-left:10px;display:flex}.wf-step{color:#64748b;align-items:center;gap:10px;font-size:12px;display:flex;position:relative}.wf-step:not(:last-child):after{content:"";background:var(--border);width:1px;height:15px;position:absolute;top:15px;left:4px}.step-dot{background:var(--border);width:10px;height:10px;box-shadow:0 0 0 1px var(--border);z-index:1;border:2px solid #fff;border-radius:50%}.wf-step.done{color:#1e293b;font-weight:600}.wf-step.done .step-dot{background:#10b981;box-shadow:0 0 0 1px #10b981}.wf-step.current{color:#2563eb;font-weight:700}.wf-step.current .step-dot{background:#2563eb;box-shadow:0 0 0 2px #2563eb33}.modal-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:100000!important;background:#0f172abf!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.modal-content{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;flex-direction:column!important;max-height:90vh!important;animation:.3s cubic-bezier(.34,1.56,.64,1) modalEnter!important;display:flex!important;overflow-y:auto!important;box-shadow:0 25px 50px -12px #00000080!important}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cmd-palette-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;background-color:#0a0f1eb3;justify-content:center;align-items:flex-start;padding-top:100px;display:flex;position:fixed;inset:0}.cmd-palette-modal{background:#0f172a;border:1px solid #334155;border-radius:12px;width:90%;max-width:650px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.cmd-palette-search-wrapper{border-bottom:1px solid #1e293b;align-items:center;gap:12px;padding:16px 20px;display:flex}.cmd-search-icon{font-size:20px}.cmd-palette-input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.cmd-palette-results{max-height:380px;padding:12px;overflow-y:auto}.cmd-placeholder{text-align:center;color:#94a3b8;padding:30px 20px;font-size:14px}.cmd-tips{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:15px;font-size:12px;display:flex}.tip-badge{color:#3b82f6;background:#3b82f61a;border-radius:4px;padding:2px 6px;font-weight:700}.cmd-no-results{text-align:center;color:#f43f5e;text-align:center;padding:20px;font-size:14px}.cmd-section{margin-bottom:16px}.cmd-section-title{text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin:6px 12px;font-size:11px;font-weight:800}.cmd-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:10px 14px;transition:all .15s;display:flex}.cmd-item:hover{background:#1e293b}.cmd-item-main{align-items:center;gap:12px;display:flex}.cmd-item-code{color:#3b82f6;font-family:monospace;font-weight:700}.cmd-item-name{color:#cbd5e1}.cmd-item-meta{color:#64748b;font-size:11px}.cmd-palette-footer{color:#64748b;background:#090d16;border-top:1px solid #1e293b;justify-content:space-between;padding:10px 20px;font-size:11px;display:flex}body,.app-layout,.sidebar,.topbar,.page-area,.card,.panel,.modal-content,.btn,.btn-secondary,.form-input,.form-select,table,th,td,.badge,.data-panel,.panel-header,.filter-pill,.paltro-table,.inspector-area,.status-bar{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}@media print{.sidebar,.topbar,.toast,.modal-overlay,.quick-noti-dropdown,.quick-recents-bar,.sync-badge,.breadcrumb,.user-profile,.topbar-right,.panel-tools,.filter-pills,.resize-handle,.inspector-area,.btn,button{display:none!important}.app-layout{grid-template-columns:1fr!important;display:block!important}.page-area{height:auto!important;max-height:none!important;padding:0!important;overflow:visible!important}.paltro-main-split{display:block!important}.grid-area{width:100%!important;max-width:100%!important;overflow:visible!important}body,.app-layout,.page-area,.data-panel,.panel-header{color:#000!important;background:#fff!important}table,.paltro-table,.data-table{border-collapse:collapse;page-break-inside:auto;width:100%}tr{page-break-inside:avoid}th,td{color:#000!important;border:1px solid #ccc!important;padding:6px 10px!important;font-size:11px!important}th{background:#f3f4f6!important;font-weight:700!important}.card,.panel,.data-panel,[class*=card]{page-break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #e5e7eb!important}@page{margin:1cm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.breadcrumb-segment{align-items:center;display:flex;position:relative}.breadcrumb-dropdown{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100001;border-radius:10px;min-width:220px;padding:4px;animation:.2s ease-out fadeInUp;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 15px 35px #00000059,0 0 0 1px #ffffff0a}.breadcrumb-dropdown-item{color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.breadcrumb-dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.breadcrumb-dropdown-item.active{color:var(--accent-blue);background:#3b82f61a;font-weight:700}.breadcrumb-dropdown-item span{text-align:center;width:20px;font-size:14px}.toast-stack .toast{animation:.3s ease-out slideInRight;position:relative;bottom:auto;right:auto}@keyframes toastCountdown{0%{width:100%}to{width:0%}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.toast .toast-progress{border-radius:0 0 var(--radius-md) var(--radius-md)}.global-context-menu{animation:.15s ease-out fadeInUp}.ctx-menu-item{-webkit-user-select:none;user-select:none}.fav-panel-slideout{animation:.25s ease-out slideInRight}.fav-panel-slideout::-webkit-scrollbar{width:4px}.fav-panel-slideout::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.inline-edit-cell{position:relative}.inline-edit-cell input{background:var(--bg-input);border:2px solid var(--accent-blue);color:var(--text-primary);border-radius:4px;outline:none;width:100%;padding:4px 6px;font-size:12px;animation:.15s ease-out fadeIn;box-shadow:0 0 0 3px #3b82f626}.inline-edit-actions{z-index:10;gap:2px;margin-top:2px;display:flex;position:absolute;top:100%;right:0}.inline-edit-actions button{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:4px;padding:2px 6px;font-size:10px;transition:all .15s}.inline-edit-actions button:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.bulk-toolbar{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100000;border-radius:14px;align-items:center;gap:12px;padding:10px 20px;animation:.25s ease-out fadeInUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d}.bulk-toolbar .bulk-count{background:var(--accent-blue);color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.bulk-toolbar button{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.bulk-toolbar button:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.bulk-toolbar button.danger:hover{background:var(--accent-red);border-color:var(--accent-red)}.saved-filters-bar{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;display:flex}.saved-filter-chip{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.saved-filter-chip:hover{border-color:var(--accent-blue);color:var(--text-primary)}.saved-filter-chip.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#3b82f626;font-weight:700}.saved-filter-chip .remove-chip{opacity:0;margin-left:4px;font-size:10px;transition:opacity .15s}.saved-filter-chip:hover .remove-chip{opacity:1}.preview-slideout{background:var(--bg-card);border-left:1px solid var(--border);z-index:99999;flex-direction:column;width:420px;animation:.2s ease-out slideInRight;display:flex;position:fixed;top:56px;bottom:0;right:0;overflow:hidden;box-shadow:-8px 0 30px #00000040}.preview-slideout .preview-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.preview-slideout .preview-body{flex:1;padding:20px;overflow-y:auto}.preview-slideout .preview-actions{border-top:1px solid var(--border);background:var(--bg-secondary);gap:8px;padding:12px 20px;display:flex}.drag-handle{cursor:grab;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:4px;font-size:14px;transition:color .15s}.drag-handle:hover{color:var(--accent-blue)}.drag-handle:active{cursor:grabbing}tr.dragging{opacity:.4;background:#3b82f61a!important}tr.drag-over{border-top:2px solid var(--accent-blue)!important}tr.drag-over-below{border-bottom:2px solid var(--accent-blue)!important}.row-checkbox{width:16px;height:16px;accent-color:var(--accent-blue);cursor:pointer}.stock-level-bar{background:var(--border);border-radius:2px;width:100%;height:4px;margin-top:4px;overflow:hidden}.stock-level-bar .stock-fill{border-radius:2px;height:100%;transition:width .3s}.animate-scale{animation:.2s cubic-bezier(.34,1.56,.64,1) modalEnter}.skeleton-cell{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary,#ffffff0d) 50%, var(--bg-secondary) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.sidebar.collapsed{width:64px!important;min-width:64px!important}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:12px 8px}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .nav-icon{margin-right:0;font-size:18px}.sidebar.collapsed .sidebar-footer{padding:8px}.sidebar.collapsed .sidebar-nav{padding:8px 4px}.sidebar.collapsed .nav-item:hover{position:relative}.sidebar.collapsed .nav-item:hover:after{content:attr(title);background:var(--bg-card);color:var(--text-primary);white-space:nowrap;z-index:10001;border:1px solid var(--border);pointer-events:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}.sidebar-toggle-btn:hover{border-radius:6px;background:var(--bg-secondary)!important}.app-layout.sidebar-collapsed .sidebar{width:64px;min-width:64px}.topbar-quick-actions button:hover{filter:brightness(1.15);transform:translateY(-1px)}.topbar-quick-actions button{transition:all .15s}.topbar-clock{font-variant-numeric:tabular-nums}@keyframes badge-pulse{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.1)}}.nav-badge{animation:2s infinite badge-pulse}.sidebar.collapsed .nav-badge{animation:2s infinite badge-pulse;top:2px;right:4px;transform:none;min-width:14px!important;padding:0 4px!important;font-size:10px!important}@keyframes pageFadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-area>*{animation:.25s ease-out pageFadeSlideIn}.stat-progress-bar{background:#ffffff1a;border-radius:4px;width:100%;height:4px;margin-top:8px;overflow:hidden}.stat-progress-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.app-layout.focused-mode .sidebar,.app-layout.focused-mode .topbar{display:none!important}.app-layout.focused-mode{grid-template-columns:1fr!important}.app-layout.focused-mode .main-content{grid-column:1/-1}.focused-mode-toggle{z-index:100001;color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:28px;left:24px;box-shadow:0 8px 24px #f59e0b80}.focused-mode-toggle:hover{transform:scale(1.12);box-shadow:0 10px 28px #f59e0bb3}.dbl-edit-cell{cursor:default;position:relative}.dbl-edit-cell:hover:after{content:"✎";color:var(--accent-blue);opacity:.5;font-size:10px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.stat-sub,.p-stat-item label{font-size:10px!important}.status-pill.IN_STOCK:before{content:"✅ "}.status-pill.LOW_STOCK:before{content:"⚠️ "}.status-pill.OUT_OF_STOCK:before{content:"🚫 "}.sticky-col-1{z-index:2!important;background:var(--bg-card)!important;position:sticky!important;left:0!important;box-shadow:2px 0 5px #0000000d!important}.sticky-col-2{z-index:2!important;background:var(--bg-card)!important;position:sticky!important;left:110px!important;box-shadow:2px 0 5px #0000000d!important}th.sticky-col-1,th.sticky-col-2{z-index:3!important;background:var(--bg-secondary)!important}