:root{--bg-main: #f5f5f7;--bg-card: #ffffff;--bg-sidebar: #000000;--bg-sidebar-hover: rgba(255,255,255,.06);--bg-sidebar-active: rgba(255,255,255,.1);--bg-input: #f5f5f7;--bg-table-header: #fafafa;--bg-glass: rgba(255,255,255,.72);--bg-topbar: rgba(255,255,255,.72);--bg-topbar-border: rgba(0,0,0,.09);--topbar-search-bg: rgba(0,0,0,.04);--topbar-search-focus-bg: #ffffff;--topbar-search-focus-border: rgba(0,0,0,.12);--topbar-icon-color: #86868b;--topbar-icon-hover-bg: rgba(0,0,0,.05);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-muted: #aeaeb2;--text-sidebar: rgba(255,255,255,.55);--text-sidebar-active: #ffffff;--sidebar-brand-color: #ffffff;--sidebar-label-color: rgba(255,255,255,.3);--sidebar-label-hover: rgba(255,255,255,.55);--sidebar-footer-border: rgba(255,255,255,.06);--sidebar-dropdown-bg: #1c1c1e;--sidebar-dropdown-border: rgba(255,255,255,.1);--sidebar-avatar-bg: rgba(255,255,255,.12);--sidebar-avatar-color: rgba(255,255,255,.8);--alert-dropdown-bg: #ffffff;--alert-dropdown-shadow: 0 8px 40px rgba(0,0,0,.12), 0 0 0 .5px rgba(0,0,0,.06);--scrollbar-thumb: rgba(0,0,0,.15);--scrollbar-thumb-hover: rgba(0,0,0,.25);--selection-bg: rgba(0,113,227,.15);--selection-color: #1d1d1f;--border-light: rgba(0,0,0,.06);--border-medium: #d2d2d7;--border-input: #d2d2d7;--accent: #0071e3;--accent-hover: #0077ed;--accent-soft: rgba(0,113,227,.08);--success: #34c759;--success-bg: rgba(52,199,89,.08);--warning: #ff9f0a;--warning-bg: rgba(255,159,10,.08);--danger: #ff3b30;--danger-bg: rgba(255,59,48,.06);--info: #5ac8fa;--info-bg: rgba(90,200,250,.08);--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.05);--shadow-lg: 0 8px 30px rgba(0,0,0,.08);--shadow-xl: 0 20px 60px rgba(0,0,0,.1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20;font-size:20px;vertical-align:middle;line-height:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--selection-bg);color:var(--selection-color)}.page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem}.page-header h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.6rem;letter-spacing:-.025em}.page-header h1 .material-symbols-rounded{font-size:28px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;color:var(--text-secondary)}.page-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.6rem;letter-spacing:-.02em}.page-header h2 .material-symbols-rounded{font-size:26px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;color:var(--text-secondary)}.subtitle{margin:.3rem 0 0;color:var(--text-secondary);font-size:.88rem;font-weight:400}.header-actions{display:flex;gap:.5rem;align-items:center}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:var(--text-primary);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{opacity:.88;transform:translateY(-.5px)}.btn-primary .material-symbols-rounded{font-size:18px}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-light);padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-secondary:hover{border-color:var(--border-medium);color:var(--text-primary)}.btn-secondary .material-symbols-rounded{font-size:16px}.btn-ghost{display:inline-flex;align-items:center;gap:.35rem;background:transparent;color:var(--text-secondary);border:none;padding:.45rem .65rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .15s ease}.btn-ghost:hover{background:var(--bg-input);color:var(--text-primary)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:.35rem;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .15s ease}.btn-icon:hover{background:var(--bg-input);color:var(--text-primary)}.btn-icon .material-symbols-rounded{font-size:18px}.btn-icon.btn-danger:hover{background:var(--danger-bg);color:var(--danger)}.btn-icon.btn-warning:hover{background:var(--warning-bg);color:var(--warning)}.btn-sm{padding:.35rem .85rem;font-size:.78rem;border-radius:6px}.btn-sm .material-symbols-rounded{font-size:15px}.btn-accent{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.35rem}.btn-accent:hover{background:var(--accent-hover)}.btn-danger-solid{background:var(--danger);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:opacity .2s}.btn-danger-solid:hover{opacity:.88}.search-bar{display:flex;align-items:center;gap:.65rem;background:var(--bg-card);padding:.7rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-light);margin-bottom:1.5rem;transition:border-color .2s ease}.search-bar:focus-within{border-color:var(--border-medium)}.search-bar .material-symbols-rounded{font-size:18px;color:var(--text-muted)}.search-bar input{border:none;outline:none;flex:1;font-size:.88rem;font-family:var(--font-body);color:var(--text-primary);background:transparent}.search-bar input::placeholder{color:var(--text-muted)}.table-container{background:var(--bg-card);border-radius:var(--radius-lg);border:.5px solid var(--border-light);overflow:hidden}table{width:100%;border-collapse:collapse}thead tr{background:var(--bg-table-header)}th{padding:.85rem 1.15rem;text-align:left;font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:.5px solid var(--border-light);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none}th[style*="cursor:pointer"]:hover,th.sortable:hover{color:var(--text-primary)}.sort-icon{font-size:.7rem;margin-left:.25rem;opacity:.5}tbody tr{border-top:.5px solid var(--border-light);transition:background .12s ease}tbody tr:first-child{border-top:none}tbody tr:hover{background:var(--accent-soft)}td{padding:.8rem 1.15rem;font-size:.87rem;color:var(--text-primary);vertical-align:middle}td strong{font-weight:600}td code{background:var(--bg-input);padding:.15rem .45rem;border-radius:5px;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;color:var(--text-primary)}td .actions{display:flex;gap:.25rem;align-items:center}.price{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.filters-bar{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.filters-bar .search-bar{display:flex;align-items:center;gap:.5rem;background:var(--bg-input);border:1px solid var(--border-light);border-radius:10px;padding:.45rem .85rem;flex:1;min-width:200px;max-width:340px}.filters-bar .search-bar .material-symbols-rounded{font-size:18px;color:var(--text-muted)}.filters-bar .search-bar input{border:none;background:transparent;font-size:.82rem;color:var(--text-primary);outline:none;width:100%}.filters-bar .search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.filter-select{padding:.45rem .75rem;border:1px solid var(--border-light);border-radius:8px;font-size:.82rem;background:var(--bg-card);color:var(--text-primary);min-width:130px;cursor:pointer;appearance:auto}.filter-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-soft)}.filter-date{padding:.4rem .6rem;border:1px solid var(--border-light);border-radius:8px;font-size:.8rem;background:var(--bg-card);color:var(--text-primary);cursor:pointer}.filter-date:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-soft)}.btn-clear-filters{padding:.4rem .75rem;border:1px solid var(--border-light);border-radius:8px;font-size:.78rem;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:.3rem}.btn-clear-filters:hover{background:var(--bg-input);color:var(--text-primary)}th.col-check,td.col-check{width:40px;padding:.8rem .5rem .8rem 1.15rem;text-align:center}th.col-check input[type=checkbox],td.col-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--text-primary);cursor:pointer}tbody tr.selected-row,tbody tr.selected-row:hover{background:var(--accent-soft)}.bulk-actions-bar{display:flex;align-items:center;gap:1rem;padding:.65rem 1.15rem;background:var(--bg-table-header);border-bottom:.5px solid var(--border-light);font-size:.85rem;color:var(--text-secondary)}.bulk-actions-bar .bulk-count{font-weight:600;color:var(--text-primary)}.bulk-actions-bar button{padding:.35rem .85rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.bulk-actions-bar .btn-bulk-danger{background:#dc3545;color:#fff}.bulk-actions-bar .btn-bulk-danger:hover{background:#c82333}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.chip-green{background:var(--success-bg);color:#248a3d}.chip-red{background:var(--danger-bg);color:var(--danger)}.chip-orange,.chip-yellow{background:var(--warning-bg);color:#c93400}.chip-blue{background:var(--accent-soft);color:var(--accent)}.chip-gray{background:var(--bg-input);color:var(--text-secondary)}.chip-purple{background:#af52de14;color:#af52de}.badge{display:inline-block;background:var(--bg-input);color:var(--text-secondary);padding:.15rem .55rem;border-radius:20px;font-size:.75rem;font-weight:500}.status-draft{background:var(--bg-input);color:var(--text-secondary)}.status-pending{background:var(--warning-bg);color:#c93400}.status-active,.status-confirmed,.status-approved{background:var(--accent-soft);color:var(--accent)}.status-completed,.status-paid,.status-closed{background:var(--success-bg);color:#248a3d}.status-cancelled,.status-overdue{background:var(--danger-bg);color:var(--danger)}.loading{text-align:center;padding:3rem 2rem;color:var(--text-secondary);font-size:.9rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state .material-symbols-rounded{font-size:48px;color:var(--text-muted);display:block;margin-bottom:1rem;font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 48}.empty-state p{margin:0;font-size:.9rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.skeleton-card{height:80px;background:linear-gradient(90deg,var(--bg-input) 25%,rgba(0,0,0,.04) 50%,var(--bg-input) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:560px;box-shadow:var(--shadow-xl);animation:slideUp .25s ease;max-height:90vh;overflow-y:auto}.modal-lg{max-width:720px}.modal-xl{max-width:900px}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal h2{margin:0 0 1.5rem;font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.015em}.modal-actions{display:flex;gap:.65rem;justify-content:flex-end;margin-top:1.75rem;padding-top:1.25rem;border-top:.5px solid var(--border-light)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem;margin-bottom:1rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field.span-2{grid-column:span 2}.form-field.span-3{grid-column:span 3}.form-field label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.form-field input[type=text],.form-field input[type=number],.form-field input[type=email],.form-field input[type=password],.form-field input[type=date],.form-field input[type=datetime-local],.form-field input[type=tel],.form-field textarea,.form-field select{border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.6rem .85rem;font-size:.88rem;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-card);outline:none;transition:border-color .2s ease;width:100%}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--border-medium)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted)}.form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2386868b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-field textarea{resize:vertical;min-height:80px}.field-error{color:var(--danger);font-size:.72rem;margin-top:.15rem}.checkbox-field{justify-content:flex-end}.checkbox-field label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;text-transform:none;font-weight:500;color:var(--text-primary)}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--text-primary)}.stats-row,.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.75rem}.stat-card,.kpi-card{background:var(--bg-card);border:.5px solid var(--border-light);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.stat-card .stat-label,.kpi-card .kpi-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.5rem}.stat-card .stat-value,.kpi-card .kpi-value{font-size:1.6rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em;font-variant-numeric:tabular-nums}.progress-bar{height:5px;background:var(--bg-input);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:var(--text-primary);transition:width .3s ease}.progress-fill.success{background:var(--success)}.progress-fill.warning{background:var(--warning)}.progress-fill.danger{background:var(--danger)}.progress-fill.accent{background:var(--accent)}.prob-bar{display:inline-block;width:70px;height:5px;background:var(--bg-input);border-radius:99px;vertical-align:middle;overflow:hidden;margin-right:.35rem}.prob-fill{height:100%;background:var(--text-primary);border-radius:99px}.tabs{display:flex;gap:.15rem;margin-bottom:1.5rem;border-bottom:.5px solid var(--border-light);padding-bottom:0}.tab{padding:.6rem 1.15rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;font-size:.85rem;font-family:var(--font-body);color:var(--text-secondary);margin-bottom:-.5px;transition:all .15s ease;display:inline-flex;align-items:center;gap:.4rem}.tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.tab:hover{color:var(--text-primary)}.card{background:var(--bg-card);border:.5px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.info-box{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;background:var(--accent-soft);border-radius:var(--radius-sm);font-size:.82rem;color:var(--accent);margin-bottom:1rem}.info-box .material-symbols-rounded{font-size:18px;flex-shrink:0;margin-top:1px}.warning-box{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;background:var(--warning-bg);border-radius:var(--radius-sm);font-size:.82rem;color:#c93400;margin-bottom:1rem}.inner-table{width:100%;margin-top:.75rem}.inner-table th,.inner-table td{padding:.4rem .75rem;font-size:.8rem;text-align:left}.inner-table thead{background:var(--bg-input)}.expanded-row td{padding:0}.bom-detail,.detail-panel{padding:1rem 1.5rem;background:var(--bg-table-header);border-top:.5px solid var(--border-light)}.selected-row{background:var(--accent-soft)}.muted{color:var(--text-secondary);font-size:.82rem}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-center{display:flex;align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.btn-primary,.btn-secondary,.btn-ghost,.btn-icon,.btn-accent,.btn-sm{transition:all .2s ease}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}.form-field.span-2,.form-field.span-3{grid-column:span 1}.stats-row,.kpi-row{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:1fr}}