:root{--primary: #007bff;--primary-dark: #0056b3;--primary-light: #e8f1ff;--success: #16a34a;--success-bg: #f0fdf4;--danger: #dc2626;--danger-bg: #fef2f2;--warning: #d97706;--warning-bg: #fffbeb;--info: #0891b2;--info-bg: #ecfeff;--orange: #ea580c;--orange-bg: #fff7ed;--bg: #f4f6f9;--surface: #ffffff;--border: #e2e8f0;--border-focus: #007bff;--text: #1e293b;--text-secondary:#475569;--text-muted: #94a3b8;--radius-xs: 4px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 4px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.12);--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--text);background:var(--bg);padding:0 20px 40px;max-width:1200px;margin:0 auto;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:600;line-height:1.3;color:var(--text)}h2{font-size:20px}h3{font-size:16px}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:58px;background:var(--surface);border-bottom:1px solid var(--border);margin:0 -20px 28px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-xs)}.navbar-left{display:flex;align-items:center;gap:6px}.navbar-right{display:flex;align-items:center;gap:8px}.navbar-brand{font-size:17px;font-weight:700;color:var(--primary);letter-spacing:-.3px;padding:6px 10px;border-radius:var(--radius-sm);margin-right:8px}.navbar-brand:hover{background:var(--primary-light);color:var(--primary)}.nav-link{padding:6px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;font-size:13.5px;transition:background var(--transition),color var(--transition)}.nav-link:hover{background:var(--bg);color:var(--text)}.nav-cta{padding:7px 14px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-weight:500;font-size:13.5px;transition:background var(--transition)}.nav-cta:hover{background:var(--primary-dark);color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);padding:4px 0;transition:color var(--transition)}.page-back:hover{color:var(--primary)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-title{font-size:15px;font-weight:600;color:var(--text)}.permission-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px 24px;border-left:4px solid var(--primary);transition:transform var(--transition),box-shadow var(--transition);cursor:pointer}.permission-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.permission-card h3{margin-bottom:6px;color:var(--text)}.permission-card p{color:var(--text-secondary);font-size:13px}.permissions-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:20px}.permission-link{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:background var(--transition),opacity var(--transition),box-shadow var(--transition);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d;color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;color:#fff}.btn-info{background:var(--info);color:#fff}.btn-info:hover:not(:disabled){background:#0e7490;color:#fff}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn-ghost{background:transparent;color:var(--text-muted);border:none;padding:6px 10px}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn-sm{padding:5px 11px;font-size:12.5px}.btn-lg{padding:11px 24px;font-size:15px}.btn-icon{padding:6px;background:transparent;border:none;color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition),color var(--transition)}.btn-icon:hover{background:var(--bg);color:var(--primary)}.btn-icon svg{width:18px;height:18px;display:block}.form-section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:16px}.form-section-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;color:var(--text);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition);box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #007bff1f}.form-textarea{resize:vertical;min-height:80px}.form-row{display:flex;gap:16px}.form-row>*{flex:1}.form-hint{margin-top:5px;font-size:12px;color:var(--text-muted);font-style:italic}.form-check{display:flex;align-items:center;gap:8px;cursor:pointer}.form-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.form-check-label{font-size:13.5px;color:var(--text-secondary)}.search-form{margin-bottom:20px}.search-bar{display:flex;align-items:center;gap:10px;background:var(--surface);padding:10px 14px;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.search-bar input[type=text]{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}.search-bar input[type=text]:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #007bff1f}.search-btn{padding:8px 18px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:background var(--transition)}.search-btn:hover{background:var(--primary-dark)}.status-filters{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;align-items:center}.status-filter-label{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:12.5px;padding:3px 8px;border-radius:20px;border:1px solid var(--border);background:var(--surface);transition:background var(--transition),border-color var(--transition)}.status-filter-label:hover{background:var(--bg)}.status-filter-label input{width:13px;height:13px;accent-color:var(--primary);cursor:pointer}table{width:100%;border-collapse:collapse;background:var(--surface)}thead{background:#f8fafc}th{padding:11px 14px;text-align:left;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}td{padding:12px 14px;border-bottom:1px solid #f1f5f9;font-size:13.5px;color:var(--text);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition)}tbody tr:hover{background:#f8fafc}.status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.2px}.status.D{background:#dbeafe;color:#1d4ed8}.status.P{background:#fef3c7;color:#b45309}.status.V{background:#ffedd5;color:#c2410c}.status.C{background:#dcfce7;color:#15803d}.status.X{background:#fee2e2;color:#b91c1c}.status.L{background:#f3e8ff;color:#7c3aed}.status.E{background:#fce7f3;color:#be185d}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.D{background:#1d4ed8}.status-indicator.P{background:#b45309}.status-indicator.V{background:#c2410c}.status-indicator.C{background:#15803d}.status-indicator.X{background:#b91c1c}.status-indicator.L{background:#7c3aed}.status-indicator.E{background:#be185d}.payment-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:500}.payment-badge.P{background:#fef3c7;color:#92400e}.payment-badge.Y{background:#dcfce7;color:#166534}.payment-badge.R{background:#fee2e2;color:#991b1b}.selected-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--primary-light);border:1px solid #bfdbfe;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--primary-dark)}.selected-chip-remove{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--primary);font-size:16px;line-height:1;opacity:.6;transition:opacity var(--transition);padding:0 2px}.selected-chip-remove:hover{opacity:1}.material-chip{display:flex;align-items:center;gap:6px;padding:7px 10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm);font-size:13px;color:var(--success)}.material-chip-name{font-weight:500;color:var(--text)}.material-chip-remove{background:none;border:none;cursor:pointer;color:var(--danger);font-size:14px;margin-left:4px;opacity:.7;transition:opacity var(--transition)}.material-chip-remove:hover{opacity:1}.autocomplete-results{list-style:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-top:4px;box-shadow:var(--shadow);overflow:hidden}.autocomplete-item{padding:9px 13px;cursor:pointer;font-size:13.5px;border-bottom:1px solid #f1f5f9;transition:background var(--transition)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--primary-light);color:var(--primary-dark)}.autocomplete-item-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.csp-row{display:grid;grid-template-columns:1fr 120px 150px 110px 40px;gap:8px;margin-bottom:8px;align-items:center}.csp-cell{padding:9px 11px;background:var(--orange-bg);border:1px dashed #fdba74;border-radius:var(--radius-sm);font-size:13px}.csp-cell-name{font-weight:500;color:var(--text)}.csp-badge{display:inline-flex;align-items:center;margin-left:8px;padding:1px 7px;background:var(--orange);color:#fff;border-radius:10px;font-size:10.5px;font-weight:600;letter-spacing:.3px}.csp-hint{font-size:11.5px;color:var(--text-muted);margin-top:3px}.csp-placeholder{padding:9px 11px;font-size:13px;color:var(--text-muted);text-align:center}.csp-price{padding:9px 6px;font-size:13px;font-weight:500;color:var(--orange)}.ingredient-row{display:grid;grid-template-columns:1fr 110px 140px 110px 38px;gap:8px;margin-bottom:8px;align-items:start}.ingredient-price{padding:9px 6px;font-size:13px;font-weight:500;color:var(--success);align-self:center}.ingredient-price.empty{color:var(--text-muted)}.person-lookup-box{padding:14px;border-radius:var(--radius-sm);margin-top:6px}.person-lookup-box.found{background:#f0fdf4;border:1px solid #bbf7d0}.person-lookup-box.not-found{background:#fffbeb;border:1px solid #fde68a}.person-lookup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lookup-status{font-size:12px;font-weight:500}.lookup-status.found{color:var(--success)}.lookup-status.not-found{color:var(--warning)}.lookup-status.loading{color:var(--text-muted)}.quote-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm);padding:14px 18px;margin-top:12px}.quote-total{font-size:22px;font-weight:700;color:var(--success)}.quote-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13.5px;margin-bottom:16px;white-space:pre-line}.alert-error{background:var(--danger-bg);color:#991b1b;border:1px solid #fecaca}.alert-info{background:var(--info-bg);color:#155e75;border:1px solid #a5f3fc}.alert-warn{background:var(--warning-bg);color:#92400e;border:1px solid #fde68a}.alert-success{background:var(--success-bg);color:#166534;border:1px solid #bbf7d0}.detail-table{width:100%;border-collapse:collapse}.detail-table td{padding:9px 0;border-bottom:1px solid #f1f5f9;font-size:13.5px}.detail-table tr:last-child td{border-bottom:none}.detail-table .dt-label{font-weight:500;color:var(--text-secondary);width:140px;padding-right:16px}.detail-table .dt-value{color:var(--text)}.pagination{display:flex;gap:8px;margin-top:20px;align-items:center}.pagination span{font-size:13px;color:var(--text-muted)}.pagination button{padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-family:inherit;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition)}.pagination button:hover:not(:disabled){background:var(--bg);color:var(--text)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.loading{padding:32px;text-align:center;color:var(--text-muted);font-size:14px}.empty-state{padding:20px 0 4px;color:var(--text-muted);font-size:13.5px}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:90vh}.login-card{background:var(--surface);padding:40px 44px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px}.login-title{text-align:center;margin-bottom:8px;font-size:22px;font-weight:700}.login-subtitle{text-align:center;color:var(--text-muted);font-size:13.5px;margin-bottom:28px}.navbar-top{display:flex;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 20px}.navbar-hamburger{display:none;background:none;border:none;font-size:20px;line-height:1;cursor:pointer;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text);transition:background var(--transition)}.navbar-hamburger:hover{background:var(--bg)}.navbar-mobile-menu{display:flex;flex-direction:column;gap:4px;padding:10px 12px 16px;border-top:1px solid var(--border);width:100%;background:var(--surface)}.navbar-mobile-menu .nav-link{padding:10px 12px;font-size:14px;border-radius:var(--radius-sm)}.navbar-mobile-menu .nav-cta{display:block;text-align:center;padding:10px 16px}.navbar-mobile-menu .btn{width:100%;justify-content:center;padding:10px 16px;font-size:14px}.navbar-mobile-divider{height:1px;background:var(--border);margin:6px 0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){body{padding:0 12px 32px}.navbar{margin:0 -12px 24px}.form-row{flex-direction:column}.ingredient-row,.csp-row{grid-template-columns:1fr 90px 120px 90px 36px}.person-lookup-grid{grid-template-columns:1fr}table{font-size:13px}}@media(max-width:640px){body{padding:0 10px 40px}.navbar{height:auto;padding:0;flex-direction:column;align-items:stretch;margin:0 -10px 18px}.navbar-top{height:52px;padding:0 12px}.navbar-hamburger{display:block}.navbar-desktop{display:none!important}.card{padding:14px}}