:root{color-scheme:light dark}.softsupply-app-shell{--ssp-blue: #1b3a93;--ssp-blue-dark: #142c70;--ssp-purple: #4b2e83;--ssp-cyan: #0aa9c8;--ssp-gold: #a89422;--ssp-surface: #ffffff;--ssp-surface-muted: #f5f7fc;--ssp-border: #dbe2f1;--ssp-text: #16204a;--ssp-text-muted: #5b678c;--ssp-gradient: linear-gradient(135deg, var(--ssp-purple) 0%, var(--ssp-blue) 55%, var(--ssp-cyan) 100%)}@media(prefers-color-scheme:dark){.softsupply-app-shell{--ssp-surface: #131a2e;--ssp-surface-muted: #0f1524;--ssp-border: #26314f;--ssp-text: #e8ecf7;--ssp-text-muted: #97a2c0}}.softsupply-app-shell{color:var(--ssp-text);background:var(--ssp-surface-muted)}.ssp-page{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.ssp-card{background:var(--ssp-surface);border:1px solid var(--ssp-border);border-radius:14px;overflow:hidden}.ssp-page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.ssp-page-header h1{margin:0;font-size:1.4rem;font-weight:700}.ssp-page-header p{margin:.25rem 0 0;color:var(--ssp-text-muted);font-size:.9rem}.ssp-accent-bar{height:3px;background:var(--ssp-gradient)}.ssp-btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:9px;border:1px solid transparent;padding:.5rem .9rem;font-weight:600;font-size:.875rem;cursor:pointer}.ssp-btn-primary{background:var(--ssp-blue);color:#fff}.ssp-btn-primary:hover{background:var(--ssp-blue-dark)}.ssp-btn-secondary{background:var(--ssp-surface);border-color:var(--ssp-border);color:var(--ssp-blue)}.ssp-btn-secondary:hover{background:var(--ssp-surface-muted)}.ssp-table{width:100%;border-collapse:collapse;font-size:.875rem}.ssp-table th,.ssp-table td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--ssp-border)}.ssp-table th{font-weight:600;color:var(--ssp-text-muted);background:var(--ssp-surface-muted)}.ssp-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--ssp-border);background:var(--ssp-surface-muted);color:var(--ssp-text-muted)}.ssp-badge-pending{color:#8a6100;background:#fff5df;border-color:#f2dfae}.ssp-badge-approved{color:var(--ssp-blue);background:#e8edf9;border-color:#c6d3f0}.ssp-badge-delivered{color:#0b6b7d;background:#e2f6fa;border-color:#b7e5ee}.ssp-badge-closed{color:#14683f;background:#e4f6ec;border-color:#b6e3ca}.ssp-badge-rejected{color:#9b1c1c;background:#fdeaea;border-color:#f4c4c4}.ssp-empty{padding:2rem;text-align:center;color:var(--ssp-text-muted)}.ssp-stat-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.ssp-stat-card{background:var(--ssp-surface);border:1px solid var(--ssp-border);border-radius:14px;padding:1rem 1.1rem}.ssp-stat-value{font-size:1.9rem;font-weight:700;line-height:1.1}.ssp-stat-label{color:var(--ssp-text-muted);font-size:.85rem;margin-top:.2rem}.ssp-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.9rem;border-bottom:1px solid var(--ssp-border)}.ssp-input,.ssp-select{padding:.45rem .6rem;border:1px solid var(--ssp-border);border-radius:8px;background:var(--ssp-surface);color:var(--ssp-text);font-size:.875rem}.ssp-table-scroll{overflow-x:auto}.ssp-project-bar{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem 0}.ssp-project-bar label{font-size:.8125rem;font-weight:600;color:var(--ssp-text-muted)}.ssp-btn-sm{padding:.3rem .6rem;font-size:.8125rem}.ssp-btn-danger{background:#b42318;color:#fff}.ssp-btn-danger:hover{background:#96201a}.ssp-btn:disabled{opacity:.5;cursor:not-allowed}.ssp-alert{padding:.7rem .9rem;border-radius:10px;border:1px solid #b6e3ca;background:#e4f6ec;color:#14683f;font-size:.875rem}.ssp-alert-error{border-color:#f4c4c4;background:#fdeaea;color:#9b1c1c}.ssp-field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.ssp-field>span{font-weight:600;color:var(--ssp-text-muted)}.ssp-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f1a3473}.ssp-modal{width:min(560px,100%);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem;padding:1.25rem;border-radius:14px;border:1px solid var(--ssp-border);background:var(--ssp-surface);box-shadow:0 18px 48px #0f1a3447}.ssp-modal-title{margin:0;font-size:1.05rem;font-weight:700}.ssp-modal-subject{margin:-.5rem 0 0;color:var(--ssp-text-muted);font-size:.875rem}.ssp-modal-actions{display:flex;justify-content:flex-end;gap:.6rem}.ssp-modal textarea.ssp-input{resize:vertical;font-family:inherit}