.onsales{--os-bg:#f7f7fa;--os-surface:#fff;--os-text:#292833;--os-muted:#777581;--os-line:#e9e7ee;--os-soft:#f3f2f6;--os-purple:#71509b;--os-purple-hover:#614385;--os-purple-soft:#f0eaf7;--os-green:#34745a;--os-green-soft:#edf6f0;--os-red:#ab454d;--os-red-soft:#fff1f1;--os-amber:#98621e;--os-amber-soft:#fff6e8;--os-shadow:0 12px 40px #24203314;color:var(--os-text);background:var(--os-bg);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.4;min-height:calc(100dvh - 64px);isolation:isolate;color-scheme:light}.onsales *{box-sizing:border-box}.onsales button,.onsales input,.onsales select,.onsales textarea{font:inherit;color:inherit}.onsales button{cursor:pointer}.onsales button:disabled{cursor:default;opacity:.55}.onsales input,.onsales textarea,.onsales select{min-width:0;max-width:100%;border:1px solid var(--os-line);border-radius:7px;background:var(--os-surface);padding:8px 10px;outline:none;line-height:1.3}.onsales input:not([type=radio]):not([type=checkbox]),.onsales select{height:37px}.onsales input:focus-visible,.onsales select:focus-visible,.onsales textarea:focus-visible,.onsales button:focus-visible,.onsales summary:focus-visible{outline:2px solid var(--os-purple);outline-offset:3px}.onsales input[aria-invalid=true],.onsales textarea[aria-invalid=true]{border-color:var(--os-red)}.onsales input:disabled,.onsales textarea:disabled{background:var(--os-soft)}.onsales textarea{resize:vertical;width:100%;min-height:64px}.onsales input[type=checkbox],.onsales input[type=radio]{accent-color:var(--os-purple);width:16px;height:16px;margin:0;flex-shrink:0}.onsales h1,.onsales h2,.onsales p{margin:0}.onsales h1{font-size:23px;line-height:1.2;font-weight:650;letter-spacing:-.5px}.onsales h2{font-size:14px;font-weight:650;margin-bottom:15px}.onsales svg{flex-shrink:0}.onsales .os-shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 28px;border-bottom:1px solid var(--os-line);background:var(--os-surface)}.onsales .os-brand{display:flex;gap:10px;align-items:center}.onsales .os-brand-symbol{display:grid;place-items:center;width:36px;height:36px;background:var(--os-purple-soft);color:var(--os-purple);border-radius:10px}.onsales .os-brand strong{display:block;font-size:20px;letter-spacing:-.5px;font-weight:700;line-height:1.15}.onsales .os-brand div>span{font-size:11px;color:var(--os-muted);display:block;margin-top:3px}.onsales .os-store{display:flex;align-items:center;gap:7px;color:var(--os-muted);font-size:12px;max-width:40%}.onsales .os-store select{background:transparent;border:0;padding-left:0;max-width:200px}.onsales .os-store>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onsales .os-workspace{max-width:1160px;margin:0 auto;padding:28px}.onsales .os-btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:37px;padding:8px 13px;border:1px solid var(--os-line);border-radius:7px;background:var(--os-surface);font-size:12px;font-weight:550;line-height:1.25;white-space:nowrap;text-decoration:none}.onsales .os-btn:hover:not(:disabled){background:var(--os-soft)}.onsales .os-primary{background:var(--os-purple);border-color:var(--os-purple);color:#fff}.onsales .os-primary:hover:not(:disabled){background:var(--os-purple-hover);border-color:var(--os-purple-hover)}.onsales .os-icon-btn{border:0;border-radius:6px;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;color:var(--os-muted)}.onsales .os-icon-btn:hover{background:var(--os-soft)}.onsales .os-small{min-height:30px;padding:5px 8px;font-size:11px}.onsales .os-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.onsales .os-list-heading p{font-size:12px;color:var(--os-muted);margin-top:6px}.onsales .os-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:14px}.onsales .os-search{display:flex;align-items:center;gap:8px;min-width:220px;flex:1;max-width:350px;background:var(--os-surface);border:1px solid var(--os-line);border-radius:7px;padding-left:10px;color:var(--os-muted)}.onsales .os-search input{width:100%;border:0;background:transparent;padding-left:0;font-size:12px}.onsales .os-search:focus-within{outline:2px solid var(--os-purple);outline-offset:2px}.onsales .os-search input:focus-visible{outline:none}.onsales .os-toolbar-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.onsales .os-toolbar-controls>select,.onsales .os-filter input{font-size:12px}.onsales .os-filter input{width:144px;padding:6px}.onsales .os-attention-filter>span{border-radius:4px;padding:0 5px;background:var(--os-soft);font-size:11px;min-width:17px}.onsales .os-attention-active{border-color:var(--os-amber);background:var(--os-amber-soft);color:var(--os-amber)}.onsales .os-list-caption{display:flex;justify-content:space-between;color:var(--os-muted);font-size:11px;margin:15px 2px 8px}.onsales .os-orders{border:1px solid var(--os-line);border-radius:10px;overflow:hidden;background:var(--os-surface)}.onsales .os-order-row{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(135px,190px) 16px;align-items:center;width:100%;gap:14px;min-height:69px;padding:12px 16px;background:var(--os-surface);border:0;border-bottom:1px solid var(--os-line);text-align:left}.onsales .os-order-row:last-child{border-bottom:0}.onsales .os-order-row:hover{background:var(--os-soft)}.onsales .os-order-time{font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;align-self:start;padding-top:1px}.onsales .os-order-person{min-width:0}.onsales .os-order-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.onsales .os-order-person>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;margin-top:5px;color:var(--os-muted)}.onsales .os-order-state{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:5px;align-self:start}.onsales .os-status-label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;color:var(--os-muted)}.onsales .os-status-accepted{color:var(--os-purple)}.onsales .os-status-in_delivery{color:#4175ac}.onsales .os-status-delivered{color:var(--os-green)}.onsales .os-attention-reason{color:var(--os-amber);font-size:10px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.onsales .os-row-arrow{color:var(--os-muted)}.onsales .os-needs-attention .os-order-time{color:var(--os-amber)}.onsales .os-load-more{display:flex;margin:16px auto}.onsales .os-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:60px 18px;color:var(--os-muted)}.onsales .os-empty h2{font-size:17px;color:var(--os-text);margin:0}.onsales .os-empty p{max-width:400px;font-size:12px}.onsales .os-empty>svg{color:var(--os-purple)}.onsales .os-editor-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-height:37px}.onsales .os-editor-heading h1{font-size:18px}.onsales .os-back{border-color:transparent;background:var(--os-purple-soft);color:var(--os-purple);font-size:12px}.onsales .os-badge{font-size:10px;border-radius:5px;padding:4px 7px;background:var(--os-soft);color:var(--os-muted)}.onsales .os-heading-spacer{flex:1}.onsales .os-unsaved{font-size:11px;color:var(--os-muted)}.onsales .os-editor{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:16px}.onsales .os-main-column,.onsales .os-side-column{min-width:0;display:flex;flex-direction:column;gap:16px}.onsales .os-panel{padding:20px;background:var(--os-surface);border:1px solid var(--os-line);border-radius:10px;min-width:0}.onsales .os-order-top{display:flex;align-items:center;gap:19px;margin-bottom:21px}.onsales .os-order-symbol{width:54px;height:54px;border-radius:9px;display:grid;place-items:center;color:var(--os-purple);background:var(--os-purple-soft)}.onsales .os-field{display:flex;flex-direction:column;gap:6px;min-width:0}.onsales .os-field>label{display:flex;gap:5px;align-items:center;font-size:11px;font-weight:550;color:var(--os-muted)}.onsales .os-field>label>span{font-size:10px;font-weight:400}.onsales .os-field>input{width:100%;font-size:13px}.onsales .os-amount{width:166px}.onsales .os-money{position:relative;width:100%}.onsales .os-money input{width:100%;padding-right:28px;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.onsales .os-money>span{position:absolute;right:11px;top:9px;color:var(--os-muted);font-size:14px}.onsales .os-section-label{font-size:11px;color:var(--os-muted);font-weight:550;display:block;margin-bottom:9px}.onsales .os-status-section{margin-bottom:16px}.onsales .os-status-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;margin:0;padding:0;gap:7px}.onsales .os-status-choice{display:flex;align-items:center;gap:6px;padding:9px 10px;border:1px solid var(--os-line);border-radius:7px;font-size:11px;cursor:pointer;min-width:0;position:relative}.onsales .os-status-choice>input{position:absolute;opacity:0;width:1px;height:1px}.onsales .os-status-choice:has(input:focus-visible){outline:2px solid var(--os-purple);outline-offset:2px}.onsales .os-status-choice.os-selected{background:var(--os-purple-soft);color:var(--os-purple);border-color:var(--os-purple)}.onsales .os-status-choice.os-unavailable{opacity:.4;cursor:default}.onsales .os-status-choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onsales .os-draft-hint{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--os-muted)}.onsales .os-details{border-top:1px solid var(--os-line);padding-top:12px}.onsales .os-details>summary{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:550;cursor:pointer;list-style:none;padding:3px 0}.onsales .os-details>summary::-webkit-details-marker{display:none}.onsales .os-details>summary:after{content:"+";margin-left:auto;color:var(--os-muted);font-weight:400;font-size:16px}.onsales .os-details[open]>summary:after{content:"−"}.onsales .os-summary-hint{color:var(--os-muted);font-weight:400;font-size:10px}.onsales .os-details-body{display:flex;flex-direction:column;gap:13px;padding-top:16px}.onsales .os-contact-row{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-start}.onsales .os-name{flex:1 1 170px;max-width:290px}.onsales .os-phone-field{flex:0 1 auto;max-width:100%;width:236px}.onsales .os-phone{display:flex;gap:5px;max-width:100%}.onsales .os-phone select{width:80px;flex:0 0 80px;font-size:12px;padding:6px}.onsales .os-phone input{width:142px;flex:0 0 142px;padding:8px;font-size:14px;letter-spacing:.1px;font-variant-numeric:tabular-nums}.onsales .os-phone-other{flex-direction:column;align-items:flex-start}.onsales .os-phone-other input{width:236px;max-width:100%;flex-basis:auto}.onsales .os-phone-other select{flex-basis:auto;width:90px}.onsales .os-phone:has(select option:checked:not([value="+994"]):not([value=other])) input{width:170px;flex-basis:170px}.onsales .os-phone-field:has(select option:checked:not([value="+994"]):not([value=other])){width:255px}.onsales .os-checkbox{display:flex;align-items:center;gap:8px;margin-top:17px;font-size:12px;cursor:pointer;width:fit-content}.onsales .os-recipient{border-top:1px solid var(--os-line);padding-top:17px;margin-top:17px}.onsales .os-mode{display:flex;gap:6px;padding:0;margin:0 0 18px;border:0}.onsales .os-mode>label{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px;border:1px solid var(--os-line);border-radius:7px;background:var(--os-surface);font-size:11px;cursor:pointer;position:relative}.onsales .os-mode input{position:absolute;opacity:0;width:1px;height:1px}.onsales .os-mode label:has(input:focus-visible){outline:2px solid var(--os-purple);outline-offset:2px}.onsales .os-mode label:has(input:disabled){opacity:.5;cursor:default}.onsales .os-mode .os-active{background:var(--os-purple-soft);border-color:var(--os-purple);color:var(--os-purple)}.onsales .os-date-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.onsales .os-date-row>.os-field:first-child{width:151px}.onsales .os-date-row>.os-field:last-child{width:106px}.onsales .os-date-row input{padding:6px;font-size:12px}.onsales .os-payment{display:flex;gap:7px;color:var(--os-muted);font-size:11px;padding:0 5px}.onsales .os-editor-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:6px}.onsales .os-footer-hint{font-size:10px;color:var(--os-muted)}.onsales .os-footer-actions{display:flex;gap:8px}.onsales .os-field-error{font-size:11px;line-height:1.4;color:var(--os-red);display:block}.onsales .os-notice{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--os-line);border-radius:8px;padding:12px 14px;margin-bottom:16px;font-size:12px;background:var(--os-surface);overflow-wrap:anywhere}.onsales .os-notice>svg{margin-top:1px}.onsales .os-notice>div,.onsales .os-notice>span{flex:1}.onsales .os-notice p{margin-top:4px}.onsales .os-notice .os-inline-actions{margin-top:12px}.onsales .os-success{background:var(--os-green-soft);color:var(--os-green);border-color:transparent}.onsales .os-danger{background:var(--os-red-soft);color:var(--os-red);border-color:transparent}.onsales .os-warning{background:var(--os-amber-soft);color:var(--os-amber);border-color:transparent}.onsales .os-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.onsales .os-recovery-actions{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--os-muted);margin-bottom:16px}.onsales .os-modal-backdrop{position:fixed;inset:0;background:#11121d66;z-index:60;display:grid;place-items:center;padding:18px}.onsales .os-dialog{background:var(--os-surface);border-radius:12px;padding:24px;max-width:470px;width:100%;box-shadow:var(--os-shadow)}.onsales .os-dialog h2{font-size:18px}.onsales .os-dialog p{color:var(--os-muted);font-size:12px;line-height:1.6}.onsales .os-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px}.onsales .os-danger-button{color:var(--os-red)}.onsales .os-spin{animation:os-spin 1s linear infinite}.onsales .os-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;padding:0;margin:-1px;border:0}@keyframes os-spin{to{transform:rotate(360deg)}}@media (min-width:1150px){.onsales .os-status-options{grid-template-columns:repeat(4,minmax(0,1fr))}.onsales .os-status-choice{flex-direction:column;gap:6px;padding:10px 5px}}@media (max-width:900px){.onsales .os-editor{grid-template-columns:minmax(0,1fr) minmax(246px,.8fr)}.onsales .os-contact-row{flex-direction:column;gap:13px}.onsales .os-name{flex:0 1 auto;width:100%;max-width:290px}.onsales .os-toolbar{gap:10px}.onsales .os-search{max-width:none}.onsales .os-toolbar-controls{flex:1;justify-content:flex-start}}@media (max-width:700px){.onsales .os-shell{padding:15px 18px}.onsales .os-workspace{padding:20px 18px}.onsales .os-editor{grid-template-columns:1fr}.onsales .os-editor-footer{flex-direction:column;align-items:stretch}.onsales .os-footer-hint{order:2;text-align:center}.onsales .os-footer-actions{justify-content:flex-end}.onsales .os-contact-row{flex-direction:row}.onsales .os-name{flex:1 1 170px}.onsales .os-status-options{grid-template-columns:repeat(4,minmax(0,1fr))}.onsales .os-status-choice{flex-direction:column;padding:9px 3px;font-size:10px}.onsales .os-list-heading{margin-bottom:20px}.onsales .os-toolbar-controls{gap:7px}.onsales .os-order-row{gap:10px;grid-template-columns:42px minmax(0,1fr) minmax(90px,115px);padding:12px}.onsales .os-row-arrow{display:none}.onsales .os-order-person strong,.onsales .os-order-time{font-size:12px}.onsales .os-order-state{gap:6px}.onsales .os-status-label{font-size:10px;gap:3px}.onsales .os-attention-reason{font-size:9px}.onsales .os-recovery-actions{align-items:flex-start;flex-direction:column}.onsales .os-store{max-width:35%}}@media (max-width:420px){.onsales .os-workspace{padding:18px 12px}.onsales .os-shell{padding:14px 12px}.onsales .os-brand div>span{font-size:10px}.onsales .os-brand strong{font-size:18px}.onsales .os-brand-symbol{width:31px;height:31px}.onsales .os-list-heading h1{font-size:21px}.onsales .os-list-heading>.os-btn{padding:8px 10px;font-size:11px}.onsales .os-list-heading p{font-size:10px}.onsales .os-toolbar-controls>select{width:136px}.onsales .os-filter input{width:139px}.onsales .os-panel{padding:16px}.onsales .os-contact-row{flex-direction:column}.onsales .os-name{flex-basis:auto;max-width:100%}.onsales .os-status-options{grid-template-columns:repeat(2,minmax(0,1fr))}.onsales .os-status-choice{flex-direction:row;font-size:11px;padding:9px}.onsales .os-summary-hint{font-size:9px}.onsales .os-footer-actions>.os-btn{flex:1;white-space:normal;font-size:11px}.onsales .os-order-row{gap:7px;padding:11px 9px;grid-template-columns:34px minmax(0,1fr) 92px}.onsales .os-order-time,.onsales .os-order-person strong{font-size:11px}.onsales .os-order-person>span{font-size:10px}.onsales .os-notice{padding:11px;flex-wrap:wrap}.onsales .os-dialog{padding:20px}.onsales .os-date-row{gap:10px}.onsales .os-date-row>.os-field:first-child{width:143px}.onsales .os-date-row>.os-field:last-child{width:100px}.onsales .os-editor-heading{gap:9px}.onsales .os-unsaved{font-size:10px}}@media (prefers-color-scheme:dark){.onsales{color-scheme:dark;--os-bg:#17171e;--os-surface:#202028;--os-text:#ece9f2;--os-muted:#aaa5b5;--os-line:#36333f;--os-soft:#292731;--os-purple:#bc9be5;--os-purple-hover:#cdb0ef;--os-purple-soft:#342b42;--os-green:#8ecbb0;--os-green-soft:#23392f;--os-red:#efa2a6;--os-red-soft:#3c262d;--os-amber:#e9bd78;--os-amber-soft:#3c3224}.onsales .os-primary{background:#8060a8;color:#fff;border-color:#8060a8}.onsales .os-primary:hover:not(:disabled){background:#9570bf;border-color:#9570bf}.onsales .os-status-in_delivery{color:#9cc7ef}}@media (prefers-reduced-motion:reduce){.onsales *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.onsales .os-payment-panel{padding:18px}.onsales .os-payment-panel h2{margin-bottom:14px}.onsales .os-payment-panel p{font-size:11px;color:var(--os-muted);line-height:1.6;margin:10px 0 0}.onsales .os-payment-state{display:flex;gap:7px;align-items:center;font-size:12px;margin-bottom:12px}.onsales .os-link-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.onsales .os-link-controls>p{width:100%;margin:0}.onsales .os-private-link{width:100%;font-size:11px;direction:ltr}.onsales a.os-btn{text-decoration:none}.onsales a.os-btn:focus-visible{outline:2px solid var(--os-purple);outline-offset:3px}.onsales .os-link-confirm{border-top:1px solid var(--os-line);padding-top:4px;margin-top:14px}.onsales .os-link-confirm .os-inline-actions{margin-top:10px}.onsales .os-order-media{padding:0 0 16px}.onsales .os-order-media>p{font-size:11px;color:var(--os-muted)}.onsales .os-photo-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.onsales .os-photo-grid img{width:80px;height:80px;object-fit:cover;border-radius:7px;border:1px solid var(--os-line)}.onsales .os-photo-upload{position:relative;cursor:pointer;overflow:hidden}.onsales .os-photo-upload input{position:absolute;width:1px;height:1px;opacity:0}.onsales .os-photo-upload:has(input:focus-visible){outline:2px solid var(--os-purple);outline-offset:3px}.onsales .os-photo-disabled{opacity:.55;cursor:default}.onsales .os-photo-progress{display:inline-flex;align-items:center;gap:5px;margin-left:10px;font-size:11px;color:var(--os-muted)}:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#292833;background:#f7f7fa;font-synthesis:none;font-weight:400;--oa-bg:#f7f7fa;--oa-surface:#fff;--oa-text:#292833;--oa-muted:#777581;--oa-line:#e9e7ee;--oa-purple:#71509b;--oa-soft:#f0eaf7;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--oa-purple);outline-offset:3px}.oa-app{min-height:100dvh}.oa-account{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:10px 28px;min-height:43px;background:var(--oa-surface);border-bottom:1px solid var(--oa-line);color:var(--oa-muted);font-size:11px}.oa-account>span{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.oa-account>button{display:flex;align-items:center;gap:6px;padding:3px 0;color:var(--oa-purple);border:0;background:transparent;white-space:nowrap;font-size:11px}.oa-center{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;min-height:100dvh;font-size:13px;color:var(--oa-muted)}.oa-center>svg{color:var(--oa-purple)}.oa-login{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.oa-login-panel{max-width:380px;width:100%;padding:34px;background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:15px;box-shadow:0 14px 48px #29203307}.oa-login-brand{text-align:center;margin-bottom:35px}.oa-login-brand>span{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--oa-soft);color:var(--oa-purple);border-radius:14px}.oa-login-brand h1{font-size:29px;letter-spacing:-1px;line-height:1.1;margin:14px 0 6px}.oa-login-brand p{font-size:12px;color:var(--oa-muted);margin:0}.oa-login form{display:flex;flex-direction:column}.oa-login h2{font-size:16px;line-height:1.3;margin:0 0 20px;font-weight:600}.oa-login form label{font-size:12px;color:var(--oa-muted);margin-bottom:7px}.oa-login input{width:100%;height:42px;padding:9px 11px;border:1px solid var(--oa-line);border-radius:7px;background:var(--oa-surface);color:var(--oa-text);margin-bottom:18px;font-size:14px}.oa-login button,.oa-confirm button{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border:1px solid var(--oa-line);border-radius:7px;color:var(--oa-text);background:var(--oa-surface);font-size:12px;font-weight:550}.oa-login .oa-primary,.oa-confirm .oa-primary{background:var(--oa-purple);border-color:var(--oa-purple);color:#fff}.oa-login form>.oa-primary{margin-top:6px}.oa-form-error{font-size:12px;line-height:1.5;color:#ab454d;margin:0 0 12px}.oa-login-caption{font-size:11px;color:var(--oa-muted);margin:22px 0 0;text-align:center}.oa-unavailable{text-align:center;display:flex;align-items:center;flex-direction:column;gap:14px}.oa-unavailable>svg{color:var(--oa-purple)}.oa-unavailable h2{margin:0}.oa-unavailable p{font-size:12px;line-height:1.6;color:var(--oa-muted);margin:0}.oa-global-error{padding:12px 24px;background:#fff1f1;color:#ab454d;font-size:12px}.oa-overlay{position:fixed;inset:0;background:#11121d66;z-index:100;display:grid;place-items:center;padding:20px}.oa-confirm{width:100%;max-width:430px;border-radius:12px;background:var(--oa-surface);color:var(--oa-text);padding:24px}.oa-confirm h2{font-size:18px;margin:0 0 12px}.oa-confirm p{color:var(--oa-muted);font-size:12px;line-height:1.7;margin:0}.oa-confirm>div{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.oa-spin{animation:oa-spin 1s linear infinite}@keyframes oa-spin{to{transform:rotate(360deg)}}@media (max-width:420px){.oa-login{padding:20px 16px}.oa-login-panel{padding:28px 24px}.oa-account{padding:10px 14px}.oa-account>span{max-width:70%}}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--oa-bg:#17171e;--oa-surface:#202028;--oa-text:#ece9f2;--oa-muted:#aaa5b5;--oa-line:#36333f;--oa-purple:#bc9be5;--oa-soft:#342b42;color:var(--oa-text);background:var(--oa-bg)}.oa-login .oa-primary,.oa-confirm .oa-primary{background:#8060a8;border-color:#8060a8}.oa-form-error{color:#efa2a6}.oa-global-error{color:#efa2a6;background:#3c262d}}@media (prefers-reduced-motion:reduce){.oa-spin{animation-duration:.01ms;animation-iteration-count:1}}.ob-page{max-width:540px;margin:0 auto;padding:28px 18px 36px;color:var(--oa-text);font-size:14px;line-height:1.55}.ob-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:650;font-size:17px;margin-bottom:24px;overflow-wrap:anywhere}.ob-brand svg{color:var(--oa-purple);flex-shrink:0}.ob-card{background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:18px;overflow:hidden}.ob-heading{padding:26px 26px 22px}.ob-heading>p{color:var(--oa-muted);font-size:12px;margin:0 0 5px}.ob-heading h1{font-size:27px;letter-spacing:-.7px;line-height:1.2;margin:0 0 15px;overflow-wrap:anywhere}.ob-stage{display:inline-flex;padding:5px 10px;border-radius:7px;background:var(--oa-soft);color:var(--oa-purple);font-size:12px}.ob-photo{display:block;width:100%;max-height:340px;object-fit:cover}.ob-details{padding:24px 26px;border-bottom:1px solid var(--oa-line)}.ob-details h2{font-size:13px;margin:0 0 18px}.ob-detail{display:flex;gap:13px;align-items:flex-start;margin-top:16px;overflow-wrap:anywhere}.ob-detail>svg{color:var(--oa-muted);margin-top:3px;flex-shrink:0}.ob-detail p{margin:2px 0 0;color:var(--oa-muted)}.ob-detail strong{font-size:13px;font-weight:550}.ob-details details{border-top:1px solid var(--oa-line);margin-top:20px;padding-top:16px;color:var(--oa-muted);font-size:12px}.ob-details summary{cursor:pointer;min-height:32px}.ob-details details p{margin:5px 0;overflow-wrap:anywhere}.ob-payment{padding:25px 26px 20px}.ob-total,.ob-paid-amount{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.ob-total>span{color:var(--oa-muted)}.ob-total strong{font-size:28px;letter-spacing:-.7px;overflow-wrap:anywhere;max-width:100%}.ob-paid-amount{margin-top:8px;font-size:12px;color:var(--oa-muted)}.ob-state{display:flex;align-items:center;gap:8px;color:var(--oa-muted);margin-top:18px;font-size:13px}.ob-state svg{flex-shrink:0}.ob-state.ob-success{color:#397459}.ob-payment>p{color:var(--oa-muted);font-size:12px;margin:10px 0 0}.ob-page button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--oa-line);border-radius:9px;background:var(--oa-surface);color:var(--oa-text);font-size:13px;padding:11px 16px}.ob-page button.ob-pay{background:var(--oa-purple);color:#fff;border-color:var(--oa-purple);width:100%;font-weight:600;font-size:15px;margin-top:23px;overflow-wrap:anywhere}.ob-page button.ob-refresh{border:0;background:transparent;color:var(--oa-purple);width:100%;margin-top:10px}.ob-payment .ob-bank-note{text-align:center;font-size:11px}.ob-page .ob-error{color:#ab454d}.ob-empty{text-align:center;padding:32px 24px}.ob-empty>svg{color:var(--oa-muted)}.ob-empty h1{font-size:20px;line-height:1.4}.ob-empty p{color:var(--oa-muted)}.ob-empty button{margin:20px auto 0}.ob-contact{display:block;text-align:center;margin-top:24px;color:var(--oa-muted);font-size:12px}.ob-page a:focus-visible,.ob-page summary:focus-visible{outline:2px solid var(--oa-purple);outline-offset:4px}@media (max-width:360px){.ob-page{padding:20px 12px}.ob-heading,.ob-details,.ob-payment{padding-left:20px;padding-right:20px}.ob-total strong{font-size:25px}}@media (prefers-color-scheme:dark){.ob-state.ob-success{color:#8ac7a4}.ob-page button.ob-pay{background:#8060a8;border-color:#8060a8}.ob-page .ob-error{color:#efa2a6}}.ob-resume{display:flex;justify-content:center;align-items:center;min-height:46px;border-radius:9px;background:var(--oa-purple);color:#fff;text-decoration:none;margin-top:20px}.ob-stage{align-items:center;gap:6px}.ob-stage svg{flex-shrink:0}
