:root{--green:#087f5b;--green2:#0ca678;--ink:#17352d;--muted:#6b7f78;--line:#dfe9e5;--bg:#f4f8f6;--white:#fff;--red:#c92a2a;--amber:#e67700;--shadow:0 10px 30px rgba(27,67,54,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--green);text-decoration:none}header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(22px,calc((100% - 1200px)/2));position:sticky;top:0;z-index:10}.brand{font-size:20px;font-weight:800;color:var(--ink);margin-right:auto}nav{display:flex;gap:22px}nav a{color:#425b53;font-weight:650}.nav-toggle{display:none;width:auto;background:transparent;color:var(--ink);font-size:24px;padding:4px}.container{max-width:1200px;margin:0 auto;padding:30px 20px 60px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{margin:3px 0 0;font-size:29px}.page-head p{margin:4px 0;color:var(--muted)}button,.button{border:0;border-radius:10px;background:var(--green);color:#fff;padding:11px 17px;font-weight:750;cursor:pointer;display:inline-block}.button.secondary,.ghost{background:#e5f5ef;color:var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stats article,.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{font-size:23px;display:block;margin-top:8px}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.form-side{grid-template-columns:minmax(280px,.8fr) 1.4fr}.card h2{font-size:17px;margin:0 0 16px}.card-head{display:flex;align-items:center;justify-content:space-between}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:580px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf2f0}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px}td small{display:block;color:var(--muted);margin-top:2px}.badge{display:inline-block;border-radius:999px;padding:4px 9px;background:#edf2f0;font-size:11px;font-weight:750;text-transform:capitalize}.badge.success{color:#087f5b;background:#dff7ed}.badge.warning{color:#a65f00;background:#fff3bf}.badge.danger{color:var(--red);background:#ffe3e3}.stock-row,.payment-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.stock-row small,.payment-row small{display:block;color:var(--muted)}label{font-weight:650;color:#3d554d;display:block}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #cddbd6;border-radius:9px;padding:11px;background:#fff;font:inherit;color:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #96e6cb;border-color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1/-1}.search,.filters{display:flex;gap:10px;margin-bottom:16px;align-items:end}.search input{margin:0}.filters label{flex:1}.item-row{display:grid;grid-template-columns:1fr 110px 45px;gap:10px;margin-bottom:10px}.order-form{max-width:850px}.order-form h2{margin-top:24px}.order-total{text-align:right;font-size:18px;margin:18px 0}.totals{max-width:340px;margin:18px 0 18px auto}.totals span{display:flex;justify-content:space-between;padding:5px}.totals .grand{font-size:18px;border-top:2px solid var(--ink);margin-top:5px}.status-line{display:flex;gap:8px;margin-bottom:16px}.alert{padding:13px 16px;border-radius:10px;margin-bottom:18px;background:#e7f5ff;color:#1864ab}.alert.success{background:#dff7ed;color:#087f5b}.alert.error{background:#ffe3e3;color:#c92a2a}.alert.warning{background:#fff3bf;color:#a65f00}.hint,.muted,.empty{color:var(--muted)}footer{text-align:center;color:#849790;font-size:12px;margin-top:45px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(100%,420px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow)}.auth-card .logo{font-size:42px}.auth-card h1{margin:8px 0}.auth-card label{margin:15px 0}.auth-card button{width:100%;margin-top:8px}.text-link{display:block;text-align:center;margin-top:15px}
@media(max-width:800px){header{height:auto;min-height:62px;flex-wrap:wrap;padding:12px 18px}.nav-toggle{display:block}nav{display:none;flex-basis:100%;flex-direction:column;gap:0;padding-top:10px}.nav-open nav{display:flex}nav a{padding:11px 0;border-top:1px solid var(--line)}.container{padding:22px 14px 45px}.stats{grid-template-columns:1fr 1fr}.grid-2,.form-side{grid-template-columns:1fr}.page-head{align-items:flex-start}.page-head h1{font-size:24px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.card{padding:16px}.filters{align-items:stretch;flex-direction:column}}
@media(max-width:450px){.stats{grid-template-columns:1fr}.page-head{flex-direction:column}.button{width:100%;text-align:center}.item-row{grid-template-columns:1fr 75px 40px}.auth-card{padding:24px}}