*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--background: 210 20% 98%;--foreground: 222 25% 12%;--primary: 174 68% 29%;--primary-foreground: 0 0% 100%;--muted: 210 18% 92%;--muted-foreground: 215 16% 42%;--border: 214 16% 86%;--input: 214 16% 86%;--ring: 174 68% 29%;--destructive: 0 72% 45%;--destructive-foreground: 0 0% 100%;color:hsl(var(--foreground));background:hsl(var(--background));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;max-width:100%;overflow-x:hidden;background:#f7faf9}#root{width:100%;max-width:100%;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{width:100%;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;color:hsl(var(--foreground));min-height:44px;padding:10px 12px;outline:none}.clearable-control{position:relative;width:100%;min-width:0}.clearable-control input,.clearable-control textarea{padding-right:46px}.clearable-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:32px;height:32px;min-width:32px;border:0;border-radius:999px;background:transparent;color:#8a98a8;display:grid;place-items:center;opacity:.68;padding:0;transition:background .15s ease,color .15s ease,opacity .15s ease}.clearable-clear:hover,.clearable-clear:focus-visible{background:#0f172a0f;color:#475569;opacity:1}.clearable-clear:active{background:#0f172a14;color:#334155;opacity:1}.clearable-control.textarea .clearable-clear{top:8px;transform:none}textarea{resize:vertical;min-height:92px;line-height:1.55}label{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:650}.app-shell{min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.main{width:min(100%,760px);max-width:100%;margin:0 auto}.page{display:grid;gap:16px;width:100%;max-width:100%;overflow-x:hidden;padding:18px 14px 24px}.pull-refresh{min-height:100%;touch-action:pan-y}.pull-refresh-indicator{position:fixed;top:calc(8px + env(safe-area-inset-top));left:50%;z-index:30;display:inline-flex;align-items:center;gap:6px;min-height:34px;border:1px solid rgba(15,118,110,.12);border-radius:999px;background:#ffffffe6;box-shadow:0 8px 24px #0f172a14;color:#64748b;font-size:12px;font-weight:680;opacity:0;padding:0 12px;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.pull-refresh-indicator.visible{opacity:1}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 2px}.page-header h2,.login-panel h1{margin:0;font-size:24px;line-height:1.15}.page-header p,.subtle{margin:5px 0 0;color:hsl(var(--muted-foreground));font-size:13px}.stack{display:grid;gap:14px}.stack.tight{gap:10px}.panel{display:grid;gap:12px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;padding:12px}.detail-section,.input-panel{display:grid;gap:12px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;padding:13px}.dashboard-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.login-page{min-height:100vh;display:grid;place-items:center;padding:18px;background:linear-gradient(180deg,rgba(24,160,151,.08),transparent 46%),#f7faf9}.login-panel{display:grid;gap:18px;width:min(100%,380px);border:1px solid hsl(var(--border));border-radius:8px;background:#fffffff0;padding:22px}.login-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid hsl(var(--border));border-radius:8px;background:#edf4f2;padding:4px}.login-mode button{min-height:38px;border:0;border-radius:6px;background:transparent;color:#475569;font-weight:760}.login-mode button.active{background:#0f766e;color:#fff}.apk-download{display:flex;align-items:center;gap:11px;width:100%;border:1px solid #b5e7df;border-radius:8px;background:#f0fdfa;color:#0f766e;cursor:pointer;font:inherit;padding:11px 12px;text-align:left;text-decoration:none}.apk-download strong,.apk-download small{display:block}.apk-download strong{font-size:14px}.apk-download small{margin-top:2px;color:#64748b;font-size:12px}.apk-icon{width:36px;height:36px;min-width:36px;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid #ccfbf1}.eyebrow{margin:0 0 8px;color:#0f766e;font-size:12px;font-weight:760;text-transform:uppercase}.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{min-height:46px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:760}.primary-btn{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.secondary-btn{border:1px solid hsl(var(--border));background:#fff;color:#0f172a}.danger-btn{border:1px solid #fecaca;background:#fff7f7;color:#b91c1c}.ghost-btn{min-height:38px;justify-content:flex-start;background:transparent;color:#0f766e;padding:0}.ghost-inline{border:0;background:transparent;color:#0f766e;font-size:13px;font-weight:720;padding:4px 0}.icon-btn{width:38px;height:38px;min-width:38px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;color:#0f766e;display:inline-grid;place-items:center}.order-input{min-height:250px;font-size:14px;line-height:1.42;border-color:#cbd5e1;background:#fbfdfc}.input-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;color:hsl(var(--muted-foreground));font-size:12px}.input-footer span:first-child{min-width:0}.counter{text-align:right;color:hsl(var(--muted-foreground));font-size:13px}.danger,.form-error{color:hsl(var(--destructive))}.warning-box{border-left:4px solid #eab308;background:#fffbeb;padding:10px 12px;color:#854d0e;border-radius:6px}.warning-box p{margin:0;font-size:13px}.grid-2,.grid-3{display:grid;gap:10px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;font-weight:780}.section-title svg{color:#0f766e}.section-label{display:inline-flex;align-items:center;gap:6px;min-width:0}.section-meta{color:hsl(var(--muted-foreground));font-size:12px;font-weight:680}.section-actions{display:inline-flex;align-items:center;gap:8px}.section-action-btn{min-height:32px;border:1px solid hsl(var(--border));border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#fff;color:#475569;padding:0 10px;font-size:13px;font-weight:740}.section-action-btn.primary{border-color:#99f6e4;background:#f0fdfa;color:#0f766e}.support-entry-btn{width:100%}.support-summary-row{width:100%;min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;color:#0f172a;padding:12px;text-align:left}.support-summary-icon,.nav-icon-wrap{position:relative;display:inline-grid;place-items:center}.support-summary-icon{width:36px;height:36px;border-radius:8px;background:#ecfdf5;color:#0f766e}.support-summary-row strong,.support-summary-row small{display:block}.support-summary-row strong{font-size:15px}.support-summary-row small{margin-top:3px;color:hsl(var(--muted-foreground));font-size:12px;font-weight:650}.notification-dot,.inline-notification-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#ef4444}.notification-dot{position:absolute;right:-3px;top:-3px;box-shadow:0 0 0 2px #fff}.inline-notification-dot{margin-right:6px;vertical-align:1px}.feedback-panel{gap:10px}.feedback-form{display:grid;gap:12px}.feedback-form textarea{min-height:108px}.feedback-list,.feedback-thread{display:grid;gap:8px}.feedback-row{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid hsl(var(--border));border-radius:8px;background:#f8fafc;padding:10px;text-align:left}.feedback-row>div{min-width:0;display:grid;gap:4px}.feedback-row strong{overflow:hidden;color:#0f172a;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.feedback-row span{color:hsl(var(--muted-foreground));font-size:12px;font-weight:650}.feedback-status{min-height:26px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475569;padding:4px 9px;white-space:nowrap}.feedback-status.replied{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.support-new-btn{width:100%}.empty-feedback{margin:0;border-radius:8px;background:#f8fafc;color:hsl(var(--muted-foreground));padding:10px;font-size:13px;text-align:center}.feedback-message{display:grid;gap:4px;border-radius:8px;background:#f8fafc;padding:10px}.feedback-message.admin{border:1px solid #99f6e4;background:#f0fdfa}.feedback-message span,.feedback-message small{color:hsl(var(--muted-foreground));font-size:12px;font-weight:680}.feedback-message p{margin:0;color:#0f172a;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.feedback-reply-form{display:grid;gap:8px;border-top:1px solid hsl(var(--border));padding-top:10px}.feedback-reply-form textarea{min-height:76px}.compact-submit{min-height:40px}.item-row,.user-card,.order-card,.metric{min-width:0;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;padding:12px}.item-row{display:grid;gap:10px}.item-summary-list{display:grid;gap:8px}.item-summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-radius:8px;background:#f8fafc;padding:10px}.item-summary-main{min-width:0;display:grid;gap:3px}.item-summary-main strong,.item-summary-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-summary-main span,.item-summary-money span{color:hsl(var(--muted-foreground));font-size:12px}.item-summary-money{display:grid;justify-items:end;gap:3px;white-space:nowrap;font-size:12px}.item-summary-money strong{color:#0f766e;font-size:14px}.product-summary{display:grid;gap:6px;border-radius:8px;background:#f8fafc;padding:10px 12px}.product-summary span{color:hsl(var(--muted-foreground));font-size:12px}.product-summary strong{color:#0f172a;font-size:15px;line-height:1.45;overflow-wrap:anywhere}.search-row{display:flex;align-items:center;gap:8px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;padding:0 10px}.search-row .clearable-control{flex:1}.search-row .clearable-control input{border:0;padding-left:0;background:transparent}.admin-order-toolbar{display:grid;gap:8px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;padding:10px}.admin-order-toolbar label{display:grid;gap:6px;color:#64748b;font-size:12px;font-weight:760}.icon-btn.compact{width:32px;height:32px;min-width:32px;border:0;background:#ecfdf5}.tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;position:sticky;top:0;z-index:5;border:1px solid hsl(var(--border));border-radius:8px;background:#edf4f2;padding:4px}.tabs button{min-width:0;border:0;border-radius:6px;background:transparent;min-height:38px;padding:0 6px;white-space:nowrap;color:#475569;font-size:14px;font-weight:760}.tabs button.active{background:#0f766e;color:#fff;box-shadow:0 1px 2px #0f172a1f}.order-list,.user-list,.attachment-grid{display:grid;gap:10px}.load-more-btn{min-height:42px;border:0;border-radius:8px;background:transparent;color:#64748b;font-size:13px;font-weight:650}.load-more-btn:active{background:#0f766e0f;color:#0f766e}.order-card{width:100%;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;box-shadow:0 1px 2px #0f172a0a}.order-main{min-width:0;display:grid;gap:5px}.order-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.line-clamp{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.muted-line{font-size:12px}.owner-line,.owner-detail-line{display:inline-flex;align-items:center;gap:5px;color:#0f766e;font-weight:760}.owner-detail-line{margin-top:6px;font-size:13px}.order-card p,.user-card p{margin:5px 0 0;color:hsl(var(--muted-foreground));font-size:13px}.order-card .owner-line{color:#0f766e;font-size:12px}.order-meta{display:grid;justify-items:end;gap:5px;white-space:nowrap;color:#0f172a;font-size:12px;font-weight:760}.order-amount{color:#0f766e;font-size:16px;font-weight:860}.order-meta small{color:hsl(var(--muted-foreground));font-weight:600}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:999px;padding:0 9px;font-size:12px;font-weight:780;white-space:nowrap;border:1px solid transparent}.status-badge.pending_shipment{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.status-badge.shipped{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.status-badge.completed{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.status-badge.cancelled{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.status-badge.deleted{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.deleted-note,.cancelled-note{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px dashed #fecaca;border-radius:8px;background:#fff7f7;color:#991b1b;padding:10px 12px;font-size:13px}.cancelled-note{border-color:#cbd5e1;background:#f8fafc;color:#334155}.deleted-note span,.cancelled-note span{color:#64748b}.status-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.status-action-btn{min-width:0;min-height:40px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;color:#334155;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:760}.status-action-btn.complete{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.status-action-btn.danger{border-color:#fecaca;background:#fff7f7;color:#b91c1c}.status-action-btn:disabled{opacity:.52}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100%,760px);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid hsl(var(--border));background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:grid;place-items:center;gap:3px;border:0;background:transparent;color:#64748b;font-size:11px;min-height:54px}.bottom-nav button.active{color:#0f766e}.inline-input{display:flex;gap:8px}.user-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.user-actions button{min-height:34px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;padding:0 10px}.referral-list{display:grid;gap:8px}.referral-reward{display:inline-flex;align-items:center;justify-self:start;gap:6px;min-height:28px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#047857;padding:0 10px;font-size:12px;font-weight:760}.referral-code{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:8px;background:#f8fafc;padding:10px}.referral-code>div{min-width:0;display:grid;gap:3px}.referral-code strong{color:#0f172a;font-size:15px;letter-spacing:0;overflow-wrap:anywhere}.referral-code span{color:hsl(var(--muted-foreground));font-size:12px}.referral-code.used{opacity:.72}.metric{display:flex;align-items:center;justify-content:space-between}.metric strong{font-size:34px;color:#0f766e;overflow-wrap:anywhere}.metric.mini{min-height:74px;align-items:end}.metric.mini span{color:hsl(var(--muted-foreground));font-size:13px}.metric.mini strong{min-width:0;font-size:clamp(26px,9vw,34px);line-height:1;overflow-wrap:anywhere;text-align:right}.quota-metric{display:flex;align-items:end;justify-content:space-between;gap:10px}.quota-metric strong{flex:1 1 auto;text-align:right}.quota-label{display:inline-flex;align-items:center;gap:6px;min-width:0}.metric-action{flex:0 0 auto;width:30px;min-height:24px;border:1px solid #99f6e4;border-radius:8px;display:inline-flex;align-items:center;gap:5px;background:#f0fdfa;color:#0f766e;font-size:0;font-weight:760;justify-content:center;padding:0}.metric-action svg{width:13px;height:13px}.metric-action span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.credit-panel{display:grid;gap:12px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;padding:12px}.credit-panel.compact{background:#fbfefd}.credit-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.credit-package{min-width:0;min-height:82px;border:1px solid hsl(var(--border));border-radius:8px;display:grid;align-content:center;gap:5px;background:#f8fafc;color:#0f172a;text-align:left;padding:10px}.credit-package.selected{border-color:#14b8a6;background:#f0fdfa;color:#0f766e}.credit-package strong{font-size:22px}.credit-package-top{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.credit-package-badge{flex:0 0 auto;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:800;line-height:1;padding:5px 7px;white-space:nowrap}.credit-package-badge.hot{background:#ffedd5;color:#c2410c}.credit-package-badge.best{background:#f0fdfa;color:#0f766e}.credit-package span,.credit-hint,.credit-history-row span,.note-code-row span{color:hsl(var(--muted-foreground));font-size:12px}.credit-package .credit-package-price{color:#475569;font-weight:700}.credit-package .credit-package-promo{color:#0f766e;font-weight:800}.credit-order-detail{display:grid;gap:10px}.credit-order-summary,.note-code-row,.credit-history-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:8px;background:#f8fafc;padding:10px}.credit-order-summary span,.note-code-row span{display:block}.credit-order-summary strong,.note-code-row strong{color:#0f172a;font-size:18px;overflow-wrap:anywhere}.payment-qr-box{min-height:220px;border:1px dashed #cbd5e1;border-radius:8px;display:grid;place-items:center;background:#f8fafc;padding:10px}.payment-qr-box img{width:min(100%,260px);aspect-ratio:1;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#fff}.qr-fallback{display:grid;justify-items:center;gap:8px;color:#64748b;text-align:center;font-size:13px}.credit-actions{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px}.credit-history{display:grid;gap:8px}.credit-history-row>div,.credit-admin-card>div{min-width:0;display:grid;gap:3px}.credit-history-actions{flex:0 0 auto;display:grid;justify-items:end;gap:6px}.credit-history-row strong{color:#0f172a;font-size:14px;overflow-wrap:anywhere}.credit-status{flex:0 0 auto;border-radius:999px;background:#e2e8f0;color:#475569;font-size:12px;font-weight:760;padding:4px 8px}.credit-status.payment_marked{background:#fef3c7;color:#92400e}.credit-status.approved{background:#dcfce7;color:#166534}.credit-status.rejected{background:#fee2e2;color:#991b1b}.ghost-inline.danger{color:#b91c1c}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-radius:8px;background:#e2e8f0;padding:4px}.segmented-control.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.segmented-control button{min-height:34px;border:0;border-radius:6px;background:transparent;color:#475569;font-size:13px;font-weight:760}.segmented-control button.active{background:#fff;color:#0f766e;box-shadow:0 1px 2px #0f172a14}.credit-admin-list{display:grid;gap:10px}.version-card{display:grid;gap:12px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;padding:12px}.version-card>div,.version-update{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.version-card span{color:hsl(var(--muted-foreground));font-size:12px;font-weight:650}.version-card strong{display:block;margin-top:3px;color:#0f172a;font-size:15px;overflow-wrap:anywhere}.version-card p{margin:0;color:hsl(var(--muted-foreground));font-size:13px}.version-update{border-top:1px solid hsl(var(--border));padding-top:12px}.version-update strong{color:#0f766e}.amount-hero{display:grid;gap:12px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;padding:12px}.dashboard-strip>*,.grid-2>*,.grid-3>*,.amount-hero>*,.fulfillment-grid>*{min-width:0}.amount-main,.amount-fee{display:grid;gap:6px}.amount-hero span{color:hsl(var(--muted-foreground));font-size:12px}.amount-hero strong{color:#0f172a;font-size:16px}.amount-main strong{color:#0f766e;font-size:23px}.amount-fees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid hsl(var(--border));padding-top:10px}.amount-fee{border-radius:8px;background:#f8fafc;padding:10px}.amount-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.amount-title-row .icon-btn.compact{background:transparent}.price-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:end center;background:#0f172a5c;padding:14px}.price-modal{width:min(100%,430px);display:grid;gap:14px;border:1px solid hsl(var(--border));border-radius:8px;background:#fff;box-shadow:0 24px 70px #0f172a3d;padding:14px}.status-confirm-modal{gap:12px}.status-confirm-message{margin:0;color:#334155;font-size:14px;line-height:1.45}.status-confirm-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid #ccfbf1;border-radius:8px;background:#fbfdfc;padding:10px}.status-confirm-row>div{min-width:0;display:grid;justify-items:center;gap:7px}.status-confirm-row span,.status-confirm-row small{color:hsl(var(--muted-foreground));font-size:12px;font-weight:650}.price-confirm-row{display:grid;grid-template-columns:minmax(56px,.7fr) minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid #ccfbf1;border-radius:8px;background:#fbfdfc;padding:10px;font-size:13px}.price-confirm-row span,.price-confirm-row small{color:hsl(var(--muted-foreground));font-weight:650}.price-confirm-row strong{min-width:0;color:#0f172a;overflow-wrap:anywhere}.price-confirm-row .new-price{color:#0f766e}.money-summary,.fulfillment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.money-summary span,.info-pill{border-radius:8px;background:#f8fafc;padding:10px;color:#334155;font-size:13px}.fulfillment-grid{grid-template-columns:1fr 1fr}.fulfillment-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fulfillment-actions.single{grid-template-columns:1fr}.shipping-edit-grid{display:grid;gap:10px}.shipping-edit-grid textarea{min-height:96px}.small-action-btn{min-width:0;min-height:36px;border:1px solid hsl(var(--border));border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#475569;font-size:13px;font-weight:740}.small-action-btn.complete{border-color:#99f6e4;background:#f0fdfa;color:#0f766e}.small-action-btn:disabled{opacity:.5}.info-pill{display:grid;gap:4px}.info-pill-header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.info-pill-copy-btn{width:28px;height:28px;min-width:28px;background:transparent}.info-pill-copy-btn:disabled{opacity:.42}.fulfillment-grid .info-pill{padding:10px}.fulfillment-grid .info-pill:nth-child(3){grid-column:1 / -1}.info-pill span{color:hsl(var(--muted-foreground));font-size:12px}.info-pill strong{color:#0f172a;font-size:14px;word-break:break-all}.recipient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recipient-grid .info-pill,.recipient-address{border-radius:8px;background:#f8fafc;padding:10px}.recipient-address{grid-column:1 / -1;display:grid;gap:5px}.recipient-address span{color:hsl(var(--muted-foreground));font-size:12px}.recipient-address strong{color:#0f172a;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.notes-summary{display:grid;gap:6px;border-radius:8px;background:#f8fafc;padding:10px 12px}.notes-summary span{color:hsl(var(--muted-foreground));font-size:12px}.notes-summary strong{color:#0f172a;font-size:14px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.shipping-parser{position:relative}.shipping-parser .clearable-control textarea{min-height:88px;font-size:15px;line-height:1.45;padding-bottom:52px}.shipping-parse-btn{position:absolute;right:10px;bottom:10px;min-height:34px;border:1px solid hsl(var(--border));border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#475569;padding:0 12px;font-size:13px;font-weight:740}.shipping-parse-btn:disabled{opacity:.5}.attachment-grid a{border:1px solid hsl(var(--border));border-radius:8px;background:#f8fafc;color:#0f766e;padding:10px;text-decoration:none;font-size:13px}.attachment-tile{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px}.attachment-tile img{width:58px;height:58px;-o-object-fit:cover;object-fit:cover;border-radius:6px;background:#e2e8f0}.attachment-tile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offline,.toast{position:fixed;z-index:20;left:50%;transform:translate(-50%);width:min(calc(100% - 24px),720px);border-radius:8px;padding:10px 12px;text-align:center;font-size:13px}.offline{top:max(10px,env(safe-area-inset-top));background:#111827;color:#fff}.toast{bottom:calc(86px + env(safe-area-inset-bottom));background:#0f172a;color:#fff}.app-update-banner{position:fixed;z-index:35;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 24px),720px);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid #99f6e4;border-radius:8px;background:#f0fdfafa;box-shadow:0 10px 34px #0f172a29;color:#0f766e;padding:10px 12px}.app-update-banner div{min-width:0;display:grid;gap:2px}.app-update-banner strong,.app-update-banner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-update-banner span{color:#475569;font-size:12px}.app-update-banner .app-update-link,.app-update-banner button:not(.app-update-link){min-height:34px;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.app-update-banner .app-update-link{width:auto;background:#0f766e;color:#fff;font-size:13px;font-weight:780;padding:0 12px}.app-update-banner button:not(.app-update-link){width:34px;background:transparent;color:#64748b}.splash{min-height:100vh;display:grid;place-items:center;color:#0f766e;font-size:22px;font-weight:800}.draft-save-action{width:100%;margin-bottom:8px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:430px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-3,.money-summary,.amount-hero{grid-template-columns:1fr}.price-confirm-row{grid-template-columns:minmax(0,1fr);gap:4px}}@media(max-width:360px){.dashboard-strip,.fulfillment-grid,.fulfillment-actions{grid-template-columns:1fr}}