@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
.procurement-app{--pa-midnight:#0d1b2a;--pa-slate:#1c3a52;--pa-steel:#2e5f80;--pa-horizon:#4a90b8;--pa-terracotta:#c4622d;--pa-terracotta-h:#a8521f;--pa-ember:#e07b45;--pa-sand:#f0c89a;--pa-cream:#faf7f2;--pa-mist:#eef2f5;--pa-stone:#8fa3b1;--pa-charcoal:#2c3e4a;--pa-white:#fff;--pa-border:#2c3e4a1f;--pa-border-hair:#2c3e4a0f;--pa-success:#2d7a4f;--pa-success-bg:#d4eddf;--pa-warning:#8b5a1a;--pa-warning-bg:#f5e6d0;--pa-danger:#8b2020;--pa-danger-bg:#f5d4d4;--pa-info:#1c4a72;--pa-info-bg:#d4e5f5;--pa-draft:#5a7080;--pa-draft-bg:#eef2f5;--ciq-white:#fff;--ciq-gray-50:#f9fafb;--ciq-gray-100:#f3f4f6;--ciq-gray-200:#e5e7eb;--ciq-gray-300:#d1d5db;--ciq-gray-400:#9ca3af;--ciq-gray-500:#6b7280;--ciq-gray-600:#4b5563;--ciq-gray-700:#374151;--ciq-gray-800:#1f2937;--ciq-gray-900:#111827;--ciq-blue-50:#eff6ff;--ciq-blue-100:#dbeafe;--ciq-blue-200:#bfdbfe;--ciq-blue-300:#93c5fd;--ciq-blue-600:#2563eb;--ciq-blue-700:#1d4ed8;--ciq-green-50:#f0fdf4;--ciq-green-100:#dcfce7;--ciq-green-600:#16a34a;--ciq-green-700:#15803d;--ciq-amber-50:#fffbeb;--ciq-amber-100:#fef3c7;--ciq-amber-200:#fde68a;--ciq-amber-600:#d97706;--ciq-amber-700:#b45309;--ciq-red-50:#fef2f2;--ciq-red-100:#fee2e2;--ciq-red-600:#dc2626;--ciq-violet-50:#f5f3ff;--ciq-violet-100:#ede9fe;--ciq-violet-600:#7c3aed;--ciq-font-sans:"Inter", system-ui, -apple-system, sans-serif;--ciq-font-serif:"Inter", system-ui, -apple-system, sans-serif;--ciq-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--ciq-shadow:0 4px 12px #00000012, 0 1px 3px #0000000d;--pa-s-1:4px;--pa-s-2:8px;--pa-s-3:12px;--pa-s-4:16px;--pa-s-5:24px;--pa-s-6:32px;--pa-s-7:48px;--pa-r-sm:4px;--pa-r-md:6px;--pa-r-lg:12px;--pa-r-pill:9999px;--pa-shadow-sm:0 1px 3px #0d1b2a14, 0 1px 2px #0d1b2a0a;--pa-shadow-md:0 4px 12px #0d1b2a1a, 0 2px 4px #0d1b2a0f;--pa-sidebar-w:248px;--pa-topbar-h:56px;background:var(--pa-cream);color:var(--pa-charcoal);-webkit-font-smoothing:antialiased;letter-spacing:.01em;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;display:flex}.procurement-app *,.procurement-app :before,.procurement-app :after{box-sizing:border-box}.procurement-app .sidebar{width:var(--pa-sidebar-w);background:var(--pa-midnight);color:var(--pa-white);z-index:10;flex-direction:column;padding:20px 14px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.procurement-app .brand-row{align-items:baseline;gap:4px;padding:0 8px 4px;display:flex}.procurement-app .brand{color:var(--pa-white);letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:20px;font-weight:600}.procurement-app .brand-dot{color:var(--pa-ember);font-size:22px;font-weight:600;line-height:1}.procurement-app .brand-sub{color:var(--pa-stone);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;padding:0 8px;font-size:10px}.procurement-app .nav-section{color:var(--pa-stone);text-transform:uppercase;letter-spacing:.08em;padding:14px 10px 6px;font-size:10px;font-weight:600}.procurement-app .nav-link{border-radius:var(--pa-r-md);color:var(--pa-stone);align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.procurement-app .nav-link:hover{color:var(--pa-white);background:#ffffff0a}.procurement-app .nav-link.active{color:var(--pa-white);background:#c4622d1a}.procurement-app .nav-link.active:before{content:"";background:var(--pa-terracotta);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.procurement-app .nav-link .ico{opacity:.9;flex-shrink:0}.procurement-app .topbar{top:0;right:0;left:var(--pa-sidebar-w);height:var(--pa-topbar-h);background:var(--pa-white);border-bottom:1px solid var(--pa-border);z-index:5;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed}.procurement-app .topbar-crumb{color:var(--pa-stone);align-items:center;gap:8px;font-size:13px;display:flex}.procurement-app .topbar-crumb .crumb-current{color:var(--pa-charcoal);font-weight:500}.procurement-app .topbar-actions{color:var(--pa-charcoal);align-items:center;gap:12px;font-size:13px;display:flex}.procurement-app .main{margin-left:var(--pa-sidebar-w);margin-top:var(--pa-topbar-h);max-width:calc(100vw - var(--pa-sidebar-w));min-height:calc(100vh - var(--pa-topbar-h));flex:1;padding:32px 40px 48px}.procurement-app .page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.procurement-app .page-title{color:var(--pa-midnight);letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:28px;font-weight:600;line-height:1.2}.procurement-app .page-subtitle{color:var(--pa-stone);margin-top:4px;font-size:14px}.procurement-app .page-actions{align-items:center;gap:8px;display:flex}.procurement-app .card{background:var(--pa-white);border:1px solid var(--pa-border);border-radius:var(--pa-r-lg);box-shadow:var(--pa-shadow-sm);margin-bottom:16px;padding:20px 24px}.procurement-app .card-title{color:var(--pa-midnight);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:16px;font-weight:600;display:flex}.procurement-app .card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.procurement-app .kpi{background:var(--pa-mist);border-radius:var(--pa-r-lg);border:1px solid var(--pa-border-hair);padding:16px 18px}.procurement-app .kpi-label{text-transform:uppercase;letter-spacing:.08em;color:var(--pa-stone);margin-bottom:6px;font-size:11px;font-weight:600}.procurement-app .kpi-number{color:var(--pa-midnight);font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;line-height:1.1}.procurement-app .kpi-number.accent{color:var(--pa-terracotta)}.procurement-app .kpi-foot{color:var(--pa-stone);margin-top:4px;font-size:11px}.procurement-app .btn{border-radius:var(--pa-r-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.procurement-app .btn-primary{background:var(--pa-terracotta);color:var(--pa-white);border-color:var(--pa-terracotta)}.procurement-app .btn-primary:hover{background:var(--pa-terracotta-h);border-color:var(--pa-terracotta-h)}.procurement-app .btn-ghost,.procurement-app .btn-white{background:var(--pa-white);color:var(--pa-slate);border-color:#d0dbe3}.procurement-app .btn-ghost:hover,.procurement-app .btn-white:hover{background:var(--pa-mist);border-color:var(--pa-slate)}.procurement-app .btn-text{color:var(--pa-steel);background:0 0;border-color:#0000;padding:6px 10px}.procurement-app .btn-text:hover{text-decoration:underline}.procurement-app .btn-danger{background:var(--pa-danger);color:var(--pa-white);border-color:var(--pa-danger)}.procurement-app .btn-danger:hover{background:#6f1a1a;border-color:#6f1a1a}.procurement-app .btn-sm{padding:6px 12px;font-size:12px}.procurement-app .btn:disabled{opacity:.5;cursor:not-allowed}.procurement-app .pill,.procurement-app .badge{border-radius:var(--pa-r-pill);letter-spacing:.04em;text-transform:none;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.procurement-app .pill-success{background:var(--pa-success-bg);color:var(--pa-success)}.procurement-app .pill-warn{background:var(--pa-warning-bg);color:var(--pa-warning)}.procurement-app .pill-danger{background:var(--pa-danger-bg);color:var(--pa-danger)}.procurement-app .pill-info{background:var(--pa-info-bg);color:var(--pa-info)}.procurement-app .pill-draft{background:var(--pa-draft-bg);color:var(--pa-draft)}.procurement-app .pill-accent{color:var(--pa-terracotta);background:#c4622d1a}.procurement-app .badge-green{background:var(--pa-success-bg);color:var(--pa-success)}.procurement-app .badge-amber{background:var(--pa-warning-bg);color:var(--pa-warning)}.procurement-app .badge-red{background:var(--pa-danger-bg);color:var(--pa-danger)}.procurement-app .badge-blue{background:var(--pa-info-bg);color:var(--pa-info)}.procurement-app .badge-gray{background:var(--pa-draft-bg);color:var(--pa-draft)}.procurement-app .badge-violet{color:var(--pa-terracotta);background:#c4622d1a}.procurement-app .field{margin-bottom:14px}.procurement-app .label{color:var(--pa-stone);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.procurement-app input[type=text],.procurement-app input[type=number],.procurement-app input[type=email],.procurement-app input[type=date],.procurement-app input[type=password],.procurement-app input[type=search],.procurement-app input[type=tel],.procurement-app textarea,.procurement-app select{border-radius:var(--pa-r-md);background:var(--pa-white);width:100%;height:40px;color:var(--pa-charcoal);border:1px solid #d0dbe3;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.procurement-app input:focus,.procurement-app textarea:focus,.procurement-app select:focus{border-color:var(--pa-steel);box-shadow:0 0 0 3px #2e5f801f}.procurement-app textarea{resize:vertical;height:auto;min-height:96px}.procurement-app input::placeholder,.procurement-app textarea::placeholder{color:var(--pa-stone)}.procurement-app .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.procurement-app .form-error{color:var(--pa-danger);margin-top:4px;font-size:12px}.procurement-app .helptext{color:var(--pa-stone);margin-top:4px;font-size:12px}.procurement-app table{border-collapse:collapse;width:100%}.procurement-app .table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.procurement-app .table-scroll>table{min-width:max-content}.procurement-app th,.procurement-app td{text-align:left;border-bottom:1px solid var(--pa-border-hair);color:var(--pa-charcoal);font-variant-numeric:tabular-nums;padding:11px 10px;font-size:13px}.procurement-app th{color:var(--pa-stone);text-transform:uppercase;letter-spacing:.06em;background:var(--pa-mist);font-size:11px;font-weight:600}.procurement-app tbody tr:hover{background:#c4622d08}.procurement-app .empty{text-align:center;color:var(--pa-stone);padding:48px 24px;font-size:13px}.procurement-app .empty-title{color:var(--pa-charcoal);margin-bottom:4px;font-size:15px;font-weight:500}.procurement-app .muted{color:var(--pa-stone);font-size:12px}.procurement-app .row-actions{justify-content:flex-end;gap:6px;display:flex}.procurement-app .nav-hamburger,.procurement-app .nav-backdrop{display:none}@media (max-width:768px){.procurement-app{flex-direction:column}.procurement-app .sidebar{z-index:60;border-right:1px solid var(--pa-border);-webkit-overflow-scrolling:touch;border-bottom:none;width:min(82vw,300px);height:100dvh;transition:transform .22s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.procurement-app .sidebar.sidebar--open{transform:translate(0);box-shadow:0 0 40px -6px #00000073}.procurement-app .nav-backdrop{z-index:55;background:#00000073;display:block;position:fixed;inset:0}.procurement-app .nav-hamburger{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:2px;padding:6px;display:inline-flex}.procurement-app .topbar{flex-direction:row;align-items:center;gap:8px;height:auto;padding:10px 14px;position:relative;left:0}.procurement-app .topbar-crumb{flex:1;min-width:0;overflow:hidden}.procurement-app .main{max-width:100%;min-height:auto;margin-top:0;margin-left:0;padding:16px 14px 24px}.procurement-app .page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.procurement-app .page-title{font-size:22px}.procurement-app .page-subtitle{font-size:13px}.procurement-app .card{padding:14px}.procurement-app .card-title{font-size:15px}.procurement-app .table--cards thead{display:none}.procurement-app .table--cards tr{border:1px solid var(--pa-border);border-radius:10px;margin-bottom:10px;padding:12px 14px;display:block}.procurement-app .table--cards td{overflow-wrap:anywhere;border:none;padding:4px 0;display:block}.procurement-app .table--cards td:before{content:attr(data-label);letter-spacing:.4px;text-transform:uppercase;color:var(--pa-muted,#6b7280);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.procurement-app .table--cards td[data-label=""]:before{display:none}.procurement-app .table--cards td[data-label=""]{padding-top:10px}.procurement-app .row-actions{flex-direction:column;justify-content:stretch;gap:8px}.procurement-app .row-actions .btn{width:100%}.procurement-app .replen-layout{grid-template-columns:1fr!important}}