*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}
:root{--bg:#06142b;--c:#0f2a52;--b:#1e88c8;--g:#e0b955;--t:#eaf2ff;--ok:#2ecc71;--er:#ff5d5d}
body{font-family:system-ui,Segoe UI,Roboto,sans-serif;color:var(--t);min-height:100vh;background:radial-gradient(900px 500px at 80% -10%,#1e88c844,transparent),radial-gradient(700px 500px at -10% 110%,#e0b95533,transparent),var(--bg);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.w{max-width:680px;margin:auto;padding:16px}.wide{max-width:1100px}
.logo{display:block;margin:18px auto 8px;width:120px;filter:drop-shadow(0 8px 24px #1e88c8aa);animation:fl 4s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-8px)}}
h1{text-align:center;font-size:30px;letter-spacing:3px;background:linear-gradient(90deg,var(--g),#fff,var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{text-align:center;opacity:.7;font-size:13px;margin-bottom:18px}
.card{background:linear-gradient(145deg,#12315e99,#0a1d3ecc);border:1px solid #ffffff1a;border-radius:18px;padding:16px;margin:12px 0;backdrop-filter:blur(8px);box-shadow:0 10px 30px #0006;animation:up .5s both}
@keyframes up{from{opacity:0;transform:translateY(14px)}}
input,select{width:100%;padding:13px 14px;margin:6px 0;border-radius:12px;border:1px solid #ffffff2a;background:#06142b99;color:var(--t);font-size:16px}
input:focus{outline:2px solid var(--b)}
button{border:0;border-radius:12px;padding:13px 18px;font-weight:700;font-size:16px;color:#06142b;background:linear-gradient(90deg,var(--g),#ffd97a);cursor:pointer;transition:transform .15s}
button:active{transform:scale(.96)}button.s{background:#ffffff1a;color:var(--t)}button.r{background:var(--er);color:#fff}.full{width:100%;margin-top:8px}
.row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff12}.row:last-child{border:0}
.row span{flex:1;font-size:14px}.row b{min-width:34px;text-align:center;font-size:22px;color:var(--g)}
.row button{width:44px;height:44px;padding:0;font-size:22px;border-radius:50%}.row button.m{background:#ffffff1f;color:var(--t)}
.msg{text-align:center;padding:10px;border-radius:12px;margin:8px 0}.ok{background:#2ecc7126;color:var(--ok)}.er{background:#ff5d5d26;color:var(--er)}
.bar{display:flex;justify-content:space-between;align-items:center;gap:8px}.bar small{opacity:.7}
.tabs{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap}.tabs button{flex:1}.tabs button.on{outline:2px solid #fff}
table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px;border-bottom:1px solid #ffffff14;text-align:center}td:first-child,th:first-child{text-align:left}th{color:var(--g)}tr:last-child td{font-weight:800;color:var(--g)}
.sc{overflow-x:auto}.hide{display:none}.ctl{display:flex;gap:8px;flex-wrap:wrap}.ctl>*{flex:1;min-width:120px}
.seg{display:flex;gap:8px;margin:6px 0}.seg button{flex:1;background:#ffffff1a;color:var(--t)}.seg button.on{background:linear-gradient(90deg,var(--g),#ffd97a);color:#06142b}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{background:#1e88c833;border:1px solid #1e88c8;border-radius:20px;padding:5px 11px;font-size:13px}.chip i{cursor:pointer;margin-left:6px;font-style:normal;opacity:.7}
.qty{width:110px!important;text-align:center;font-size:20px!important;color:var(--g);font-weight:800;margin:0!important}
.foot{text-align:center;opacity:.55;font-size:12px;margin:18px 0}label{font-size:13px;opacity:.8}textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #ffffff2a;background:#06142b99;color:var(--t);font-size:15px;min-height:130px}
.mini{width:auto!important;padding:8px 12px!important;font-size:13px!important;border-radius:10px!important;height:auto!important}