.quantity-rule{font-size:10px;color:var(--primary);background:var(--primary-soft);padding:4px 7px;border-radius:5px}.purchase-notice{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:30px;margin-bottom:32px;font-size:12px;line-height:2;color:var(--muted)}.purchase-notice h2{font-size:24px;letter-spacing:-.5px;color:var(--text);margin:6px 0 20px}.notice-label{font-size:9px;font-weight:650;letter-spacing:2px;color:var(--primary)}.purchase-notice p{margin:8px 0}.notice-callout{border-left:3px solid var(--primary);background:var(--primary-soft);padding:15px 20px;border-radius:0 9px 9px 0;margin:22px 0}.notice-callout b,.notice-points b{color:var(--text);font-weight:600}.notice-points>div{margin:18px 0}.purchase-notice blockquote{margin:20px 0 0;padding:15px 18px;background:var(--bg);border-radius:9px;color:var(--text);font-size:11px}.cart-notice{margin-top:0}.merchant-description{white-space:normal}.loading-ring{height:26px;width:26px;border:2px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkout-modal{max-width:550px;max-height:90vh;overflow:auto;text-align:left}.checkout-modal>.modal-symbol{display:none}.checkout-modal h2{margin-top:0;margin-bottom:22px;font-size:23px}.checkout-modal form>label,.admin-login form>label{display:block;font-size:12px;font-weight:500;margin:16px 0;color:var(--text)}.checkout-modal input:not([type=checkbox]),.checkout-modal textarea,.checkout-modal select{width:100%;display:block;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:12px;margin-top:8px;font-size:12px;outline:none;resize:vertical}.checkout-modal textarea:focus,.checkout-modal input:focus,.checkout-modal select:focus{border-color:var(--primary)}.checkout-modal form>.button{width:100%;margin-top:12px}.checkout-modal .checkbox{display:flex;flex-wrap:wrap;gap:5px;font-size:10px;align-items:center;line-height:1.8}.checkout-modal .checkbox>input{width:14px;height:14px}.checkout-modal .checkbox a{color:var(--primary)}.required{color:#d56772}.checkout-notice{font-size:10px;line-height:1.9;background:var(--primary-soft);color:var(--primary);border-radius:8px;padding:12px;margin-top:15px}.modal p.form-error{color:#c66173;text-align:left}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.form-grid label{font-size:11px}.modal p.field-hint{font-size:10px;line-height:1.9;background:var(--bg);padding:12px;border-radius:8px}.order-page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:30px}.order-page-heading h1{font-size:29px;letter-spacing:-.6px;margin:14px 0}.order-page-heading p{font-size:12px;color:var(--muted)}.customer-order-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}.customer-order-layout.with-chat{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.order-detail-card{border:1px solid var(--line);border-radius:15px;padding:26px;background:var(--surface);min-width:0}.order-detail-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.order-detail-top small{font-size:10px;color:var(--muted)}.order-detail-top h2{font-size:17px;margin:8px 0;overflow-wrap:anywhere}.status-pill{font-size:10px;font-weight:500;border-radius:5px;padding:5px 8px;display:inline-block;white-space:nowrap;background:var(--primary-soft);color:var(--primary);line-height:1.5}.status-pill.paid,.status-pill.completed{background:var(--teal-soft);color:var(--teal)}.status-pill.cancelled{background:var(--bg);color:var(--muted)}.status-pill.awaiting_payment{background:#fff3da;color:#a78131}.order-created{font-size:10px;color:var(--muted);margin-bottom:25px}.order-line{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:18px 0}.order-line>div{display:flex;flex-direction:column;gap:8px;min-width:0}.order-line b{font-size:12px;font-weight:550;line-height:1.8}.order-line span{font-size:10px;color:var(--muted)}.order-line>strong{font-size:13px;white-space:nowrap;align-self:center}.order-amount{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:20px 0;font-size:12px}.order-amount>strong{font-size:25px;color:var(--primary);letter-spacing:-.7px}.contact-details{font-size:11px;line-height:1.9;margin:22px 0}.contact-details>div{display:grid;grid-template-columns:75px 1fr;gap:10px;margin:10px 0}.contact-details dt{color:var(--muted)}.contact-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.order-reminder{font-size:10px;line-height:1.9;color:var(--muted);background:var(--bg);padding:12px;border-radius:8px}.next-step-card{padding:40px 25px;text-align:center;background:var(--primary-soft);border:1px solid var(--line);border-radius:15px}.next-step-card h2{font-size:22px}.next-step-card>p{font-size:12px;line-height:2;color:var(--muted)}.next-step-card small{font-size:10px;line-height:1.9;display:block;color:var(--muted);margin-top:22px}.next-step-card>.button{margin-top:13px}.visitor-note{font-size:10px;line-height:1.9;color:var(--muted);margin-top:24px}.customer-order-tile{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;margin:14px 0}.customer-order-tile:hover{border-color:var(--primary)}.customer-order-title{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.customer-order-title>strong{font-size:13px}.customer-order-tile>p{font-size:12px;color:var(--muted);line-height:1.8}.customer-order-tile>div:last-child{display:flex;align-items:center;gap:20px;font-size:13px;margin-top:20px}.customer-order-tile small{font-size:10px;color:var(--muted);margin-right:auto}.customer-order-tile>div:last-child>span{color:var(--primary);font-size:11px}.customer-order-tile .icon{height:13px;width:13px}.unread-count,.unread-dot{display:inline-grid;place-items:center;background:#e5767f;color:white;border-radius:20px;font-size:9px;padding:4px 8px}.chat-panel{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0;background:var(--surface);height:620px;max-height:80vh}.chat-header{display:flex;align-items:center;gap:11px;padding:18px;border-bottom:1px solid var(--line)}.chat-avatar{height:37px;width:37px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);border-radius:11px}.chat-header strong{font-size:13px;display:block;margin-bottom:5px}.chat-header small{font-size:9px;color:var(--muted)}.connection-state{margin-left:auto;font-size:9px;color:var(--teal);white-space:nowrap}.connection-state:before{content:'';display:inline-block;background:var(--teal);width:5px;height:5px;border-radius:50%;margin-right:5px}.connection-state.disconnected{color:#c5903f}.connection-state.disconnected:before{background:#c5903f}.chat-context{padding:11px 17px;font-size:9px;color:var(--primary);line-height:1.8;background:var(--primary-soft);overflow-wrap:anywhere}.chat-context .icon{width:13px;height:13px;margin-right:5px}.chat-messages{flex:1;overflow-y:auto;padding:20px;min-height:180px;background:var(--bg);overscroll-behavior:contain}.chat-message{margin:0 0 18px;display:flex;flex-direction:column;align-items:flex-start}.message-meta{font-size:9px;color:var(--muted);margin-bottom:7px}.message-meta time{font-size:8px;margin-left:8px}.message-bubble{font-size:12px;line-height:1.9;background:var(--surface);border:1px solid var(--line);border-radius:0 11px 11px 11px;padding:11px 14px;max-width:90%;overflow-wrap:anywhere;white-space:normal}.from-admin{align-items:flex-end}.from-admin .message-bubble{color:var(--primary);background:var(--primary-soft);border-color:transparent;border-radius:11px 0 11px 11px}.chat-welcome{text-align:center;padding:55px 15px;color:var(--muted)}.chat-welcome>.icon{width:35px;height:35px;color:#b6a9e6;stroke-width:1.3}.chat-welcome h3{font-size:15px;color:var(--text)}.chat-welcome p{font-size:11px;line-height:2;max-width:300px;margin:0 auto}.chat-form{padding:15px;border-top:1px solid var(--line)}.chat-form textarea{width:100%;background:none;border:0;resize:none;outline:none;min-height:54px;max-height:150px;font-size:12px;line-height:1.8;color:var(--text)}.chat-form>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-form>div>span{font-size:8px;color:var(--muted)}.chat-form .button{font-size:10px;min-height:32px;padding:9px 15px;gap:8px}.chat-form .icon{height:13px;width:13px}.chat-error{font-size:10px;color:#c5903f;line-height:1.8;padding-inline:17px;background:var(--bg)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.admin-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.admin-sidebar{padding:30px 19px;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin-sidebar .brand{gap:9px;padding-inline:5px}.admin-sidebar .brand img{width:35px;height:35px}.admin-sidebar .brand strong{font-size:23px}.admin-sidebar .brand small{font-size:9px;margin-top:6px}.admin-section-label{font-size:8px;color:var(--muted);letter-spacing:2px;margin:46px 10px 17px}.admin-sidebar nav{display:flex;flex-direction:column;gap:8px}.admin-sidebar nav>a,.admin-sidebar-bottom a,.admin-sidebar-bottom button{display:flex;align-items:center;gap:11px;padding:13px;border-radius:9px;font-size:12px;color:var(--muted)}.admin-sidebar nav>a.active{color:var(--primary);background:var(--primary-soft);font-weight:600}.admin-sidebar .icon{width:17px;height:17px}.admin-sidebar-bottom{margin-top:auto}.admin-sidebar-bottom button{width:100%}.admin-main{padding:32px;min-width:0}.admin-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.admin-page-heading h1{font-size:27px;letter-spacing:-.6px;margin:10px 0}.admin-page-heading p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.admin-metrics>div{border:1px solid var(--line);background:var(--surface);padding:19px 23px;border-radius:13px}.admin-metrics span{font-size:10px;color:var(--muted)}.admin-metrics strong{display:block;font-size:27px;margin-top:12px;letter-spacing:-.6px}.admin-metrics .metric-text{font-size:14px;display:flex;gap:9px;align-items:center;line-height:2}.metric-text .live-dot{background:#4ab7a4;box-shadow:0 0 0 4px #4ab7a41a}.support-workspace{display:grid;grid-template-columns:260px minmax(280px,1fr);gap:17px;align-items:start}.support-workspace:has(.admin-order-inspector){grid-template-columns:235px minmax(280px,1fr) 280px}.admin-order-list{border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden;max-height:740px;display:flex;flex-direction:column}.order-list-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 17px 13px;font-size:12px}.order-list-heading small{font-size:8px;color:var(--muted)}.admin-order-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;margin:0 13px 15px;padding:9px;background:var(--bg)}.admin-order-search .icon{width:13px;height:13px;color:var(--muted)}.admin-order-search input{width:100%;font-size:10px;background:none;border:0;outline:none}#admin-order-results{overflow:auto;min-height:200px}.admin-order-row{display:block;border-top:1px solid var(--line);padding:17px 15px;border-left:3px solid transparent}.admin-order-row.selected{background:var(--primary-soft);border-left-color:var(--primary)}.admin-order-row>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.admin-order-row>div>b{font-size:11px}.admin-order-row time{font-size:8px;color:var(--muted)}.admin-order-row>strong{display:block;font-size:10px;line-height:1.8;margin:10px 0 5px;font-weight:500}.admin-order-row>small{font-size:8px;color:var(--muted);display:block;overflow-wrap:anywhere;margin-bottom:12px}.admin-order-row .status-pill{font-size:8px;padding:3px 6px}.admin-order-row .unread-dot{font-size:8px;padding:2px 5px}.list-empty{padding:20px;font-size:11px;color:var(--muted);text-align:center}.admin-conversation{min-width:0}.support-empty{min-height:400px}.support-empty h2{font-size:17px}.admin-conversation .chat-panel{height:680px;max-height:85vh}.admin-order-inspector{min-width:0}.admin-order-inspector>h3{margin:0 0 13px;font-size:13px}.admin-order-inspector .order-detail-card{padding:17px}.admin-order-inspector .order-detail-top h2{font-size:12px}.admin-order-inspector .order-line b{font-size:10px}.admin-order-inspector .order-line>strong{font-size:11px}.admin-order-inspector .order-line span{font-size:9px}.admin-order-inspector .order-amount>strong{font-size:22px}.admin-order-inspector .contact-details>div{grid-template-columns:55px 1fr;font-size:10px}.admin-order-inspector .order-reminder{font-size:9px}.status-control{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:17px;margin-top:15px;font-size:11px}.status-control select{display:block;width:100%;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);font-size:11px}.inspector-note{font-size:9px;color:var(--muted);line-height:1.9}.admin-login{max-width:450px;width:calc(100% - 40px);margin:60px auto}.admin-login>.brand{margin-bottom:30px}.admin-login>section{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.admin-login h1{font-size:24px;letter-spacing:-.7px;margin:14px 0}.admin-login p{font-size:11px;color:var(--muted);line-height:1.9}.admin-login .form-field{margin-top:12px}.admin-login form>.button{width:100%;margin-top:10px}.admin-login section>small{display:block;font-size:9px;color:var(--muted);line-height:1.8;margin-top:20px}.admin-login>.back-link{display:block;margin-top:24px}.admin-product-table{border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden}.table-scroll{overflow-x:auto}.admin-product-table table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}.admin-product-table th{padding:16px 20px;font-size:10px;color:var(--muted);font-weight:500;background:var(--bg);border-bottom:1px solid var(--line)}.admin-product-table td{padding:19px 20px;border-bottom:1px solid var(--line);font-size:11px}.admin-product-table tr:last-child td{border:0}.admin-product-table td>small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.admin-product-table td>b{font-size:11px;font-weight:500}.admin-product-name{display:flex;gap:13px;align-items:center;max-width:390px}.admin-product-name .product-icon{width:40px;height:40px;border-radius:9px}.admin-product-name b{font-size:11px;font-weight:550;line-height:1.8;display:block}.admin-product-name small{font-size:8px;color:var(--muted);display:block;margin-top:4px}.table-price{white-space:nowrap;font-size:14px!important;font-weight:600}.edit-product-btn{font-size:10px;color:var(--primary);white-space:nowrap}.edit-product-btn .icon{width:12px;height:12px;margin-left:5px}.admin-product-toolbar{font-size:10px;color:var(--muted);margin-bottom:20px;line-height:1.9}.admin-product-toolbar .icon{color:var(--primary);width:15px;height:15px;margin-right:5px}.product-total{font-size:11px;color:var(--muted)}.api-doc-card{max-width:930px;border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:30px}.api-doc-card h2{font-size:18px;margin:24px 0 16px}.api-doc-card h2:first-child{margin-top:0}.api-doc-card p{font-size:12px;color:var(--muted);line-height:2}.api-doc-card pre{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:17px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--primary)}.endpoint{border-top:1px solid var(--line);padding:17px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.endpoint>b{font-size:9px;background:var(--primary-soft);color:var(--primary);padding:4px 7px;border-radius:5px}.endpoint code{font-size:11px;overflow-wrap:anywhere}.endpoint>span{font-size:10px;color:var(--muted);width:100%;line-height:1.9}.muted{color:var(--muted);font-size:11px;line-height:1.9}
@media(min-width:1600px){.admin-main{padding:38px}.support-workspace:has(.admin-order-inspector){grid-template-columns:270px minmax(360px,1fr) 330px}.admin-conversation .chat-panel{height:740px}}
@media(max-width:1250px){.admin-shell{grid-template-columns:185px minmax(0,1fr)}.admin-sidebar{padding:25px 12px}.admin-sidebar .brand strong{font-size:20px}.admin-main{padding:23px}.support-workspace:has(.admin-order-inspector){grid-template-columns:220px minmax(280px,1fr)}.admin-order-inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 240px;gap:14px;align-items:start}.admin-order-inspector>h3{grid-column:1/-1}.admin-order-inspector .order-detail-card{grid-row:2/4}.admin-order-inspector .status-control{margin-top:0}.admin-order-inspector .inspector-note{grid-column:2}.admin-metrics{gap:12px}.admin-metrics>div{padding:17px}.admin-metrics .metric-text{font-size:12px}}
@media(max-width:800px){.customer-order-layout,.customer-order-layout.with-chat{grid-template-columns:1fr}.customer-order-layout.with-chat .order-detail-card{order:2}.chat-panel{max-height:none;height:600px}.order-page-heading{align-items:flex-start;flex-direction:column;gap:12px}.purchase-notice{padding:23px;font-size:11px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;width:100%;height:auto;display:flex;flex-direction:row;align-items:center;padding:15px;gap:20px;border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap}.admin-sidebar .brand strong{font-size:20px}.admin-sidebar .brand small{font-size:8px}.admin-sidebar .brand img{width:31px;height:31px}.admin-section-label{display:none}.admin-sidebar nav{flex-direction:row;gap:5px;margin-left:auto}.admin-sidebar nav>a{font-size:10px;padding:11px 10px;gap:6px}.admin-sidebar .icon{height:14px;width:14px}.admin-sidebar-bottom{display:flex;justify-content:flex-end;gap:15px;width:100%;margin-top:0}.admin-sidebar-bottom a,.admin-sidebar-bottom button{width:auto;padding:0;font-size:9px;gap:5px}.admin-main{padding:23px 16px}.admin-page-heading{margin-bottom:22px}.admin-page-heading h1{font-size:25px}.admin-page-heading p{font-size:10px}.admin-metrics{gap:10px}.admin-metrics>div{padding:14px}.admin-metrics span{font-size:9px}.admin-metrics strong{font-size:24px}.admin-metrics .metric-text{font-size:10px}.support-workspace,.support-workspace:has(.admin-order-inspector){grid-template-columns:220px minmax(0,1fr);gap:12px}.admin-conversation .chat-panel{max-height:none;height:620px}.chat-header{padding:13px}.chat-header small{font-size:8px}.chat-header strong{font-size:11px}.chat-header .connection-state{font-size:8px}.chat-avatar{width:30px;height:30px}.chat-context{font-size:8px;padding:9px 12px}.chat-messages{padding:15px}.message-bubble{font-size:11px;max-width:95%}.chat-form{padding:12px}.chat-form textarea{font-size:11px}.chat-form>div>span{font-size:7px;max-width:140px;line-height:1.7}.admin-order-inspector{grid-template-columns:1fr 200px}.support-empty h2{font-size:14px}.support-empty p{font-size:10px}.api-doc-card{padding:22px}.api-doc-card p{font-size:11px}}
@media(max-width:540px){.purchase-notice{padding:21px;font-size:11px}.purchase-notice h2{font-size:22px}.purchase-notice blockquote{font-size:10px;padding:12px}.notice-callout{padding:12px 15px}.quantity-rule{font-size:7px;padding:3px 5px}.checkout-modal{padding:27px 22px}.checkout-modal h2{font-size:21px}.checkout-modal form>label{font-size:11px}.checkout-modal .checkbox{font-size:9px}.order-detail-card{padding:22px}.order-detail-top h2{font-size:14px}.order-line b{font-size:11px}.order-line span{font-size:9px}.order-line>strong{font-size:12px}.contact-details{font-size:10px}.contact-details>div{grid-template-columns:65px 1fr}.order-page-heading h1{font-size:25px}.order-page-heading p{font-size:11px;line-height:1.9}.order-page-heading>.button{width:100%}.customer-order-tile{padding:19px}.customer-order-title{gap:9px}.customer-order-title>strong{font-size:11px}.customer-order-tile>p{font-size:10px}.customer-order-tile>div:last-child{gap:12px;flex-wrap:wrap}.customer-order-tile>div:last-child>span{font-size:10px}.customer-order-tile small{font-size:9px}.chat-panel{height:580px}.chat-header strong{font-size:12px}.chat-header small{font-size:8px}.chat-form>div>span{max-width:none;font-size:7px}.visitor-note{font-size:9px}.admin-sidebar{gap:14px;padding:15px 12px}.admin-sidebar nav{gap:2px}.admin-sidebar nav>a{font-size:9px;padding:9px 7px;gap:5px}.admin-sidebar nav>a>.icon{display:none}.admin-sidebar .brand{padding:0;gap:7px}.admin-sidebar .brand strong{font-size:18px}.admin-sidebar .brand small{font-size:7px}.admin-sidebar .brand img{width:28px;height:28px}.admin-page-heading{gap:12px}.admin-page-heading .button{font-size:9px;padding:10px 13px;min-height:34px}.admin-metrics{grid-template-columns:repeat(2,1fr);gap:10px}.admin-metrics>div{padding:15px}.admin-metrics strong{font-size:26px;margin-top:10px}.admin-metrics .metric-text{font-size:13px}.support-workspace,.support-workspace:has(.admin-order-inspector){grid-template-columns:1fr;gap:16px}.admin-order-list{max-height:360px}.admin-order-row{padding:15px}.admin-order-row>strong{font-size:11px}.admin-order-row>small{font-size:9px}.admin-order-row time{font-size:9px}.admin-order-row .status-pill{font-size:9px}.admin-order-inspector{grid-column:1;display:block}.admin-order-inspector>.status-control{margin-top:16px}.admin-order-inspector>h3{margin-bottom:16px}.admin-order-inspector .order-detail-card{padding:20px}.admin-order-inspector .order-line b{font-size:12px}.admin-order-inspector .order-line span{font-size:10px}.admin-order-inspector .order-line>strong{font-size:12px}.admin-order-inspector .contact-details>div{font-size:11px;grid-template-columns:70px 1fr}.admin-order-inspector .order-detail-top h2{font-size:14px}.admin-order-inspector .inspector-note{font-size:10px}.admin-conversation .chat-panel{height:580px}.admin-login{margin-top:35px}.admin-login>section{padding:27px 23px}.admin-login h1{font-size:23px}.api-doc-card{padding:20px}.api-doc-card pre{font-size:10px}.endpoint code{font-size:10px}.endpoint>span{font-size:10px}.admin-product-toolbar{font-size:9px}}
@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}}