*{box-sizing:border-box}:root{--ink:#17212b;--navy:#12324a;--primary:#0a6e8c;--surface:#fff;--bg:#f4f6f8;--border:#d7e0e7;--danger:#b3261e}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}header{display:flex;align-items:center;gap:14px;padding:13px max(16px,5vw);background:var(--navy);color:#fff;flex-wrap:wrap}header>b{white-space:nowrap}header nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}header nav a{white-space:nowrap;padding:8px 9px;border-radius:7px}header nav a:hover{background:#ffffff1c}header>span{font-size:.86rem;opacity:.9}a{color:#075f7a;text-decoration:none}a:hover{text-decoration:underline}header a{color:#fff}main{max-width:1120px;margin:24px auto;padding:0 16px}.auth{max-width:390px;margin:10vh auto}.card,form{background:var(--surface);padding:18px;border-radius:12px;box-shadow:0 2px 12px #0022}input,select,button{min-height:44px;width:100%;font:inherit;padding:10px 11px;margin:5px 0;border:1px solid var(--border);border-radius:8px;background:#fff}button{width:auto;background:var(--primary);color:#fff;border:0;font-weight:650;cursor:pointer}button.danger,.danger{background:var(--danger)}button.secondary,.secondary{background:#64748b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;align-items:end}.pos{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:20px}.pos>#results{display:grid;gap:8px;margin-top:10px}.pos>#results button{text-align:left}.notice{padding:12px 14px;border-radius:9px;background:#dff4e5}.error{color:#b00020}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;margin:16px 0;border:1px solid var(--border);border-radius:10px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{background:#eef4f7;font-size:.88rem;white-space:nowrap}tr:last-child td{border-bottom:0}td form{min-width:150px;padding:6px;box-shadow:none;background:transparent}small{color:#536474}.auto-code{display:flex;align-items:center;padding:9px;color:#536474;font-size:.9rem}.inventory-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.inventory-summary article{background:linear-gradient(145deg,#fff,#eef6f8);border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:0 2px 10px #0021}.inventory-summary small{display:block;margin-bottom:4px}.inventory-summary strong{font-size:1.35rem;color:var(--navy)}.product-filter{display:flex;align-items:center;gap:10px;margin-bottom:0}.product-filter input{margin:0;flex:1}.product-filter button,.filter-clear{width:auto;white-space:nowrap;margin:0}.filter-clear{padding:10px 12px;border:1px solid var(--border);border-radius:8px}.filter-result{margin:8px 2px 14px;color:#536474;font-size:.9rem}dialog{width:min(94vw,430px);border:0;border-radius:14px;padding:0;box-shadow:0 18px 65px #0007}dialog::backdrop{background:#071a2b99}dialog>section,dialog>form{padding:20px}.close-row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--border)}.total-row{font-size:1.08rem;font-weight:700}.modal-actions{display:flex;gap:10px;margin-top:12px}.modal-actions button{flex:1}@media(max-width:700px){body{font-size:15px}header{padding:10px 14px;gap:7px}header nav{order:3;width:100%;flex-basis:100%;gap:3px}header nav a{padding:8px 7px;font-size:.9rem}header>span{display:none}main{margin:16px auto;padding:0 12px}h1{font-size:1.45rem}h2{font-size:1.2rem}.pos,.admin-grid{grid-template-columns:1fr}.card,form{padding:14px}.grid{grid-template-columns:1fr}.inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-summary article{padding:11px}.inventory-summary strong{font-size:1.13rem}.product-filter{display:grid;grid-template-columns:1fr 1fr}.product-filter input{grid-column:1/-1}.filter-clear{text-align:center}button{min-height:46px}table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}td{white-space:normal;min-width:115px}td form{min-width:180px}dialog{max-height:90vh;overflow:auto}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}