:root{--navy:#082942;--blue:#168bff;--pink:#f42683;--bg:#f2f7fd;--ink:#17354f;--muted:#647e91;--line:#d9e6f1;--green:#087e57;--red:#ab3054}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:2px}header{background:var(--navy);color:white;border-bottom:4px solid var(--pink)}.bar{max-width:1100px;min-height:73px;padding:12px 19px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:23px;letter-spacing:-.5px;font-weight:900}.brand span{color:#5dafff}.brand small{display:block;color:#b8d6ed;font-size:9px;letter-spacing:1.4px}.bar nav{display:flex;gap:16px;font-size:13px;font-weight:750}.wrap{max-width:1100px;margin:auto;padding:24px 19px 55px}.eyebrow{font-size:11px;color:#0f74de;font-weight:900;letter-spacing:1.4px}.hero{margin-bottom:17px}h1{font-size:clamp(29px,5vw,43px);letter-spacing:-1px;line-height:1.15;margin:7px 0}.hero p{margin:0;color:var(--muted)}.notice{background:#fff0f6;border:1px solid #ffcddd;color:#8b3152;padding:12px 15px;border-radius:11px;font-size:13px;margin-bottom:16px}.status{background:#e8f3ff;padding:11px 14px;color:#155c99;border-radius:10px;font-size:13px;font-weight:800;margin-bottom:16px}.status.error{background:#fff0f4;color:var(--red)}.status.good{background:#dff7eb;color:var(--green)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px}.stats>div{background:white;border:1px solid var(--line);border-radius:14px;padding:15px}.stats small{color:var(--muted);font-size:12px;display:block}.stats strong{font-size:28px;color:#0b426d;font-weight:900}.layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:17px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:17px;box-shadow:0 6px 28px #1c4f7709}.panel h2{margin:0 0 6px;font-size:20px}.panel p{font-size:13px;color:var(--muted);margin:0 0 12px}.head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:12px}.stack{display:grid;gap:10px}.ride,.ticket{border:1px solid #dbe8f3;border-radius:12px;background:#f9fcff;padding:13px;min-width:0}.ride-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.ride-top b{font-size:14px}.ride-top small{display:block;color:var(--muted);font-size:12px}.badge{display:inline-block;border-radius:100px;background:#e1f0ff;color:#1266b5;font-weight:850;font-size:11px;padding:5px 8px}.badge.done{background:#e1f7ec;color:var(--green)}.badge.alert{background:#fff0f4;color:var(--red)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.actions .btn{flex:1}.btn{background:#137df1;color:white;border:none;border-radius:11px;padding:10px 13px;min-height:43px;font-weight:850;font-size:13px}.btn.primary{background:linear-gradient(110deg,#f42683,#e31073)}.btn.soft{background:#eaf4ff;color:#0a65b9;border:1px solid #bbd9f4}.btn.block{display:block;width:100%;margin-top:10px}.aslink{text-align:center}.fine{font-size:11px;color:#718699;margin-top:10px}label{display:block;font-weight:850;font-size:12px;margin:13px 0 6px}select,textarea{width:100%;border-radius:10px;border:1px solid #bcd0e1;padding:11px;background:white;color:var(--ink)}select{min-height:46px}textarea{min-height:117px;resize:vertical}.thread{display:grid;gap:7px;margin:10px 0}.bubble{background:#edf5ff;border-radius:10px;padding:10px 12px;font-size:12px;color:#264b6a;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.admin{background:#e1f7ed;color:#096c48}.thread-label{font-size:10px;color:#6d8299;font-weight:800}.reply-input{margin-top:7px;min-height:75px}.receipt{border:1px dashed #bbd6eb;padding:16px;margin:13px 0;border-radius:10px;background:#fff}.receipt-row{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #e4edf4;font-size:13px}.receipt-row:last-child{border-bottom:0}.receipt-row b{white-space:nowrap}.receipt h3{margin:0 0 13px;font-size:18px}.hidden{display:none!important}.empty{padding:15px;border:1px dashed #c0d4e4;border-radius:10px;color:#647f92;font-size:13px}footer{font-size:11px;color:#71879c;text-align:center;margin-top:22px}
@media(max-width:790px){.layout{grid-template-columns:1fr}.panel{padding:16px}}@media(max-width:470px){.bar{padding:11px 12px;flex-wrap:wrap}.brand{font-size:20px}.bar nav{gap:10px;font-size:11px}.wrap{padding:16px 10px 40px}.hero h1{font-size:30px}.stats{gap:6px}.stats>div{padding:10px}.stats strong{font-size:20px}.stats small{font-size:10px}.panel{padding:14px}.head{flex-wrap:wrap}.actions .btn{min-width:135px;font-size:11px}}
@media print{body{background:#fff;color:#000}.bar,.hero,.notice,.status,.stats,.layout,#tickets,.head,#closeReceipt,#printReceipt,footer{display:none!important}main{padding:0}.panel{box-shadow:none;border:0;padding:0}#receiptPanel{display:block!important}#receiptPanel .receipt{border:0;padding:0}#receiptPanel .head{display:block!important}#receiptPanel .head button{display:none}#receiptPanel .head p{display:block}}