:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;color:#1f2937;background-color:#f5f5f5;--brand-orange: #eb8264;--brand-red: #e60005;--surface: #ffffff;--surface-muted: #f8f9fa;--border: #dee2e6;--text: #1f2937;--muted: #6c757d}*{box-sizing:border-box}body{margin:0;background:var(--surface-muted)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.top-bar{background:var(--brand-orange);color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.brand{display:flex;align-items:center;gap:12px}.red-cross-symbol{font-size:28px;color:var(--brand-red);background:#fff;font-weight:800;padding:4px 8px;border-radius:6px;line-height:1}.brand-text{display:grid}.brand-title{font-size:18px;font-weight:800;letter-spacing:.2px}.brand-subtitle{font-size:13px;opacity:.92}.status{font-size:13px;opacity:.95}.content{display:grid;grid-template-columns:220px 1fr;flex:1;background:var(--surface-muted)}.sidebar{background:var(--surface-muted);border-right:1px solid var(--border);padding:18px 12px}.sidebar nav{display:flex;flex-direction:column;gap:12px}.sidebar a,.link-button{text-decoration:none;color:#333;padding:10px 12px;border-radius:10px}.sidebar a.active{background:#007bff;color:#fff;font-weight:700}.link-button:hover,.sidebar a:hover{background:#e9ecef;color:var(--brand-red)}.main{padding:20px}.shop-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.filters{display:flex;gap:12px}input,select,textarea{padding:10px 12px;border:1px solid #d9dbe5;border-radius:10px;font:inherit}.shop-content{margin-top:24px;display:grid;grid-template-columns:1fr 280px;gap:20px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.inventory-card{background:#fff;padding:14px;border-radius:14px;border:1px solid #eef0f6;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;min-height:0;transition:box-shadow .14s ease,transform .14s ease,border-color .14s ease}.inventory-card:hover{border-color:#e4e7ef;box-shadow:0 14px 30px #0f172a14;transform:translateY(-1px)}.inventory-card h3{margin:0;font-size:16px}.inventory-card .muted{margin:0}.inventory-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:0}.in-stock{color:#1b7f46;font-weight:600}.out-stock{color:#c23d3d;font-weight:600}.price{font-weight:700}.order-summary{background:#fff;padding:16px;border-radius:16px;border:1px solid #eef0f6;height:fit-content}.summary-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.summary-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}.summary-total{margin:12px 0;font-weight:700}.primary,.secondary,.chip,.link-button,.sidebar a{border-radius:10px;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease}.primary{border:1px solid rgba(0,0,0,.08);padding:10px 16px;cursor:pointer;font-weight:700;box-shadow:0 2px 8px #00000014}.primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000001f}.primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.secondary{padding:10px 16px;font-weight:700}.secondary:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000014;background:#fff5f2}.chip{background:#fff5f2;color:var(--brand-red);border:1px solid rgba(230,0,5,.25)}.chip:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000014}.auth-page{min-height:100vh;display:grid;place-items:center;background:#f6f7fb}.auth-card{background:#fff;padding:32px;width:min(420px,90vw);box-shadow:0 20px 40px #0f172a1a;border-radius:12px;border:1px solid rgba(0,0,0,.12);box-shadow:0 10px 40px #0003}.auth-card h1{margin-top:0}.auth-form{display:grid;gap:16px;margin-top:20px}.request-box{margin-top:24px;background:#fff;padding:16px;border-radius:16px;border:1px solid #eef0f6;display:grid;gap:10px}.status-card{background:#fff;padding:16px;border-radius:16px;border:1px solid #eef0f6;margin-top:16px}.pill{background:#eef2ff;color:#1f2937;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;border:1px solid #c7d2fe}.pill.warning{background:#fff2db;color:#8a5800;border:1px solid rgba(0,0,0,.08)}.pill.ok{background:#d4edda;color:#155724;border:1px solid rgba(0,0,0,.08)}.muted{color:var(--muted)}.error-text{color:#c23d3d;font-weight:600;margin-top:12px}.qty-row{margin-top:6px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.qty-label{font-size:13px;color:#667085}.qty-input{width:92px;text-align:center}.chip{background:#fce8ec;color:#b30f2f;border:1px solid #f4c7d1;padding:8px 10px;border-radius:999px;cursor:pointer;font-weight:700;text-align:center}.qty-row .chip{flex:1 1 100%}.chip:disabled{opacity:.6;cursor:not-allowed}.hint{margin:0;font-size:13px}.request-row{display:grid;grid-template-columns:1fr 120px auto;gap:10px;align-items:start}.request-row textarea{min-height:46px}.request-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.request-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid #eef0f6;border-radius:12px}.summary-block{margin-top:12px}.summary-block h3{margin:10px 0;font-size:14px}.summary-right{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.summary-name{flex:1 1 160px;min-width:0;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.summary-right .chip{white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:50;padding:16px}.modal{width:min(720px,94vw);background:#fff;border-radius:20px;border:1px solid #eef0f6;box-shadow:0 25px 60px #0f172a2e;padding:20px}.modal h2{margin-top:0}.confirm-block h3{margin:16px 0 8px;font-size:14px}.confirm-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.confirm-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid #eef0f6;border-radius:12px}.delivery-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.delivery-radio{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #eef0f6;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.delivery-radio:hover{background-color:#f8f9fa}.delivery-radio input{margin:0;cursor:pointer}.delivery-radio span{flex:1;font-weight:500}.delivery-site-select{margin-bottom:16px;padding:12px;background-color:#f8f9fa;border-radius:8px}.delivery-site-select label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.delivery-site-select select{width:100%;padding:8px 12px;border:1px solid #eef0f6;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer}.modal-actions{margin-top:18px;display:inline-flex;gap:10px;justify-content:flex-end;width:100%}.status-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.status-grid{margin-top:16px;display:grid;grid-template-columns:1.4fr .9fr;gap:20px;align-items:start}.status-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.status-section{margin-top:16px}.timeline{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:start}.timeline-dot{width:12px;height:12px;border-radius:999px;background:#b30f2f;margin-top:6px;box-shadow:0 0 0 6px #b30f2f1f}.timeline-content{padding:10px 12px;border:1px solid #eef0f6;border-radius:12px}.timeline-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.top-right{display:inline-flex;align-items:center;gap:10px}.top-right .username{font-size:13px;font-weight:700;color:#fff;opacity:.95}.top-right .role{font-size:12px;font-weight:800;letter-spacing:.3px;padding:4px 10px;border-radius:999px;background:#ffffff40;border:1px solid rgba(255,255,255,.35);color:#fff}.btn-logout{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.35);background:#ffffff2e;color:#fff;padding:8px 12px;border-radius:10px;font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn-logout:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a2e;background:#ffffff40}@media (max-width: 1100px){.shop-content{grid-template-columns:1fr}}@media (max-width: 980px){.content{grid-template-columns:1fr}.sidebar{display:none}.main{padding:16px}.shop-header{flex-direction:column;align-items:stretch;gap:14px}.filters{flex-wrap:wrap}.filters input{flex:1;min-width:180px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 700px){.brand-title{font-size:15px}.top-right .username{display:none}}@media (max-width: 520px){.inventory-grid{grid-template-columns:1fr}.qty-row{grid-template-columns:1fr 110px;grid-template-areas:"label label" "input button";align-items:start}.qty-label{grid-area:label}.qty-input{grid-area:input;width:100%}.chip{grid-area:button;width:100%;justify-self:stretch;text-align:center}}