.ov-root{color:#34445f}.ov-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 85% 0,#d6f8ee,transparent 48%),linear-gradient(120deg,#e7edff,#f5e8fc);padding:27px;border:1px solid #dedff4;border-radius:22px;margin-bottom:18px}.ov-eyebrow{font-size:10px;letter-spacing:1.5px;color:#7760ac;font-weight:750}.ov-hero h1{font-size:29px;color:#302753;margin:10px 0;overflow-wrap:anywhere}.ov-hero p{font-size:12px;color:#77809b;margin-bottom:16px}.ov-hero p span{padding:0 7px}.ov-qr{display:grid;justify-items:center;gap:7px;background:white;border-radius:16px;padding:12px;flex-shrink:0;box-shadow:0 6px 18px #62599b0e}.ov-qr small{font-size:8px;letter-spacing:1px;color:#8b87a8}.ov-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:22px}.ov-mini{padding:15px;border:1px solid var(--edge,#e0dff7);background:var(--tint,#f4efff);border-radius:14px;min-width:0}.ov-mini span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ink,#7560b5)}.ov-mini strong{display:block;margin-top:10px;font-size:18px;color:#34405a;overflow-wrap:anywhere}.ov-mini.violet{--tint:#f0eaff;--edge:#e5d9fc;--ink:#8054cc}.ov-mini.blue{--tint:#eaf3ff;--edge:#dae8fa;--ink:#448bd0}.ov-mini.amber{--tint:#fff4e4;--edge:#f7e6cb;--ink:#b27f31}.ov-mini.mint{--tint:#e7f7f0;--edge:#d3eee1;--ink:#269977}.ov-root svg{width:18px;height:18px;flex-shrink:0}.ov-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.ov-main,.ov-side{min-width:0}.ov-tabs{display:flex;gap:5px;padding:6px;background:#f1f3fa;border:1px solid #e7e9f3;border-radius:13px;margin-bottom:17px;overflow-x:auto}.ov-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;white-space:nowrap;border:0;background:transparent;color:#7a849b;padding:11px 10px;border-radius:9px;font-size:11px;font-weight:650;cursor:pointer}.ov-tabs button[aria-selected=true]{background:linear-gradient(125deg,#805bdf,#626bdb);color:white;box-shadow:0 3px 8px #7061c92c}.ov-tabs button:focus-visible,.ov-balance button:focus-visible{outline:3px solid #37a2bf;outline-offset:2px}.ov-pane[hidden]{display:none}.ov-pane:not([hidden]){animation:ov-enter .2s ease-out}.ov-panel{border:1px solid #e3e7f1;border-radius:16px;background:white;margin-bottom:16px;overflow:hidden}.ov-panel h3{display:flex;align-items:center;gap:9px;padding:16px 18px;margin:0;background:linear-gradient(100deg,#f4f1fc,#fbfcff);color:#62558f;font-size:12px;border-bottom:1px solid #eeedf6}.ov-info,.ov-money,.ov-products{width:100%;border-collapse:collapse}.ov-info th,.ov-info td{padding:12px 18px;border-bottom:1px solid #f0f2f7;font-size:11px;vertical-align:top;white-space:normal;overflow-wrap:anywhere}.ov-info th{text-align:left;width:34%;background:#fbfcff;color:#8a92a6;font-weight:500}.ov-info td{color:#364761;line-height:1.6}.ov-info tr:last-child>*{border-bottom:0}.ov-notes{display:flex;gap:12px;padding:17px;background:#fff7e9;border:1px solid #f4e5ca;border-radius:14px;color:#ac843d}.ov-notes strong{font-size:12px}.ov-notes p{font-size:12px;color:#83725a;line-height:1.7;white-space:pre-wrap;margin:8px 0 0}.ov-balance{padding:23px;border-radius:18px;background:linear-gradient(130deg,#7552d5,#566ed5 70%,#4c8cce);color:white;margin-bottom:17px;box-shadow:0 8px 20px #6457cd25}.ov-balance>span{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#eee9ff}.ov-balance>strong{display:block;font-size:30px;letter-spacing:-1px;margin:14px 0 10px;overflow-wrap:anywhere}.ov-balance>small{font-size:10px;color:#e3e8ff;display:block}.ov-balance button{border:1px solid #ffffff45;border-radius:9px;background:#ffffff19;padding:10px 12px;margin-top:19px;color:white;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;cursor:pointer}.ov-payment-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.ov-money th,.ov-money td{padding:13px 18px;border-bottom:1px solid #edf0f6;font-size:12px}.ov-money th{text-align:left;font-weight:500;color:#7e879c}.ov-money td{text-align:right;font-weight:650;color:#40516e;white-space:nowrap}.ov-money tfoot>*{background:#ece8fc}.ov-money tfoot th,.ov-money tfoot td{font-size:16px;color:#7055ba;font-weight:750;padding:20px 18px}.ov-payment-method{display:flex;align-items:center;gap:8px;font-size:11px;padding:14px 18px;margin:0;color:#8b91a5}.ov-payment-method strong{margin-left:auto;color:#54627d}.ov-products th,.ov-products td{padding:14px 15px;font-size:11px;border-bottom:1px solid #eef0f5;text-align:left}.ov-products thead th{font-size:9px;letter-spacing:.6px;color:#8a8eaa;background:#fbfbff}.ov-products td:not(:first-child){white-space:nowrap}.ov-product-name{display:flex;align-items:center;gap:9px;min-width:130px;white-space:normal;color:#53617a}.ov-product-name svg{color:#9569cf}.ov-products tfoot{background:#f1edfc;color:#7352b5}.ov-history{padding:18px}.ov-history article{display:flex;gap:13px;padding-bottom:22px;position:relative}.ov-history article:not(:last-child):before{content:'';position:absolute;left:16px;top:34px;width:2px;bottom:0;background:#e9e4f5}.ov-history article>span{width:34px;height:34px;border-radius:11px;background:#eee8fc;color:#9271c7;display:grid;place-items:center;flex-shrink:0}.ov-history strong{display:block;font-size:12px;color:#55657f;line-height:1.6}.ov-history small{display:block;font-size:10px;color:#939cb0;margin-top:5px}.ov-management{padding:18px;border:1px dashed #d6c9ed;background:#faf8ff;border-radius:16px;margin-top:18px}.ov-management h3{display:flex;align-items:center;gap:8px;font-size:12px;color:#8b70b5;margin:0 0 13px}.ov-management>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.ov-management label{display:grid;gap:5px;font-size:10px;color:#8a7b9e}.ov-management select{width:100%;min-width:0;border:1px solid #ddd8ec;border-radius:8px;padding:10px;background:white;color:#56627a;font-size:11px}.ov-side .courier-journey{margin-bottom:16px}@keyframes ov-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ov-pane:not([hidden]){animation:none}}@media(max-width:850px){.ov-layout{grid-template-columns:1fr}.ov-highlights{grid-template-columns:1fr 1fr}.ov-side{display:grid;gap:16px}.ov-hero{padding:20px}.ov-hero h1{font-size:23px}}@media(max-width:480px){.ov-hero{align-items:flex-start}.ov-qr{padding:7px}.ov-qr img{width:70px;height:70px}.ov-qr small{display:none}.ov-tabs button{padding:10px 7px}.ov-tabs svg{display:none}.ov-mini strong{font-size:16px}}
@media(max-width:650px){.modal-backdrop:has(.ov-root){padding:0;align-items:stretch}.modal:has(.ov-root){width:100%!important;max-width:100%!important;height:100dvh;max-height:100dvh!important;border-radius:0!important;margin:0}.modal:has(.ov-root) .modal-head{padding:14px 16px;min-height:58px}.modal:has(.ov-root) .modal-body{padding:14px}.modal:has(.ov-root) .modal-foot{padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px;flex-wrap:wrap}.modal:has(.ov-root) .modal-foot .btn{flex:1;padding:11px 9px;font-size:11px;white-space:nowrap}.ov-layout{display:flex;flex-direction:column;gap:16px}.ov-main,.ov-side{width:100%}.ov-tabs{position:sticky;top:0;z-index:2;background:#f0edf9;box-shadow:0 3px 10px #47358d0a}.ov-tabs button{min-height:44px;font-size:11px}.ov-info th,.ov-info td{padding:11px 12px;font-size:12px}.ov-hero h1{font-size:21px;line-height:1.35}.ov-hero{gap:10px;padding:16px;margin-bottom:12px}.ov-highlights{gap:8px;margin-bottom:14px}.ov-mini{padding:12px}.ov-mini strong{font-size:16px}.ov-management>div{gap:9px}.ov-products th,.ov-products td{padding:12px 10px}.ov-product-name{min-width:120px}.ov-notes p{overflow-wrap:anywhere}.ov-money th,.ov-money td{padding:12px;font-size:12px}.ov-balance>strong{font-size:28px}.scan-mode .login-art{display:none}.scan-mode .login-page{display:block;min-height:100dvh;background:linear-gradient(145deg,#e8eaff,#e7f9f3)}.scan-mode .login-form{min-height:100dvh;padding:28px 22px;display:grid;align-items:center}.scan-mode .login-form form{width:100%;max-width:420px;margin:auto;background:white;padding:24px;border-radius:22px;box-shadow:0 14px 40px #53478c15}.scan-mode .login-form input{font-size:16px}.scan-mode .login-note{display:none}}

.ov-root .ov-qr img{width:200px;height:200px;max-width:none;object-fit:contain;image-rendering:pixelated;background:#fff}.ov-root .ov-qr{padding:16px}.ov-root .ov-qr small{font-size:10px}@media(max-width:600px){.ov-root .ov-hero{flex-direction:column;align-items:stretch}.ov-root .ov-qr{align-self:center}.ov-root .ov-qr img{width:200px;height:200px}}