:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-soft: #eef2ff;--color-accent: #8b5cf6;--color-success: #10b981;--color-success-soft: #d1fae5;--color-warning: #f59e0b;--color-warning-soft: #fef3c7;--color-danger: #ef4444;--color-danger-soft: #fee2e2;--color-info: #06b6d4;--color-bg: #f5f6fb;--color-surface: #ffffff;--color-surface-2: #fafbff;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 16px 32px -8px rgba(15, 23, 42, .12), 0 6px 16px rgba(15, 23, 42, .06);--transition-fast: .15s ease;--transition: .2s cubic-bezier(.4, 0, .2, 1);--gradient-brand: linear-gradient(135deg, #6366f1 0%, #a855f7 60%, #ec4899 100%);--gradient-brand-soft: linear-gradient(135deg, #eef2ff 0%, #fae8ff 100%);--font-sans: "DM Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--color-bg);background-image:radial-gradient(ellipse 80% 55% at 10% -10%,rgba(99,102,241,.09),transparent 55%),radial-gradient(ellipse 60% 45% at 90% 0%,rgba(236,72,153,.06),transparent 45%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(6,182,212,.04),transparent 50%);background-attachment:fixed;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}.page-shell{max-width:1120px;margin:0 auto;width:100%}.page-hero-intro{margin-bottom:28px}.page-hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin:0 0 10px}.page-hero-kicker:before{content:"";width:28px;height:2px;border-radius:2px;background:var(--gradient-brand)}.trust-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.trust-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.pattern-dots{position:relative}.pattern-dots:before{content:"";position:absolute;inset:-20% -10% auto auto;width:180px;height:180px;background-image:radial-gradient(var(--color-border) 1.2px,transparent 1.2px);background-size:14px 14px;opacity:.35;pointer-events:none}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.app-root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;max-width:1180px;width:100%;margin:0 auto;padding:28px 20px 56px}@media (max-width: 640px){.app-main{padding:20px 16px 48px}}.topbar{position:sticky;top:0;z-index:50;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border)}.topbar-inner{max-width:1180px;margin:0 auto;padding:12px 20px;display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}@media (min-width: 769px){.topbar-inner{grid-template-columns:auto 1fr;gap:20px}}.brand-row{display:flex;align-items:center;gap:12px;min-width:0}.brand-lockup{display:flex;flex-direction:column;gap:2px;min-width:0}.brand{font-size:17px;font-weight:800;letter-spacing:-.02em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-tagline{font-size:11px;font-weight:500;color:var(--color-text-muted);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@media (max-width: 480px){.brand-tagline{display:none}}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-text-secondary);transition:background var(--transition-fast),border-color var(--transition-fast)}.nav-toggle:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.nav-toggle-icon{display:flex;flex-direction:column;gap:5px;width:18px}.nav-toggle-icon span{display:block;height:2px;border-radius:1px;background:currentColor;transition:transform var(--transition-fast),opacity var(--transition-fast)}@media (min-width: 769px){.nav-toggle{display:none}}.nav-links{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:flex-end}@media (max-width: 768px){.nav-links{grid-column:1 / -1;flex-direction:column;align-items:stretch;padding:8px 0 4px;border-top:1px solid var(--color-border);margin-top:4px;max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .2s ease,padding .2s ease;pointer-events:none;row-gap:2px}.topbar-inner.nav-open .nav-links{max-height:520px;opacity:1;pointer-events:auto;padding-top:14px}.nav-links .balance-chip{justify-content:center}.nav-links .avatar-btn{display:none}}@media (min-width: 769px){.nav-links{grid-column:2;grid-row:1;margin-left:0}}.nav-link{padding:8px 14px;border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;transition:background var(--transition-fast),color var(--transition-fast)}.nav-link:hover,.nav-link.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.balance-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--gradient-brand-soft);color:var(--color-primary);border-radius:var(--radius-full);font-weight:600;font-size:13px}.balance-chip .label{color:var(--color-text-muted);font-weight:500}.avatar-btn{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;border:none;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.avatar-btn:hover{transform:translateY(-1px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.card-section+.card-section{margin-top:16px}.card-elevated{box-shadow:var(--shadow-md)}.card-hoverable{cursor:pointer}.card-hoverable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-hero{background:var(--gradient-brand);color:#fff;border:none;padding:32px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.section-title{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--color-text);display:flex;align-items:center;gap:8px}.section-subtitle{color:var(--color-text-secondary);font-size:14px;margin:-8px 0 16px}.admin-project-new-card .section-subtitle,.admin-project-new-card .form-group{margin-bottom:10px}.admin-project-form-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 12px;align-items:end}.admin-project-save-cell label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-text-muted)}@media (max-width: 1100px){.admin-project-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.admin-project-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-title{font-size:24px;font-weight:700;margin:0 0 6px}.page-subtitle{color:var(--color-text-secondary);margin:0 0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.btn:disabled,.btn.is-loading{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 3px #4f46e566}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px #4f46e559}.btn-gradient{background:var(--gradient-brand);color:#fff;border:none;box-shadow:var(--shadow-md)}.btn-gradient:hover{background:var(--color-primary-hover);color:#fff;border-color:transparent;filter:none;box-shadow:0 4px 16px #4f46e559}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{filter:brightness(.93)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 22px;font-size:15px}.btn-block{width:100%}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-text)}.form-help{display:block;margin-top:6px;font-size:12px;color:var(--color-text-muted)}.form-control,input:not([type]),input[type=text],input[type=search],input[type=number],input[type=password],input[type=email],input[type=datetime-local],select,textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus,input:not([type]):focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51f}input[type=text],input[type=search],input[type=password],input[type=email]{-moz-appearance:none;appearance:none;-webkit-appearance:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:hover{transition:background-color 999999s ease-out;-webkit-text-fill-color:var(--color-text);caret-color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:0 0 0 999px var(--color-surface) inset}input:-webkit-autofill:focus{border-color:var(--color-primary);box-shadow:0 0 0 999px var(--color-surface) inset,0 0 0 3px #4f46e51f}textarea{resize:vertical;min-height:88px;font-family:var(--font-mono)}input[readonly]:not([type=checkbox]):not([type=radio]),textarea[readonly]{background-color:var(--color-surface-2);color:var(--color-text-secondary);cursor:default}input:not([type]),input[type=text],input[type=search],input[type=password],input[type=email],input[type=number],input[type=datetime-local],input[type=date],input[type=time]{min-height:42px;line-height:1.35}select{min-height:42px;line-height:1.35}.input-in-row{flex:1;min-width:0;width:auto}.input-in-row-wide{flex:2;min-width:0;width:auto}.grid-cols-2>*,.grid-cols-3>*,.grid-cols-4>*{min-width:0}.flex-shrink-0{flex-shrink:0}.config-bind-key{flex:0 0 10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center}@media (max-width: 640px){.config-bind-key{flex:0 0 100%}.config-value-row .btn{width:100%}}.auth-card input,.auth-card select,.auth-card textarea{max-width:100%}.input-group{display:flex;align-items:stretch;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51f}.input-group input{border:none!important;outline:none;flex:1;min-width:0;padding:10px 14px;background:transparent;box-shadow:none!important}.input-group input:focus,.input-group input:focus-visible{outline:none;box-shadow:none!important;border:none!important}.input-group .addon{padding:0 14px;display:flex;align-items:center;background:var(--color-surface-2);color:var(--color-text-secondary);font-weight:500;border-left:1px solid var(--color-border)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:#eef2ff;color:var(--color-primary)}.badge-active,.badge-paid{background:var(--color-success-soft);color:var(--color-success)}.badge-finished{background:#f3f4f6;color:var(--color-text-secondary)}.badge-refunded{background:var(--color-danger-soft);color:var(--color-danger)}.badge-forced_closed,.badge-pending{background:var(--color-warning-soft);color:var(--color-warning)}.badge-done{background:var(--color-success-soft);color:var(--color-success)}.badge-rejected{background:var(--color-danger-soft);color:var(--color-danger)}.badge-expired{background:#f3f4f6;color:var(--color-text-secondary)}.badge-available{background:var(--color-success-soft);color:var(--color-success)}.badge-disabled{background:var(--color-warning-soft);color:var(--color-warning)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}table.data-table{width:100%;border-collapse:collapse;min-width:600px}table.data-table th,table.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border);font-size:13.5px}table.data-table th{background:var(--color-surface-2);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:12px}table.data-table tbody tr:hover{background:var(--color-surface-2)}table.data-table tbody tr:last-child td{border-bottom:none}.mono{font-family:var(--font-mono);font-size:13px}.steps{display:flex;align-items:center;gap:8px;margin:8px 0 28px;flex-wrap:wrap}.step{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);font-size:13px;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:default}.step.is-clickable{cursor:pointer}.step.is-clickable:hover{border-color:var(--color-primary);color:var(--color-primary)}.step .step-index{width:22px;height:22px;border-radius:50%;background:var(--color-border);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.step.is-active{background:var(--gradient-brand);color:#fff;border-color:transparent;box-shadow:0 6px 14px #6366f14d}.step.is-active .step-index{background:#ffffff40}.step.is-done{background:var(--color-success-soft);color:var(--color-success);border-color:transparent}.step.is-done .step-index{background:var(--color-success)}.step-divider{flex:0 0 16px;height:1px;background:var(--color-border)}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.pager-bar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 16px;margin-top:20px;padding:12px 4px 4px;font-size:14px;color:var(--color-text-secondary)}.pager-total{margin-right:auto;font-size:14px;color:var(--color-text);white-space:nowrap}.pager-nav{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.pager-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.pager-btn:hover:not(:disabled):not(.is-active){border-color:var(--color-primary);color:var(--color-primary)}.pager-btn.is-active{border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.pager-btn:disabled{opacity:.45;cursor:not-allowed}.pager-btn--icon{font-size:18px;padding:0 6px}.pager-btn--go{min-width:auto;padding:0 12px;font-size:13px}.pager-ellipsis{min-width:24px;text-align:center;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.pager-size{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pager-size-input{width:72px;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;text-align:center}.pager-size-suffix{font-size:14px;color:var(--color-text-secondary)}.pager-jump{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.pager-jump-input{width:52px;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;text-align:center}@media (max-width: 640px){.pager-bar{justify-content:center}.pager-total{width:100%;margin-right:0;text-align:center}}.grid{display:grid;gap:16px}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto-300{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-auto-200{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.state-block{text-align:center;padding:60px 24px;color:var(--color-text-muted)}.state-block .state-icon{font-size:32px;margin-bottom:12px;color:var(--color-border-strong)}.state-block .state-title{font-size:15px;font-weight:600;color:var(--color-text-secondary);margin:0 0 4px}.state-block .state-desc{font-size:13px;margin:0}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(79,70,229,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#eef2f7 25%,#f8fafc,#eef2f7 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:13.5px;display:flex;align-items:flex-start;gap:10px;border:1px solid}.alert-error{background:var(--color-danger-soft);border-color:#ef444440;color:#991b1b}.alert-success{background:var(--color-success-soft);border-color:#10b98140;color:#065f46}.alert-info{background:var(--color-primary-soft);border-color:#4f46e533;color:var(--color-primary-hover)}.alert-warning{background:var(--color-warning-soft);border-color:#f59e0b4d;color:#92400e}.toast-stack{position:fixed;top:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{min-width:240px;max-width:360px;padding:12px 16px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:13.5px;pointer-events:auto;animation:toast-in .2s ease}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-danger)}.toast-info{border-left:4px solid var(--color-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.stack{display:flex;flex-direction:column}.stack-2>*+*{margin-top:8px}.stack-3>*+*{margin-top:12px}.stack-4>*+*{margin-top:16px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-primary{color:var(--color-primary)}.text-right{text-align:right}.text-center{text-align:center}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px;font-weight:700}.text-3xl{font-size:32px;font-weight:800;letter-spacing:-.5px}.fw-600{font-weight:600}.fw-700{font-weight:700}.mt-0{margin-top:0}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.copyable{cursor:pointer;-webkit-user-select:all;user-select:all}.user-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.user-shell-body{display:flex;flex:1;min-height:0}.user-sidebar{width:240px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:16px 12px;display:flex;flex-direction:column;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;z-index:1}.user-sidebar-brand-block{padding:6px 6px 14px;border-bottom:1px solid var(--color-border);margin-bottom:12px}.user-nav{flex:1;display:flex;flex-direction:column;gap:4px;min-height:120px}.user-nav-item{display:flex;align-items:center;padding:10px 14px;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:14px;font-weight:500;transition:background var(--transition-fast),color var(--transition-fast)}.user-nav-item:hover{background:var(--color-primary-soft);color:var(--color-primary)}.user-nav-item.is-active{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 12px #4f46e54d}.user-sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:14px}.user-sidebar-account{display:flex;flex-direction:column;gap:10px}.user-sidebar-account-head{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border)}.user-sidebar-account-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.user-sidebar-account-name{font-size:14px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-sidebar-account-balance{font-size:12px;font-weight:600;color:var(--color-primary);font-variant-numeric:tabular-nums}.avatar-btn--md{width:40px;height:40px;font-size:15px;flex-shrink:0}.user-sidebar-logout{border:1px solid var(--color-border)}.user-sidebar-guest{display:flex;flex-direction:column;gap:8px}.user-sidebar-register{text-align:center;font-weight:700}.user-footer-copy{font-size:11px;color:var(--color-text-muted);margin:0;line-height:1.55;padding-top:4px}.user-content{flex:1;min-width:0;padding:28px 24px 48px;overflow-x:hidden}.user-mobile-topbar,.user-drawer-backdrop{display:none}@media (max-width: 768px){.user-mobile-topbar{display:block;position:sticky;top:0;z-index:60;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border)}.user-mobile-topbar-inner{display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:52px}.user-mobile-topbar .nav-toggle{display:inline-flex;flex-shrink:0}.user-mobile-brand{flex:1;min-width:0}.user-mobile-brand .brand{font-size:16px}.user-mobile-balance{flex-shrink:0;font-size:13px;font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums}.user-mobile-balance--muted{color:var(--color-text-muted);font-weight:600}.user-drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0f172a59}.user-sidebar{position:fixed;left:0;top:0;height:100%;height:100dvh;z-index:80;transform:translate(-100%);transition:transform .28s ease;box-shadow:var(--shadow-lg)}.user-sidebar.is-open{transform:translate(0)}.user-content{padding:20px 16px 40px}}.admin-shell{display:flex;min-height:100vh;background:var(--color-bg)}.task-schedule-name-cell{cursor:help;font-weight:600}.admin-checkbox-field{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;margin:0}.admin-checkbox-field input[type=checkbox]{width:auto;min-height:unset;margin:0}.admin-sidebar{width:240px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:20px 12px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.admin-brand{padding:8px 14px 20px;font-weight:700;font-size:17px}.admin-brand .accent{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.admin-nav{flex:1;display:flex;flex-direction:column;gap:10px}.admin-nav-block{display:flex;flex-direction:column;gap:4px}.admin-nav-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:10px 14px 2px;margin:0}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:transparent;border:none;text-align:left;font-size:14px;font-weight:500}.admin-nav-item:hover{background:var(--color-primary-soft);color:var(--color-primary)}.admin-nav-item.is-active{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 12px #4f46e54d}.admin-content{flex:1;padding:28px 32px;overflow-x:hidden}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.stat-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px 20px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 0 auto auto;width:80px;height:80px;background:var(--gradient-brand-soft);border-radius:50%;transform:translate(30%,-30%);opacity:.6}.stat-card .stat-label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-card .stat-value{font-size:26px;font-weight:700;margin-top:6px;color:var(--color-text)}.stat-card .stat-sub{font-size:12px;color:var(--color-text-secondary);margin-top:4px}.stat-card.stat-card--clickable{width:100%;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.stat-card.stat-card--clickable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm),0 0 0 1px #4f46e51f}.stat-card.stat-card--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.stat-card--clickable .stat-jump-hint{font-size:11px;color:var(--color-primary);margin-top:10px;font-weight:600}.stat-card--clickable .stat-card-quick-filter{margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);cursor:pointer}.stat-card--clickable .stat-card-quick-filter:hover{border-color:var(--color-primary)}.stat-card.stat-card--attention{border-color:#f59e0ba6;box-shadow:0 0 0 1px #f59e0b33}.admin-task-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 14px;margin-bottom:16px;background:var(--color-bg);border-radius:var(--radius-md);border:1px dashed var(--color-border);font-size:12px;color:var(--color-text-secondary)}.admin-task-legend code{font-size:11px;padding:2px 6px;border-radius:4px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.admin-task-legend-pair{display:inline-flex;align-items:baseline;gap:6px;margin-right:14px;margin-bottom:4px}.admin-one-line-hint{font-size:13px;color:var(--color-text-secondary);margin:0 0 12px;line-height:1.45}@media (max-width: 900px){.admin-sidebar{display:none}.admin-content{padding:20px 16px}}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.15),transparent 40%),radial-gradient(circle at 80% 60%,rgba(236,72,153,.12),transparent 40%),var(--color-bg)}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.auth-card .auth-title{font-size:22px;font-weight:700;margin:0 0 6px}.auth-card .auth-sub{color:var(--color-text-secondary);margin:0 0 24px;font-size:14px}.auth-card .auth-foot{margin-top:18px;text-align:center;font-size:13px;color:var(--color-text-secondary)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-bottom:20px;overflow-x:auto}.tab{padding:10px 16px;border:none;background:transparent;cursor:pointer;color:var(--color-text-secondary);font-weight:500;font-size:14px;border-bottom:2px solid transparent;transition:all var(--transition-fast);white-space:nowrap}.tab:hover{color:var(--color-primary)}.tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.recv-hero{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.recv-hero:after{content:"";position:absolute;inset:-50% -20% auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);pointer-events:none}.recv-hero .label{font-size:13px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.recv-hero .phone{font-family:var(--font-mono);font-size:36px;font-weight:700;margin:8px 0 16px;letter-spacing:1px;cursor:pointer;display:inline-flex;align-items:center;gap:12px}.recv-hero .phone:hover{opacity:.9}.recv-hero .copy-hint{font-size:12px;opacity:.7}.phone-btn{border:none;background:none;color:inherit;font:inherit;padding:0;text-align:left}.recv-hero-page{margin-bottom:8px}.countdown-pill{display:inline-block;margin-top:12px;padding:8px 14px;border-radius:var(--radius-md);background:#ffffff26;font-size:22px;font-weight:700;letter-spacing:.08em}.hint-under-count{margin-top:8px;font-size:12px;opacity:.75}.otp-copy-btn{background:#fffffff2!important;color:var(--color-primary)!important;border:none!important;font-weight:700}.recv-action-btn{background:#fff3;color:#fff!important;border:1px solid rgba(255,255,255,.35)}.recv-action-btn:disabled{opacity:.55}.hint-refresh{color:#ffffffb8;font-size:12px}.sms-card-interactive{width:100%;cursor:pointer}.sms-card-interactive:focus-visible{outline:none;box-shadow:0 0 0 3px #4f46e540;border-color:var(--color-primary)}.recv-waiting .pulse-ring{width:56px;height:56px;border-radius:50%;margin:0 auto 16px;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin 1s linear infinite}.sms-meta{margin-bottom:8px}.otp-inline{font-size:15px;font-weight:700;color:var(--color-primary);padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-primary-soft)}.sms-tap-tip{margin-top:10px;font-size:11px;color:var(--color-text-muted)}@media (max-width: 640px){.recv-hero .phone{font-size:26px;word-break:break-all}}.sms-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px 20px;transition:all var(--transition-fast);cursor:pointer}.sms-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.sms-card .sms-time{font-size:12px;color:var(--color-text-muted);margin-bottom:6px}.sms-card .sms-text{font-size:14px;color:var(--color-text);line-height:1.7;word-break:break-word}.sms-card .otp-hint{margin-top:8px;font-size:12px;color:var(--color-primary)}.option-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all var(--transition-fast);position:relative}.option-card:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.option-card .opt-title{font-size:16px;font-weight:700;margin:0 0 4px}.option-card .opt-sub{color:var(--color-text-secondary);font-size:13px;margin:0}.option-card .opt-meta{margin-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.option-card .opt-stock{color:var(--color-success);font-weight:600}.option-card .opt-price{font-weight:700;font-size:18px;color:var(--color-primary)}.option-card.is-disabled{opacity:.48;cursor:not-allowed;pointer-events:none;filter:grayscale(.08)}.country-card .country-avatar{width:44px;height:44px;border-radius:var(--radius-md);background:var(--gradient-brand-soft);color:var(--color-primary);font-weight:800;font-size:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.country-card .country-body{flex:1;min-width:0}.checkout-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:start}@media (max-width: 900px){.checkout-layout{grid-template-columns:1fr}}.success-celebrate{background:linear-gradient(135deg,#ecfdf5 0%,var(--color-surface) 45%,var(--color-primary-soft) 100%);border:1px solid rgba(16,185,129,.25)}.recv-otp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.recv-otp-chip{font-family:var(--font-mono);font-size:22px;font-weight:700;letter-spacing:.12em;padding:10px 18px;border-radius:var(--radius-lg);background:#ffffff2e;border:1px solid rgba(255,255,255,.35)}.app-main:has(.auth-split){max-width:none;width:100%;flex:1;display:flex;flex-direction:column;padding:18px 20px 28px;box-sizing:border-box}.auth-split{flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:min(620px,calc(100svh - clamp(104px,18vh,160px)));padding:8px;box-sizing:border-box}.auth-split-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(284px,388px);width:min(940px,100%);max-width:100%;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.auth-split-shell>.auth-form-panel{background:var(--color-surface);padding:0}.auth-split-shell .auth-card{box-shadow:none;border:none;border-radius:0}@media (max-width: 960px){.auth-split-shell{grid-template-columns:1fr;width:min(448px,100%);margin-inline:auto}}@media (max-width: 960px){.auth-split{min-height:auto;padding:16px 10px}}.auth-brand-panel{position:relative;padding:48px 40px;display:flex;flex-direction:column;justify-content:center;gap:20px;background:var(--gradient-brand);color:#fff;overflow:hidden}.auth-brand-panel:after{content:"";position:absolute;inset:auto -30% -40% auto;width:420px;height:420px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 65%);pointer-events:none}.auth-brand-panel h2{position:relative;z-index:1;margin:0;font-size:clamp(24px,3.6vw,34px);font-weight:800;line-height:1.25;letter-spacing:-.02em}.auth-brand-panel p{position:relative;z-index:1;margin:0;opacity:.92;font-size:15px;line-height:1.65;max-width:36ch}.auth-brand-points{position:relative;z-index:1;list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:12px;font-size:14px;opacity:.94}.auth-brand-points li{display:flex;align-items:flex-start;gap:10px}.auth-brand-points li:before{content:"✓";flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#fff3;font-size:11px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:36px 24px;background:var(--color-bg)}.auth-card-wide{width:100%;max-width:420px}@media (max-width: 768px){.hide-on-mobile-table{display:none!important}}.show-only-mobile{display:none}@media (max-width: 768px){.show-only-mobile{display:block}}.order-mobile-card{padding:16px}.wallet-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:22px;align-items:start}@media (max-width: 900px){.wallet-layout{grid-template-columns:1fr}}.recharge-hint{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-primary-soft);border:1px solid rgba(79,70,229,.15);font-size:13px;color:var(--color-text-secondary);line-height:1.55;margin-bottom:18px}.recharge-hint strong{color:var(--color-primary-hover)}.site-footer-inner{max-width:1180px;margin:0 auto;padding:0 20px 28px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;font-size:13px}.footer-links a{color:var(--color-text-secondary);font-weight:500}.footer-links a:hover{color:var(--color-primary)}.subord-card{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:14px 16px;background:var(--color-surface-2);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.subord-card .sub-tail{font-family:var(--font-mono);font-weight:700;font-size:15px}.site-footer{margin-top:auto;padding:28px 0 0;border-top:1px solid var(--color-border);background:#ffffff73}.site-footer-copy{color:var(--color-text-muted);font-size:12px;margin:0}.nav-links .nav-register-cta{font-weight:700;box-shadow:0 2px 12px #4f46e573}input:disabled,select:disabled,textarea:disabled{background:var(--color-surface-2);color:var(--color-text-secondary);cursor:not-allowed}.recharge-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:24px 16px}.recharge-modal-card{max-width:460px;width:100%}.ann-modal-card{max-width:520px;width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column}.ann-modal-scroll{overflow-y:auto;max-height:min(420px,55vh);padding-right:6px;margin-top:8px}.ann-modal-item{padding:14px 0;border-bottom:1px solid var(--color-border)}.ann-modal-item:last-child{border-bottom:none}.ann-modal-item-title{margin:0 0 6px;font-size:1rem;font-weight:600}.ann-modal-item-time{margin:0 0 10px;font-size:12px}.ann-modal-item-body{margin:0;font-size:14px;line-height:1.65;white-space:pre-wrap}.sub-order-toolbar .sub-order-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px 16px;align-items:end}.sub-order-toolbar .sub-filter-field{margin-bottom:0}.sub-view-toggle{display:inline-flex;gap:6px;padding:4px;border-radius:var(--radius-md);background:var(--color-surface-2)}.sub-export-modal{max-width:min(640px,100vw - 32px)}.batch-op-modal{max-width:min(960px,96vw);width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column}.batch-op-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.batch-op-hint{font-size:13px;margin:0 0 14px;line-height:1.55}.batch-op-grid{display:grid;grid-template-columns:minmax(0,1fr) 168px minmax(0,1fr);gap:16px;align-items:start}.batch-op-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-op-col{display:flex;flex-direction:column;min-width:0}.batch-op-label{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.batch-op-textarea{min-height:280px;font-family:var(--font-mono);font-size:12px;line-height:1.5;resize:vertical}.batch-op-middle{display:flex;flex-direction:column;gap:10px;padding-top:28px}.batch-op-middle .form-group label{font-size:12px}.batch-op-count{font-size:12px;font-weight:700;color:var(--color-danger);text-align:right;margin-top:6px}.batch-op-textarea--compact{min-height:180px}.batch-op-issues-label{margin-top:12px;color:var(--color-warning)}.batch-op-textarea--issues{min-height:140px;border-color:var(--color-warning-soft);background:#fffbeb}.batch-op-count--issues{color:var(--color-warning)}.batch-op-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border)}@media (max-width: 768px){.batch-op-grid,.batch-op-grid--two{grid-template-columns:1fr}.batch-op-middle{padding-top:0}}.export-modal-textarea{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;resize:vertical}.admin-cards-pagination-inner{gap:12px}.admin-cards-page-size,.admin-cards-jump-input{width:auto;min-width:100px;padding:8px 10px;font-size:14px}.admin-cards-jump-input{min-width:72px;max-width:96px}.admin-cards-page-indicator{padding:0 6px;font-size:13px}