:root{--color-primary: #1d4ed8;--color-primary-600: #1e40af;--color-primary-700: #1e3a8a;--color-primary-soft: #e0ecff;--color-success: #15803d;--color-success-soft: #dcfce7;--color-warning: #b45309;--color-warning-soft: #fef3c7;--color-danger: #b91c1c;--color-danger-soft: #fee2e2;--color-info: #0f766e;--color-info-soft: #ccfbf1;--color-purple: #6d28d9;--color-purple-soft: #ede9fe;--color-bg: #f6f8fb;--color-surface: #ffffff;--color-surface-alt: #f8fafc;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #111827;--color-text-muted: #6b7280;--color-text-subtle: #9ca3af;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 2px 6px rgba(15, 23, 42, .06);--shadow-md: 0 8px 22px rgba(15, 23, 42, .08);--shadow-lg: 0 14px 36px rgba(15, 23, 42, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-sans: "Roboto", system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;--content-max-width: 1280px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body.menu-open{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--color-text);font-weight:500;margin:0 0 var(--space-3) 0;line-height:1.25}p{margin:0 0 var(--space-3) 0}a{color:var(--color-primary);text-decoration:none;transition:color .18s ease}a:hover{color:var(--color-primary-600);text-decoration:underline}.app-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-6)}.page{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-3) var(--space-8) var(--space-3)}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.page-header h1{font-size:22px;margin:0}.page-header .subtitle{margin:var(--space-1) 0 0 0;font-size:13px;color:var(--color-text-muted)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;border:1px solid transparent;line-height:1.4;white-space:nowrap}.status-pill.pending{background:var(--color-warning-soft);color:var(--color-warning);border-color:#fde68a}.status-pill.approved{background:var(--color-success-soft);color:var(--color-success);border-color:#bbf7d0}.status-pill.declined{background:var(--color-danger-soft);color:var(--color-danger);border-color:#fecaca}.status-pill.purchased{background:var(--color-success-soft);color:var(--color-success);border-color:#bbf7d0}.status-pill.partial{background:var(--color-purple-soft);color:var(--color-purple);border-color:#ddd6fe}.status-pill.cancelled{background:#e5e7eb;color:#374151;border-color:#d1d5db}.status-pill.neutral{background:var(--color-surface-alt);color:var(--color-text-muted);border-color:var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-primary);color:#fff;font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap}.btn:hover{background:var(--color-primary-600)}.btn:active{transform:translateY(1px)}.btn:disabled{background:#cbd5e1;color:#f8fafc;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-surface-alt);border-color:#9ca3af}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:hover{background:var(--color-primary-soft);color:var(--color-primary-600)}.btn-success{background:var(--color-success)}.btn-success:hover{background:#166534}.btn-danger{background:var(--color-danger)}.btn-danger:hover{background:#991b1b}.btn-warning{background:var(--color-warning)}.btn-warning:hover{background:#92400e}.btn-block{width:100%}.form-control,input[type=text],input[type=number],input[type=email],input[type=url],input[type=date],input[type=password],input[type=search],textarea,select{width:100%;padding:10px 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;box-sizing:border-box}textarea{min-height:96px;resize:vertical}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%236b7280' d='M0 0l5 6 5-6z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-control:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1d4ed826}::placeholder{color:var(--color-text-subtle)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-5)}.form-grid .col-full{grid-column:1 / -1}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field label{font-size:13px;font-weight:500;color:var(--color-text)}.form-field .hint{font-size:12px;color:var(--color-text-muted)}.form-field .error{font-size:12px;color:var(--color-danger)}input.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched,select.ng-invalid.ng-touched{border-color:var(--color-danger)}input.ng-valid.ng-touched,textarea.ng-valid.ng-touched,select.ng-valid.ng-touched{border-color:var(--color-success)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;border:1px solid transparent}.alert i{margin-top:2px}.alert-success{background:var(--color-success-soft);color:var(--color-success);border-color:#bbf7d0}.alert-danger,.alert-error{background:var(--color-danger-soft);color:var(--color-danger);border-color:#fecaca}.alert-warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:#fde68a}.alert-info{background:var(--color-primary-soft);color:var(--color-primary-600);border-color:#bfdbfe}.empty-state{text-align:center;padding:36px 20px;border-radius:var(--radius-lg);background:var(--color-surface-alt);border:1px dashed var(--color-border-strong);color:#475569}.empty-state i{font-size:36px;color:var(--color-text-subtle);margin-bottom:10px}.empty-state h3{margin:4px 0 6px;font-size:17px;color:var(--color-text)}.empty-state p{margin:0;font-size:14px;color:var(--color-text-muted)}.text-muted{color:var(--color-text-muted)}.text-small{font-size:12px}.flex-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.flex-grow{flex:1 1 auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}