:root{--bg: #EDE5D8;--surface: rgba(255, 250, 244, .88);--surface-2: rgba(248, 238, 226, .75);--surface-3: rgba(238, 225, 210, .8);--border: rgba(180, 130, 90, .18);--border-focus: rgba(192, 133, 85, .55);--text-primary: #1E1208;--text-secondary: #6B4A28;--text-muted: #B09070;--accent: #B87848;--accent-light: #D4976A;--accent-dim: rgba(184, 120, 72, .12);--accent-gold: #E8C070;--success: #3A9E6A;--success-dim: rgba(58, 158, 106, .12);--danger: #C04040;--danger-dim: rgba(192, 64, 64, .1);--warning: #D4880A;--warning-dim: rgba(212, 136, 10, .12);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 24px;--r-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--ease: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .13s;--dur-med: .22s}@media (prefers-color-scheme: dark){:root{--bg: #100C07;--surface: rgba(28, 20, 12, .9);--surface-2: rgba(40, 28, 16, .8);--surface-3: rgba(52, 36, 20, .8);--border: rgba(196, 149, 106, .14);--border-focus: rgba(196, 149, 106, .45);--text-primary: #F0E4D0;--text-secondary: #C0966A;--text-muted: #7A5838}}.theme-dark{--bg: #100C07;--surface: rgba(28, 20, 12, .9);--surface-2: rgba(40, 28, 16, .8);--surface-3: rgba(52, 36, 20, .8);--border: rgba(196, 149, 106, .14);--border-focus: rgba(196, 149, 106, .45);--text-primary: #F0E4D0;--text-secondary: #C0966A;--text-muted: #7A5838;--accent-dim: rgba(196, 149, 106, .15);--success-dim: rgba(58, 158, 106, .15);--danger-dim: rgba(192, 64, 64, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:#ede5d8;background-image:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(210,170,110,.3) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 80%,rgba(180,130,85,.22) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(225,205,175,.35) 0%,transparent 70%);background-attachment:fixed;color:var(--text-primary);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:100svh}@media (prefers-color-scheme: dark){body{background-color:#100c07;background-image:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(140,80,30,.25) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 80%,rgba(100,55,15,.2) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(60,35,10,.3) 0%,transparent 70%)}}button,input,textarea,select{font-family:inherit}.page{padding:var(--sp-4);padding-bottom:40px;max-width:480px;margin:0 auto;min-height:100svh}.t-display{font-size:38px;font-weight:800;line-height:1;letter-spacing:-.025em;color:var(--text-primary)}.t-title{font-size:20px;font-weight:700;letter-spacing:-.015em}.t-heading{font-size:17px;font-weight:700;letter-spacing:-.01em}.t-body{font-size:15px;font-weight:400}.t-caption{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.t-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.t-mono{font-family:var(--font-mono);font-size:11.5px;line-height:1.65;color:var(--text-secondary)}.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;background:#1a1008;color:#f0e4cc;border:none;border-radius:var(--r-md);padding:15px var(--sp-6);font-size:15px;font-weight:700;letter-spacing:.005em;cursor:pointer;box-shadow:0 1px #ffd2961f inset,0 4px 18px #0f080238;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.btn:hover{background:#2a1c0c}.btn:active{transform:scale(.975);box-shadow:0 2px 8px #0f08022e}.btn:disabled{opacity:.32;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--text-primary);border:1.5px solid rgba(184,120,72,.45);box-shadow:none}.btn-secondary:hover{background:#c4956a14;border-color:#b87848b3}.btn-secondary:active{transform:scale(.975)}.btn-ghost{background:transparent;color:var(--accent);border:none;box-shadow:none;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b8784859}.btn-ghost:hover{text-decoration-color:var(--accent)}.btn-danger{background:#7a1a1a;color:#ffe8e8;box-shadow:0 4px 14px #64141438}.btn-danger:hover{background:#8e2020}.btn-sm{padding:8px 16px;font-size:13px;font-weight:600;border-radius:var(--r-sm);width:auto}.btn-icon{width:38px;height:38px;padding:0;border-radius:var(--r-sm);flex-shrink:0}.card{background:var(--surface);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:0 1px #ffe6be80 inset,0 4px 20px #82461414,0 1px 3px #0000000d}@media (prefers-color-scheme: dark){.card{box-shadow:0 1px #c4956a1f inset,0 4px 20px #00000059}}.card+.card{margin-top:var(--sp-3)}.card-inset{background:var(--surface-2);border-radius:var(--r-md);padding:var(--sp-3);border:1px solid var(--border)}.card-hero{background:linear-gradient(145deg,#fff8eef2,#f8e8d2eb);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(196,149,106,.3);border-radius:var(--r-xl);padding:var(--sp-5);box-shadow:0 1px #ffebc3cc inset,0 8px 32px #8c501e1f,0 2px 6px #0000000f}@media (prefers-color-scheme: dark){.card-hero{background:linear-gradient(145deg,#281a0cf2,#1e1208f2);border-color:#c4956a33;box-shadow:0 1px #c4956a26 inset,0 8px 32px #0006}}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-full);font-size:12px;font-weight:700;letter-spacing:.02em}.status-pill-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-active{background:#3a9e6a21;border:1px solid rgba(58,158,106,.25);color:var(--success)}.status-active .status-pill-dot{background:var(--success);box-shadow:0 0 0 3px #3a9e6a33,0 0 8px #3a9e6a73;animation:pulse-dot 2.2s ease-in-out infinite}.status-inactive{background:var(--danger-dim);border:1px solid rgba(192,64,64,.2);color:var(--danger)}.status-inactive .status-pill-dot{background:var(--danger)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #3a9e6a33,0 0 8px #3a9e6a73}50%{box-shadow:0 0 0 5px #3a9e6a14,0 0 4px #3a9e6a33}}.progress-track{height:5px;background:var(--surface-3);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,#b87848,#d4a060);transition:width .7s var(--ease)}.progress-fill-warning{background:linear-gradient(90deg,#d4880a,#f0a830)}.progress-fill-danger{background:linear-gradient(90deg,#c04040,#e06060)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5);padding-top:var(--sp-2)}.page-header-logo{font-size:17px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#8b5a2a,#c4956a,#8b5a2a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:var(--sp-4);-webkit-tap-highlight-color:transparent}.back-btn:hover{color:var(--text-primary)}.row-between{display:flex;align-items:center;justify-content:space-between}.input{display:block;width:100%;background:#fff;border:1.5px solid rgba(180,130,90,.28);border-radius:var(--r-md);padding:14px var(--sp-4);font-size:15px;font-weight:500;color:#1e1208;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);margin-bottom:var(--sp-3);box-shadow:0 1px 3px #8c501e0f}.input::placeholder{color:#b0906a}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b8784824}textarea.input{resize:vertical;min-height:90px;line-height:1.5}@media (prefers-color-scheme: dark){.input{background:#281a0ee6;border-color:#c4956a40;color:#f0e4d0}.input::placeholder{color:#7a5838}}.amounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-bottom:var(--sp-3)}.amount-btn{background:transparent;border:1.5px solid rgba(180,130,90,.35);border-radius:var(--r-md);padding:14px var(--sp-2);font-size:15px;font-weight:700;cursor:pointer;color:var(--text-primary);text-align:center;transition:all var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.amount-btn:hover{border-color:#b4825aa6;background:#c4956a0f}.amount-btn:active{transform:scale(.95)}.amount-btn.selected{background:#1a1008;border-color:#1a1008;color:#f0e4cc;box-shadow:0 3px 12px #0f080233}.vless-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);font-size:11px;word-break:break-all;line-height:1.7;color:var(--text-secondary)}.qr-container{display:flex;justify-content:center;padding:var(--sp-4) 0}.qr-container img{border-radius:var(--r-lg);max-width:210px;border:1px solid var(--border);padding:var(--sp-3);background:#fff;box-shadow:0 4px 16px #8246141a}.error-box{background:var(--danger-dim);border:1px solid rgba(192,64,64,.22);color:var(--danger);border-radius:var(--r-md);padding:12px var(--sp-4);font-size:14px;font-weight:500;margin-bottom:var(--sp-3)}.success-box{background:var(--success-dim);border:1px solid rgba(58,158,106,.22);color:var(--success);border-radius:var(--r-md);padding:12px var(--sp-4);font-size:14px;font-weight:600;margin-bottom:var(--sp-3)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-full);font-size:11px;font-weight:700;letter-spacing:.03em}.badge-open{background:var(--warning-dim);color:var(--warning);border:1px solid rgba(212,136,10,.2)}.badge-answered{background:var(--success-dim);color:var(--success);border:1px solid rgba(58,158,106,.2)}.badge-closed{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.ticket-card{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-3);box-shadow:0 1px #ffe6be66 inset,0 2px 10px #8246140f}.ticket-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);margin-bottom:8px}.tabs{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4);overflow-x:auto;padding-bottom:2px}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;padding:7px 16px;border-radius:var(--r-full);background:var(--surface-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);font-size:13px;font-weight:600;cursor:pointer;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;transition:all var(--dur-fast)}.tab.active{background:linear-gradient(145deg,#d49a6a,#b87848);color:#fff8f0;border-color:transparent;box-shadow:0 1px #ffdca059 inset,0 3px 10px #8c501e38}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:var(--sp-4)}.stat-card{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);text-align:center;box-shadow:0 1px #ffe6be73 inset}.stat-value{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.stat-label{font-size:11px;font-weight:500;color:var(--text-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.04em}.user-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--border);cursor:pointer}.user-row:last-child{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f08028c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;z-index:100}.modal{background:linear-gradient(180deg,#fffaf2fa,#f8eee1fa);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:20px var(--sp-4) 32px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 -4px 30px #82461426;border-top:1px solid rgba(196,149,106,.25)}@media (prefers-color-scheme: dark){.modal{background:linear-gradient(180deg,#24160afa,#1a0f05fa)}}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:var(--r-full);margin:0 auto var(--sp-5)}.modal-title{font-size:18px;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--sp-4)}.pagination{display:flex;gap:var(--sp-2);justify-content:center;align-items:center;margin-top:var(--sp-4)}.spinner{display:flex;justify-content:center;align-items:center;padding:48px}.spinner:after{content:"";width:30px;height:30px;border:2.5px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.instruction-btn{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);width:100%;text-align:left;cursor:pointer;margin-bottom:var(--sp-3);color:var(--text-primary);transition:all var(--dur-fast);box-shadow:0 1px #ffe6be73 inset;-webkit-tap-highlight-color:transparent}.instruction-btn:active{transform:scale(.98)}.card-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-2)}.balance-large{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--text-primary)}.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.legal-body{line-height:1.75}.legal-body p{margin-bottom:12px}.legal-body p:last-child{margin-bottom:0}.legal-body strong{font-weight:700;color:var(--text-primary)}.legal-body em{font-style:italic}.legal-body u{text-decoration:underline;text-underline-offset:2px}.legal-body s{text-decoration:line-through;opacity:.6}.legal-body code{font-family:var(--font-mono);font-size:12px;background:#b4825a1a;border-radius:4px;padding:1px 5px;color:var(--accent)}.row{display:flex;gap:var(--sp-2);align-items:center}.flex-1{flex:1}.gap-8{margin-bottom:8px}.gap-12{margin-bottom:12px}.gap-16{margin-bottom:16px}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}