*{box-sizing:border-box}body{margin:0;background:#f5eddc;color:#123b29;font-family:Inter,Arial,sans-serif}header{background:#063a28;color:white;padding:18px 6vw;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}header b{font-size:20px;display:block}header span{font-size:11px;opacity:.75}.panel,section{max-width:1100px;margin:30px auto;background:#fffdf7;border:1px solid #d9c79e;border-radius:14px;padding:24px;box-shadow:0 10px 35px #183c2912}.panel{max-width:420px;margin-top:12vh}.panel h1{font-family:Georgia;font-size:42px;margin:0 0 8px}.panel input,.row input,.row textarea,.row select{width:100%;padding:10px;border:1px solid #cdbd98;border-radius:7px;background:white;margin:5px 0;font:inherit}.panel button,button{background:#0b3a28;color:#fff;border:0;border-radius:7px;padding:10px 14px;font-weight:800;cursor:pointer}button.danger{background:#8a2c21}button.light{background:#e8ddc2;color:#123b29}.item{border:1px solid #ded0b1;border-radius:10px;padding:15px;margin:10px 0;background:#faf4e7}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.row.three{grid-template-columns:repeat(3,1fr)}textarea{min-height:70px;resize:vertical}.mini{font-size:10px;color:#6b756e}.order{display:flex;gap:5px;align-items:center;justify-content:flex-end}.sizes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sizebox{border:1px dashed #cdbd98;padding:10px;border-radius:8px}.save{position:fixed;right:22px;bottom:22px;background:#b67d13;padding:14px 20px;box-shadow:0 8px 20px #0002}.status{font-weight:800}.imgrow{display:flex;gap:10px;align-items:center}.thumb{width:55px;height:55px;object-fit:cover;border-radius:7px;border:1px solid #cdbd98}@media(max-width:700px){.row,.row.three,.sizes{grid-template-columns:1fr}.save{position:static;margin:15px auto;display:block;width:100%}}
.admin-layout{display:grid;grid-template-columns:220px 1fr;max-width:1200px;margin:0 auto;min-height:80vh}.admin-nav{padding:20px 14px;border-right:1px solid #ddd;display:flex;flex-direction:column;gap:8px}.admin-nav .nav{text-align:left;background:#fff;border:1px solid #ddd;padding:12px 14px;border-radius:10px;cursor:pointer}.admin-nav .nav.active{font-weight:700;border-color:#0b4938}.admin-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-card{background:#fff;border:1px solid #ddd;border-radius:14px;padding:20px;text-align:left;cursor:pointer}.admin-card b,.admin-card span{display:block}.admin-card span{margin-top:6px;color:#666}.view{padding:28px;max-width:1000px}.view-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.item{background:#fff;border:1px solid #ddd;border-radius:12px;margin:10px 0;overflow:hidden}.item summary{list-style:none;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}.item summary::-webkit-details-marker{display:none}.item summary small{display:block;color:#777;margin-top:3px}.summary-actions{display:flex;gap:5px;flex-wrap:wrap}.detail{padding:16px;border-top:1px solid #eee}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.row input,.row textarea,.detail input,.detail textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid #ccc;border-radius:8px}.detail textarea{min-height:70px}.sizes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sizebox{border:1px solid #ddd;border-radius:10px;padding:12px}.imgrow{display:flex;gap:12px;align-items:center;margin:10px 0}.thumb{width:55px;height:55px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.quantity-editor{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0}.quantity-editor label{font-size:12px}.savebar{position:sticky;bottom:0;background:#fff;border-top:1px solid #ddd;padding:12px 28px}.status{padding:8px 12px}.admin-card b{font-size:18px}@media(max-width:800px){.admin-layout{grid-template-columns:1fr}.admin-nav{border-right:0;border-bottom:1px solid #ddd;flex-direction:row;overflow:auto}.admin-cards,.sizes,.row{grid-template-columns:1fr}.view{padding:18px}.quantity-editor{grid-template-columns:1fr 1fr}}

/* Fix admin navigation/card button text visibility */
.admin-nav .nav, .admin-card { color:#123b29; }
.admin-nav .nav.active { color:#123b29; background:#fffdf7; }
.admin-card:hover, .admin-nav .nav:hover { background:#f5eddc; }
.dashboard-note{background:#f5eddc;border:1px solid #d9c79e;border-radius:10px;padding:12px 14px;margin:0 0 18px;color:#4b4b43;font-size:13px}.dash-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}.metric{background:#fff;border:1px solid #ddd;border-radius:12px;padding:14px}.metric b{display:block;font-size:24px}.metric span{font-size:11px;color:#777}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.dash-panel{background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px}.dash-panel h3{margin-top:0}.dash-order{border-bottom:1px solid #eee;padding:12px 0}.dash-order:last-child{border-bottom:0}.dash-order-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.status-pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#eee5d0;font-size:10px;font-weight:900}.order-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.stock-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.stock-row:last-child{border-bottom:0}.stock-low{color:#9b6510;font-weight:800}.stock-out{color:#9a2f20;font-weight:900}.edit-title{margin-top:28px}@media(max-width:1000px){.dash-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.dashboard-grid{grid-template-columns:1fr}.dash-metrics{grid-template-columns:repeat(2,1fr)}}
.stock-edit{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.stock-edit label{font-size:11px}.stock-edit input{width:100%;box-sizing:border-box;padding:8px;border:1px solid #ccc;border-radius:8px}@media(max-width:700px){.stock-edit{grid-template-columns:1fr}}
.dashboard-secondary{margin-top:14px}.dash-panel .mini{margin:8px 0}

.date-picker{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.date-picker input{padding:9px;border:1px solid #ccc;border-radius:8px}.table-wrap{overflow:auto;border:1px solid #ddd;border-radius:12px}.order-table{width:100%;border-collapse:collapse;min-width:1100px;background:#fff}.order-table th,.order-table td{padding:9px;border-bottom:1px solid #eee;text-align:left;vertical-align:top;font-size:11px}.order-table th{background:#f5eddc;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.order-table input,.order-table select{width:100%;padding:7px;border:1px solid #ccc;border-radius:7px;font:inherit}.complete-yes{font-weight:900;color:#0b5b3f}.complete-no{font-weight:900;color:#9a2f20}.stock-card{margin-bottom:14px}.stock-card h3{margin-top:0}.stock-actions{display:flex;justify-content:flex-end;margin-top:10px}.archive-note{background:#f5eddc;border:1px solid #d9c79e;border-radius:10px;padding:10px;font-size:11px;color:#555;margin-top:10px}
.header-actions{display:flex;align-items:center;gap:12px}.header-actions span{font-size:11px;opacity:.9}.readonly{padding:9px;border:1px dashed #cdbd98;border-radius:8px;background:#f7f1e4;margin-top:5px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.check-grid label{padding:8px;border:1px solid #ddd;border-radius:8px;background:#fafafa}.super-only{display:block}@media(max-width:700px){.check-grid{grid-template-columns:1fr}.header-actions{gap:6px}.header-actions span{display:none}}