:root{--orange:#ff4018;--ink:#15171a;--line:#dfe2e6}*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:var(--ink);font:14px Arial,sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}.signature{position:fixed;bottom:0;left:0;right:0;height:34px;background:#181a1d;color:#ddd;display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;z-index:5}.signature span{color:var(--orange);font-weight:bold}.signature small{color:#777}.flashes{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:50}.flash{padding:12px 18px;border-radius:8px;background:#fff;box-shadow:0 8px 30px #0002}.flash.error{color:#b43119;border:1px solid #ffb7a8}.flash.success{color:#137648;border:1px solid #9cd8b7}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:#fff}.login>section{background:#0f1113;color:#fff;padding:54px 6vw;display:flex;flex-direction:column;justify-content:space-between}.login>section img{width:210px}.login>section small{color:var(--orange);font-weight:bold;letter-spacing:.16em}.login h1{font-size:43px;font-weight:400}.login>form,.center-card form{width:min(390px,86%);margin:auto}.login>form img,.center-card img{width:180px;display:block;margin:0 auto 30px}.login form>p,.center-card p{color:#777}.login label,.center-card label,.card label,.form-section label{display:block;font-weight:bold;margin:16px 0}.login input,.center-card input,.card input,.card select,.form-section input,.form-section select,#search{width:100%;height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;margin-top:7px;background:#fff}.login button,.center-card button,.card>button,.finish{width:100%;border:0;background:var(--orange);color:#fff;border-radius:8px;height:46px;font-weight:bold}.login form aside{margin-top:18px;padding:14px;background:#f3f4f6;color:#777;font-size:12px;border-radius:8px}.center-card{min-height:100vh;display:grid;place-items:center}.center-card form{background:#fff;padding:35px;border-radius:14px}.shell{min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:235px;background:#111315;color:#fff;padding:24px 15px;display:flex;flex-direction:column;gap:7px}.side img{width:190px;height:75px;object-fit:contain;border-bottom:1px solid #333;padding-bottom:15px}.side>small{color:#777;margin:14px 12px}.side a{color:#b7bbc1;text-decoration:none;padding:14px 13px;border-radius:8px}.side a.on{background:var(--orange);color:#fff}.side a i{float:right;color:#ff8b72;font-size:10px}.side .logout{margin-top:auto;border-top:1px solid #333}.work{margin-left:235px;padding-bottom:60px}.work>header{height:92px;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between}.work header small{font-size:11px;color:var(--orange);font-weight:bold;letter-spacing:.12em}.work header h1{margin:6px 0 0}.dark{background:#17191c!important;color:#fff!important;text-decoration:none;border-radius:8px;padding:12px 16px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px}.metrics article,.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.metrics small{color:#777}.metrics b{display:block;font-size:24px;margin-top:12px}.card{margin:0 24px 20px}.card h2{margin-top:0}.history,.row{display:grid;grid-template-columns:110px 1fr 1fr 120px 60px;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #eee}.history a{color:var(--orange)}.columns{display:grid;grid-template-columns:340px 1fr;gap:16px;padding:24px}.columns>.card{margin:0}.list{max-height:680px;overflow:auto}.row{grid-template-columns:1fr 140px 180px 80px}.row small{display:block;color:#888;margin-top:5px}.row label{margin:0}.row input{height:36px;margin:0}.row button{border:0;border-radius:7px;padding:9px;background:#ffefe9;color:#c63b1d}.stock button{padding:5px 10px;margin-left:5px}.feature{margin-top:24px;min-height:320px}.feature p{color:#666;line-height:1.6}.feature dl{display:grid;grid-template-columns:180px 1fr;max-width:650px}.feature dt,.feature dd{padding:12px;border-bottom:1px solid #eee;margin:0}.sale-form{padding:24px}.catalog{margin:0 0 20px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.product{display:flex!important;flex-direction:column;border:1px solid #e2e4e7;border-radius:10px;padding:14px;margin:0!important;min-height:165px}.product .badge{font-size:10px;color:#168052}.product b{margin-top:16px}.product small{color:#888;margin:5px 0}.product strong{margin-top:auto;font-size:16px}.product input{width:75px;height:34px}.form-section{margin:0 0 20px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.finish{max-width:460px;display:block;margin:25px auto}.receipt{width:190mm;min-height:270mm;margin:12px auto 60px;background:#fff;padding:14mm;box-shadow:0 3px 20px #0002}.receipt>header{display:flex;gap:18px;align-items:center;border-bottom:3px solid var(--orange);padding-bottom:12px}.receipt>header img{width:48mm;height:32mm;object-fit:contain}.receipt>header h1{color:var(--orange);margin:0}.receipt>header p{line-height:1.5}.receipt-title{display:flex;justify-content:space-between;align-items:center}.receipt h3{color:var(--orange);text-transform:uppercase;font-size:13px;border-bottom:1px solid #ddd;padding-bottom:7px}.receipt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.receipt-grid span{color:#777;font-size:11px}.receipt-grid b{display:block;color:#111;margin-top:4px}.receipt table{width:100%;border-collapse:collapse}.receipt th{background:#202327;color:#fff}.receipt th,.receipt td{padding:9px;border-bottom:1px solid #ddd;text-align:left}.receipt td:nth-child(n+3),.receipt th:nth-child(n+3){text-align:right}.receipt td small{display:block;color:#888}.receipt tfoot{font-weight:bold}.warranty{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.warranty b{background:#eaf8f0;color:#176e49;padding:14px;border:1px solid #a8dbbd;border-radius:8px}.receipt nav{display:flex;gap:10px;margin-top:25px}.receipt nav a,.receipt nav button{border:1px solid #ddd;background:#fff;padding:12px 16px;border-radius:8px;text-decoration:none;color:#111}@media(max-width:900px){.signature small{display:none}.side{width:72px}.side img,.side>small,.side a{font-size:0}.side a:first-letter{font-size:18px}.work{margin-left:72px}.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.catalog-grid,.form-grid{grid-template-columns:repeat(2,1fr)}}@media print{body{background:#fff}.signature,.receipt nav,.flashes{display:none!important}.receipt{box-shadow:none;margin:0;width:100%;min-height:0;padding:8mm}.receipt>header,.receipt th,.warranty b{print-color-adjust:exact;-webkit-print-color-adjust:exact}}