:root{color-scheme:light;--navy:#082c46;--cyan:#087cae;--line:#d4e3ec;--paper:#f2f7fa;--text:#17364b}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--paper);color:var(--text)}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.top{background:#07283d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(14px,5vw,60px)}.top a{color:white;text-decoration:none}.top strong{font-size:22px}.top small{color:#96d7f3;display:block;font-size:10px;letter-spacing:2px}.top .back{background:#164963;border:1px solid #4e7d92;border-radius:10px;padding:10px 14px}.wrap{max-width:1100px;margin:35px auto;padding:0 20px}h1{font-size:clamp(27px,4vw,40px);margin:0 0 8px}h2{font-size:19px;margin:0 0 15px}.muted{color:#678096;font-size:14px;line-height:1.6}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 6px 28px #0b49610b}.login{max-width:490px;margin:44px auto}.login form{display:grid;gap:12px}.field{display:grid;gap:5px;font-size:13px;font-weight:600}.field input,.field textarea{width:100%;border-radius:10px;border:1px solid #b9cedc;padding:12px 13px;background:white;color:#163248;min-width:0}.btn{border:0;border-radius:10px;padding:12px 15px;font-weight:750}.primary{background:#087caf;color:#fff}.outline{background:#fff;color:#12628b;border:1px solid #9ac8e0}.soft{background:#eaf5fc;color:#08618d}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,input:focus-visible{outline:3px solid #17b2e8;outline-offset:3px}.status{margin-top:12px;border-left:3px solid #087caf;background:#eaf6fd;padding:11px;font-size:13px;border-radius:5px}.status.error{border-color:#c43131;color:#972b2b;background:#fff3f3}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}.tile{display:flex;flex-direction:column;gap:5px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;color:var(--text)}.tile strong{font-size:16px}.tile span{font-size:12px;color:#678096}.tile:hover,.tile.active{background:#e8f6fc;border-color:#2c9dc8}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hidden{display:none!important}.tabs{display:flex;gap:8px;overflow:auto}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.item{border-bottom:1px solid #e6eef3;padding:13px 0}.item:last-child{border-bottom:0}.item strong{display:block;overflow-wrap:anywhere}.item small{display:block;color:#698093;margin-top:3px}.item .count{min-width:45px;max-width:80px;padding:6px;border:1px solid var(--line);border-radius:7px}.section{min-height:250px}.products{display:grid;gap:5px}.break{overflow-wrap:anywhere}.danger{color:#b62828}#logout{margin-left:auto}@media(max-width:720px){.wrap{margin-top:22px;padding:0 12px}.panel{padding:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile{padding:13px}.tile strong{font-size:14px}.two{grid-template-columns:1fr}.top{padding:13px}.top strong{font-size:17px}.top .back{font-size:12px}.login{margin:24px auto}}