:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--background: #f6f8f7;--surface: #ffffff;--surface-strong: #eef4f1;--text: #202422;--muted: #5d6662;--border: #d7dfdb;--accent: #007a66;--accent-dark: #005f50;--danger: #b3261e;--danger-soft: #fdebea;--success: #1f7a4d;--success-soft: #e8f6ee;--focus: #3f8f83}*{box-sizing:border-box;letter-spacing:0}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--text)}button,input{font:inherit}button{min-height:44px;border:0;border-radius:8px;cursor:pointer;font-weight:700}button:disabled{cursor:not-allowed;opacity:.58}input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:.72rem .85rem;background:#fff;color:var(--text)}input:focus,button:focus-visible{outline:3px solid rgba(63,143,131,.28);outline-offset:2px}h1,h2,p{margin-top:0}h1{margin-bottom:.65rem;font-size:2.3rem;line-height:1.08;word-break:break-word}h2{margin-bottom:.75rem;font-size:1.25rem;line-height:1.25}p{line-height:1.6}table{width:100%;border-collapse:collapse}th,td{padding:.85rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:var(--muted);font-size:.88rem;text-transform:uppercase}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:#fffffff5}.brand-button{min-height:auto;padding:0;background:transparent;color:var(--text);text-align:left}.topbar-actions,.heading-actions,.button-row,.landing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.main-content{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.main-content.compact{width:min(960px,calc(100% - 2rem));display:grid;align-items:center;min-height:calc(100vh - 78px)}.landing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:2rem;align-items:center}.landing-copy{max-width:620px}.landing-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.lead{max-width:56ch;color:var(--muted);font-size:1.12rem}.eyebrow{margin-bottom:.5rem;color:var(--accent);font-size:.78rem;font-weight:800;text-transform:uppercase}.muted-text,.form-note{color:var(--muted)}.form-note{margin-bottom:0;font-size:.92rem}.auth-panel,.panel{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.auth-panel{width:min(520px,100%);margin:0 auto;padding:2rem}.panel{padding:1.35rem}.positive-panel{border-color:#1f7a4d61;background:var(--success-soft)}.stack-form{display:grid;gap:.85rem}.stack-form label{color:var(--text);font-weight:700}.primary-button,.secondary-button,.ghost-button,.danger-button{padding:.72rem 1rem}.primary-button{background:var(--accent);color:#fff}.primary-button:hover:not(:disabled){background:var(--accent-dark)}.secondary-button{border:1px solid var(--accent);background:#fff;color:var(--accent-dark)}.secondary-button:hover:not(:disabled){background:var(--surface-strong)}.ghost-button{border:1px solid var(--border);background:#fff;color:var(--text)}.ghost-button:hover:not(:disabled){background:var(--surface-strong)}.danger-button{background:var(--danger);color:#fff}.danger-button:hover:not(:disabled){background:#8f1f19}.page-heading,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-heading{margin-bottom:1.4rem}.section-heading{margin-bottom:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metric{min-height:112px;display:grid;align-content:space-between;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.metric span{color:var(--muted);font-size:.88rem;font-weight:700;text-transform:uppercase}.metric strong{font-size:1.45rem;line-height:1.15;word-break:break-word}.metric-highlight{border-color:#007a6666;background:var(--surface-strong)}.content-grid{display:grid;gap:1rem;margin-bottom:1rem}.supplier-create-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:1rem;align-items:end}.supplier-create-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end}.supplier-create-controls label{grid-column:1 / -1;color:var(--text);font-weight:700}.access-code{display:inline-block;padding:.18rem .35rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-strong);color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem}.supplier-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr)}.admin-controls-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.status-badge{display:inline-flex;align-items:center;min-height:34px;padding:.32rem .72rem;border-radius:8px;font-size:.9rem;font-weight:800}.status-not_started{background:#edf0ef;color:#414947}.status-open{background:var(--success-soft);color:var(--success)}.status-closed{background:var(--danger-soft);color:var(--danger)}.message-banner{padding:.85rem 1rem;border-radius:8px;line-height:1.45}.message-error{border:1px solid rgba(179,38,30,.28);background:var(--danger-soft);color:var(--danger)}.message-success{border:1px solid rgba(31,122,77,.26);background:var(--success-soft);color:var(--success)}.message-info{border:1px solid var(--border);background:var(--surface-strong);color:var(--text)}.loading-block{display:flex;align-items:center;justify-content:center;gap:.85rem;min-height:260px;color:var(--muted);font-weight:700}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.table-wrap{width:100%;overflow-x:auto}.empty-state{padding:1.2rem;border:1px dashed var(--border);border-radius:8px;background:#fff}.empty-state p{margin-bottom:0;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.landing-grid,.supplier-grid,.supplier-create-form,.admin-controls-grid{grid-template-columns:1fr}.landing-image{max-height:260px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){h1{font-size:1.8rem}.topbar,.page-heading,.section-heading{align-items:stretch;flex-direction:column}.topbar{padding:1rem}.topbar-actions,.heading-actions,.button-row,.landing-actions,.supplier-create-controls{align-items:stretch;flex-direction:column}.topbar-actions button,.heading-actions button,.button-row button,.landing-actions button,.supplier-create-controls button{width:100%}.supplier-create-controls{display:flex}.main-content{width:min(100% - 1rem,1180px);padding-top:1rem}.main-content.compact{min-height:auto;padding-top:1.25rem}.auth-panel,.panel{padding:1rem}.metrics-grid{grid-template-columns:1fr}th,td{padding:.75rem .65rem}}