:root{--navy:#071733;--blue:#1769e0;--gold:#f5b942;--bg:#f1f5fb;--line:#dfe6f1;--ink:#172238}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(#071d43,#06132d);color:white;padding:24px 16px;display:flex;flex-direction:column}.brand{padding:0 8px 25px}.brand i{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(#ffd979,var(--gold));color:#10274c;font-size:24px;font-weight:900;font-style:normal;margin-right:10px}.brand b{font-size:14px}.brand small{display:block;margin:8px 0 0 57px;color:#91a8c9;font-size:10px}nav{display:flex;flex-direction:column;gap:4px}nav button{border:0;background:none;color:#a9bdd9;padding:11px 13px;border-radius:10px;text-align:left;font-size:14px}nav button:hover,nav button.on{background:linear-gradient(100deg,#1769e0,#3096ff);color:white;font-weight:700}.profile{margin-top:auto;border-top:1px solid #ffffff20;padding:15px 7px}.profile b,.profile small{display:block}.profile small{color:#91a8c9;margin:4px 0 10px}.profile button{border:0;background:none;color:#ffd979;padding:0}.main{margin-left:250px}.main header{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between}.main header h1{font-size:21px}.main header span{color:#09835a;font-size:13px}.page{padding:25px;max-width:1500px;margin:auto}.hero{padding:28px 32px;border-radius:20px;background:linear-gradient(115deg,#071f48,#1779e8);color:#fff;box-shadow:0 16px 35px #15478330}.hero small{color:#ffd979}.hero h2{margin:8px 0;font-size:26px}.hero p{margin:0;color:#d7e8ff}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.cards article,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 12px 28px #102a5910}.cards small,.cards b{display:block}.cards small{color:#66748a}.cards b{font-size:22px;margin-top:8px}.panel{margin-bottom:16px}.panel h3{margin-top:0}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:12px 8px;border-bottom:1px solid #edf1f6;text-align:left;font-size:13px}th{color:#65738a}.form{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#526079}.form input,.form select,.ticket select{height:42px;border:1px solid #d8e1ed;border-radius:9px;padding:0 10px}.form button,.ticket>button,.login button{height:42px;border:0;border-radius:10px;background:linear-gradient(100deg,#1769e0,#3096ff);color:white;font-weight:800;padding:0 18px}.pos{display:grid;grid-template-columns:1fr 350px;gap:16px}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product{border:1px solid var(--line);background:white;border-radius:14px;padding:15px;text-align:left}.product small{float:right;color:#09835a}.product h3{margin:25px 0 5px}.product p{font-size:11px;color:#748095}.product b{color:var(--blue)}.ticket{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.ticket>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf1f6}.ticket h2{display:flex;justify-content:space-between}.ticket select,.ticket>button{width:100%;margin-top:10px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#06132d,#0b4a9d)}.login form{width:min(410px,90vw);background:white;padding:35px;border-radius:20px;box-shadow:0 20px 60px #0004}.login .mark{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(#ffd979,#f5b942);font-size:28px;font-weight:900}.login h1{margin-bottom:5px}.login p{color:#6d788b}.login label{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-size:13px;font-weight:700}.login input{height:44px;border:1px solid #d8e1ed;border-radius:9px;padding:0 12px}.login button{width:100%;margin-top:8px}.login #err{display:block;color:#dc3f52;margin-top:10px}@media(max-width:900px){aside{width:210px}.main{margin-left:210px}.cards{grid-template-columns:1fr 1fr}.catalog{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr 1fr}}@media(max-width:650px){aside{position:static;width:auto}.profile{display:none}.main{margin-left:0}.main header{height:65px}.page{padding:12px}.pos{grid-template-columns:1fr}.cards,.form{grid-template-columns:1fr 1fr}.catalog{grid-template-columns:1fr 1fr}}