:root{--bg-color: #f6f7fb;--secondary-bg-color: #ffffff;--text-color: #0f172a;--hint-color: #6b7280;--link-color: #2563eb;--button-color: #4f46e5;--button-text-color: #ffffff;--border-color: #e5e7eb;--tg-theme-bg-color: var(--bg-color, #ffffff);--tg-theme-text-color: var(--text-color, #000000);--tg-theme-hint-color: var(--hint-color, #999999);--tg-theme-link-color: var(--link-color, #2481cc);--tg-theme-button-color: var(--button-color, #2481cc);--tg-theme-button-text-color: var(--button-text-color, #ffffff);--tg-theme-secondary-bg-color: var(--secondary-bg-color, #f1f1f1);--success-color: #22c55e;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #2563eb;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .1)}:root{--border-color: #e9ecf5;--app-bg-gradient: linear-gradient(180deg, #eef5ff 0%, #f4f6ff 35%, #f7f5ff 100%)}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--app-bg-gradient)}.balance-card{background:linear-gradient(135deg,#5ea7ff,#6a46e5)!important}.app-header{background:linear-gradient(90deg,#39d4ff,#6a46e5);border-bottom:none;padding-top:calc(var(--spacing-md) + 4px);padding-bottom:calc(var(--spacing-md) + 6px)}.header-title h1{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12)}.app-subtitle{color:#ffffffe6;font-weight:600}.user-name{color:#fff}.user-avatar{background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.app-header{background-color:var(--tg-theme-bg-color);border-bottom:1px solid var(--border-color);padding:var(--spacing-md);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.header-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.header-logo svg{color:var(--tg-theme-button-color)}.logo-text{font-weight:700;font-size:var(--font-size-lg);color:var(--tg-theme-text-color)}.user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-details{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--tg-theme-text-color);line-height:1.2}.user-username{font-size:var(--font-size-xs);color:var(--tg-theme-hint-color);line-height:1.2}.main-content{flex:1;padding:var(--spacing-md);padding-bottom:80px;overflow-y:auto}.tab-navigation{background:#fff;border:1px solid rgba(255,255,255,.7);margin-top:10px}.tab-button{color:#0f172a}.tab-button .tab-label{color:inherit;font-weight:700}.tab-button.active{background:linear-gradient(90deg,#39d4ff,#2fe7ff);color:#fff;box-shadow:0 6px 18px #38bdf859}.tab-button:not(.active){background:#fff;color:#6b7280}.tab-button:not(.active):hover{background:#f3f6fb;color:#374151}.tab-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-xs);background:none;border:none;padding:var(--spacing-sm);cursor:pointer;transition:all .2s ease;color:var(--tg-theme-hint-color);min-width:0;flex:1}.tab-button.active{color:var(--tg-theme-button-color)}.tab-button:active{transform:scale(.96)}.tab-content{display:flex;align-items:center;justify-content:center;width:100%}.tab-icon{position:relative;display:flex;align-items:center;justify-content:center;font-size:24px}.tab-label{font-size:var(--font-size-sm);font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.balance-badge{position:absolute;top:-4px;right:-4px;background-color:var(--error-color);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center;line-height:1.2}.page{min-height:calc(100vh - 120px)}.page-header{margin-bottom:var(--spacing-lg)}.page-header h1{font-size:var(--font-size-xxl);font-weight:800;margin:0 0 var(--spacing-xs) 0;color:var(--tg-theme-text-color)}.page-description{font-size:var(--font-size-md);color:var(--tg-theme-hint-color);margin:0;line-height:1.4}.primary-button{background:linear-gradient(135deg,var(--tg-theme-button-color),#6c5ce7);color:var(--tg-theme-button-text-color);border:none;border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:transform .15s ease,filter .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:48px;width:100%;box-shadow:var(--shadow-md)}.primary-button:hover{filter:brightness(1.05)}.primary-button:active{transform:scale(.98)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary-button{background-color:var(--secondary-bg-color);color:var(--tg-theme-text-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:48px;box-shadow:var(--shadow-sm)}.secondary-button:hover{background-color:#f3f4f6}.secondary-button:active{transform:scale(.98)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-md);font-weight:600;color:var(--tg-theme-text-color);margin-bottom:var(--spacing-sm)}.form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);background-color:#fff;color:var(--tg-theme-text-color);transition:border-color .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.form-input:focus{outline:none;border-color:var(--tg-theme-button-color);box-shadow:0 0 0 3px #4f46e526}.form-input::placeholder{color:var(--tg-theme-hint-color)}.card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md)}.audit-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .2s ease}.audit-card:hover{box-shadow:var(--shadow-md)}.audit-card:active{transform:scale(.99)}.audit-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.audit-header h3{margin:0;font-size:var(--font-size-lg);color:var(--tg-theme-text-color)}.audit-meta{display:flex;gap:var(--spacing-md);color:var(--tg-theme-hint-color);font-size:var(--font-size-sm);margin-top:6px}.audit-card{position:relative;overflow:hidden}.audit-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#39d4ff,#6a46e5)}.status-badge{background:#2eaadc}.status-badge[data-status=completed]{background:#0ea5e9}.status-badge[data-status=processing]{background:#f59e0b}.status-badge[data-status=failed]{background:#ef4444}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl)}.loading-spinner.small{padding:var(--spacing-md)}.loading-spinner.large{padding:var(--spacing-xl) var(--spacing-md);min-height:200px}.spinner{width:32px;height:32px;margin-bottom:var(--spacing-md)}.spinner-circle{width:100%;height:100%;border:3px solid var(--border-color);border-top:3px solid var(--tg-theme-button-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:var(--font-size-md);color:var(--tg-theme-hint-color);text-align:center;margin:0}.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.error-icon,.empty-icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.6}.error-state h3,.empty-state h3{font-size:var(--font-size-lg);font-weight:700;color:var(--tg-theme-text-color);margin:0 0 var(--spacing-sm) 0}.error-state p,.empty-state p{font-size:var(--font-size-md);color:var(--tg-theme-hint-color);margin:0 0 var(--spacing-lg) 0;line-height:1.5}.retry-button{background-color:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:active{transform:scale(.98)}.top-up-button{box-shadow:var(--shadow-md)}.amount-button{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.cancel-button{border-radius:var(--border-radius-md)}.transactions-list .transaction-item{background:#fff}@media (max-width: 480px){.main-content{padding:var(--spacing-sm);padding-bottom:80px}.page-header h1{font-size:var(--font-size-xl)}.tab-label{font-size:10px}.tab-icon{font-size:20px}.header-content{padding:var(--spacing-sm)}}@media (prefers-color-scheme: dark){:root{--bg-color: #111827;--secondary-bg-color: #0b1220;--text-color: #f9fafb;--hint-color: #9ca3af;--border-color: #1f2937}.card,.audit-card,.transactions-list .transaction-item{background:#0b1220}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.audit-results{padding:var(--spacing-md);margin-top:var(--spacing-md)}.audit-results h3{color:var(--tg-theme-text-color);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:700}.audit-results h4{color:var(--tg-theme-text-color);margin:var(--spacing-lg) 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:600}.summary-section{background:var(--tg-theme-secondary-bg-color);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.summary-section p{color:var(--tg-theme-text-color);line-height:1.5;margin:0}.critical-issues,.quick-wins,.opportunities,.recommendations{margin-bottom:var(--spacing-lg)}.critical-issues h4{color:var(--error-color)}.quick-wins h4{color:var(--warning-color)}.opportunities h4{color:var(--success-color)}.recommendations h4{color:var(--info-color)}.issue-item{background:var(--tg-theme-secondary-bg-color);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--border-radius-md);border-left:4px solid;box-shadow:var(--shadow-sm)}.issue-item.critical{border-left-color:var(--error-color);background:#ef44440f}.issue-item.quick-win{border-left-color:var(--warning-color);background:#f59e0b0f}.issue-item.opportunity{border-left-color:var(--success-color);background:#22c55e0f}.issue-item p{margin:0 0 var(--spacing-xs) 0;color:var(--tg-theme-text-color)}.issue-item .issue-description{color:var(--tg-theme-hint-color);font-size:var(--font-size-sm);line-height:1.4}.issue-item .effort{color:var(--tg-theme-hint-color);font-size:var(--font-size-xs);font-style:italic}.recommendations ul{list-style-type:none;padding:0;margin:0}.recommendations li{background:#2563eb0f;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--border-radius-md);border-left:4px solid var(--info-color);color:var(--tg-theme-text-color);line-height:1.4}.error-message{background:#ef44441a;border:1px solid var(--error-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0}.error-message h3{color:var(--error-color);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg)}.error-message p{color:var(--error-color);margin:0;font-size:var(--font-size-sm)}.cta-button{background:linear-gradient(90deg,#5ea7ff,#6a46e5)!important;border:2px solid rgba(255,255,255,.9);border-radius:16px!important;min-height:56px;font-size:17px!important;font-weight:800!important;letter-spacing:.3px;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.25)}.white-pill-button{background:#fff!important;color:#4f46e5!important;border:none;border-radius:9999px!important;padding:12px 20px!important;font-weight:700;box-shadow:var(--shadow-md)}.white-pill-button:active{transform:scale(.98)}.tab-navigation{border:1px solid rgba(255,255,255,.7);margin-top:10px}.drawer-overlay{position:fixed;inset:0;background:#0f172a59;backdrop-filter:blur(4px);z-index:999;display:flex;align-items:flex-end}.drawer{width:100%;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -12px 24px #0f172a1f;max-height:85vh;overflow:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color)}.drawer-title{font-weight:800;font-size:18px;color:var(--text-color)}.drawer-close{border:none;background:#f3f4f6;width:36px;height:36px;border-radius:9999px;font-size:16px;cursor:pointer}.drawer-content{padding:16px}.accordion{display:grid;gap:8px}.accordion-item{background:var(--secondary-bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm)}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:transparent;border:none;cursor:pointer;font-weight:700;color:var(--text-color)}.accordion-body{padding:12px 14px 14px;color:var(--text-color)}.accordion-caret{opacity:.6}.tab-navigation{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border-color);border-radius:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;box-shadow:0 -4px 12px #0f172a0f;z-index:100}.form-card{background:#fff!important;border-radius:18px;box-shadow:0 8px 24px #1118270f,0 1px 2px #1118270a;padding:18px 18px 20px;overflow:hidden}.form-card .form-label{color:#0f172a;font-weight:700}.form-card .form-input{width:100%;display:block;background:#f7f9fc;color:#0f172a;border-color:#dce3f0}.form-card .form-input::placeholder{color:#94a3b8;opacity:1}.form-card .form-input:focus{border-color:#a7b7ff;box-shadow:0 0 0 3px #5aa8ff40}.audit-form{max-width:100%}.audits-list{display:grid;gap:14px}.audit-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--border-color);background:#fff;box-shadow:0 8px 24px #1118270f,0 1px 2px #1118270a;padding:16px}.audit-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#39d4ff,#6a46e5);border-top-left-radius:18px;border-bottom-left-radius:18px}.audit-header{display:flex;align-items:center;justify-content:space-between}.audit-header h3{margin:0;font-size:16px;font-weight:800;color:#0f172a}.audit-meta{display:flex;gap:12px;margin-top:6px;font-size:13px;color:#6b7280}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:9999px;font-size:12px;font-weight:800;letter-spacing:.3px;color:#fff;text-transform:uppercase;box-shadow:0 3px 10px #00000014}.status-badge[data-status=completed]{background:linear-gradient(135deg,#33b0ff,#1982e2)}.status-badge[data-status=processing]{background:linear-gradient(135deg,#ffb22e,#ff8a00)}.status-badge[data-status=failed]{background:linear-gradient(135deg,#ff5d5d,#e11d48)}body.telegram-app{background:var(--app-bg-gradient);color:#0f172a}.main-content{background:transparent!important}.mini-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.status-badge.processing{padding:8px;width:32px;height:32px}.status-badge.processing .mini-spinner{margin:0 auto;display:inline-block}.info-grid div{color:#0f172a}.info-grid b{color:#0b1324}.drawer-header{background:#fff;color:#0f172a;border-top-left-radius:20px;border-top-right-radius:20px}.drawer-close{color:#0f172a}.summary-section{background:#fff;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.issue-item,.recommendations li{background:#fff;border:1px solid var(--border-color)}.info-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{background:#fff;border:1px solid var(--border-color);border-radius:9999px;padding:6px 10px;font-size:12px;font-weight:700;color:#0f172a;box-shadow:var(--shadow-sm)}.chip--temp{background:#0f172a0a;color:#6b7280;border-color:#e5e7eb;box-shadow:none}.chip-status.completed{background:linear-gradient(135deg,#33b0ff,#1982e2);color:#fff;border:none}.chip-status.processing{background:linear-gradient(135deg,#ffb22e,#ff8a00);color:#fff;border:none}.chip-status.failed{background:linear-gradient(135deg,#ff5d5d,#e11d48);color:#fff;border:none}*{box-sizing:border-box}.audit-hero{background:linear-gradient(90deg,#5ea7ff,#6a46e5);color:#fff;border-radius:16px;padding:14px;box-shadow:var(--shadow-md);margin-bottom:12px}.audit-hero .hero-chips{display:flex;flex-wrap:wrap;gap:8px}.audit-hero .chip{background:#fff3;border:1px solid rgba(255,255,255,.35);color:#fff}.audit-hero .chip--temp{background:#ffffff29;border-color:#ffffff40;color:#ffffffe6;box-shadow:none}.audit-hero .chip-status.completed,.audit-hero .chip-status.processing,.audit-hero .chip-status.failed{background:#0003;border-color:#00000040}.audit-hero .score-chip{background:#fff;color:#0f172a;border:none}.score-chip.excellent{background:#16a34a!important;color:#fff!important}.score-chip.good{background:#22c55e!important;color:#fff!important}.score-chip.medium{background:#f59e0b!important;color:#fff!important}.score-chip.bad{background:#ef4444!important;color:#fff!important}
