:root{--bg-app: #f1f5f9;--bg-surface: #ffffff;--bg-subtle: #f8fafc;--bg-hover: #f1f5f9;--bg-overlay: rgba(15, 23, 42, .45);--bg-on-color: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--primary: #4f46e5;--primary-hover: #4338ca;--primary-active: #3730a3;--primary-light: #eef2ff;--primary-soft: #e0e7ff;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: #fef2f2;--danger-soft: #fee2e2;--success: #10b981;--success-hover: #059669;--success-light: #ecfdf5;--success-soft: #d1fae5;--warning: #f59e0b;--warning-light: #fffbeb;--border: #e2e8f0;--border-soft: #eef2f7;--border-strong: #cbd5e1;--tint-success-25: rgba(16, 185, 129, .25);--tint-success-55: rgba(16, 185, 129, .55);--tint-danger-20: rgba(239, 68, 68, .2);--tint-primary-18: rgba(79, 70, 229, .18);--tint-primary-25: rgba(79, 70, 229, .25);--tint-primary-30: rgba(79, 70, 229, .3);--tint-primary-32: rgba(79, 70, 229, .32);--tint-divider: rgba(0, 0, 0, .06);--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .04);--shadow-focus: 0 0 0 3px rgba(79, 70, 229, .18);--shadow-primary-btn: 0 1px 2px rgba(79, 70, 229, .18);--shadow-primary-pill: 0 4px 12px rgba(79, 70, 229, .25);--shadow-logo: 0 6px 16px rgba(79, 70, 229, .3);--shadow-logo-lg: 0 12px 28px rgba(79, 70, 229, .32);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-2xs: .7rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: .9375rem;--text-lg: 1rem;--text-xl: 1.0625rem;--text-2xl: 1.125rem;--text-3xl: 1.25rem;--text-4xl: 1.375rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-snug: 1.4;--leading-base: 1.5;--leading-relax: 1.55;--ls-tight: -.02em;--ls-snug: -.01em;--ls-wide: .01em;--ls-wider: .06em;--size-icon-sm: 22px;--size-icon-md: 36px;--size-icon-lg: 40px;--size-icon-xl: 56px;--size-dot: 8px;--size-strip: 3px;--container-max: 1100px;--modal-max: 480px;--login-max: 400px;--transition-fast: .18s ease;--transition-medium: .22s ease;--transition-press: .05s ease;--transition-tween: cubic-bezier(.16, 1, .3, 1);--z-modal: 1000}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh}body{font-family:var(--font-sans);background:radial-gradient(1200px 600px at 100% -10%,rgba(79,70,229,.06),transparent 60%),radial-gradient(900px 500px at -10% 100%,rgba(16,185,129,.05),transparent 60%),var(--bg-app);background-attachment:fixed;color:var(--text-primary);line-height:var(--leading-base);font-size:var(--text-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}::selection{background:var(--primary-soft);color:var(--primary-active)}.container{max-width:var(--container-max);margin:0 auto;padding:var(--space-lg)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{display:grid}.flex-1{flex:1;min-width:0}.shrink-0{flex-shrink:0}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-meta{font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0}.text-row-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary)}.text-row-sub{font-size:var(--text-xs);color:var(--text-tertiary)}.text-hint-italic{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-soft);overflow:hidden;transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:linear-gradient(180deg,#f8fafc99,#fff0)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--ls-snug)}.card-body{padding:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-press),border-color var(--transition-fast);border:1px solid transparent;gap:var(--space-sm);line-height:var(--leading-tight);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:var(--bg-on-color);box-shadow:var(--shadow-primary-btn)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){background:var(--primary-active)}.btn-secondary{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong)}.btn-danger{background:var(--danger-light);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-sm{padding:5px var(--space-sm);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-block{width:100%}.input,textarea.input{width:100%;padding:9px var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-md);font-family:inherit;color:var(--text-primary);background:var(--bg-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.input::placeholder{color:var(--text-tertiary)}.input:hover:not(:focus):not(:disabled){border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.input:disabled{background:var(--bg-subtle);cursor:not-allowed}.input--flex1{flex:1}textarea.input{min-height:120px;resize:vertical;line-height:var(--leading-base)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);letter-spacing:var(--ls-wide)}.list{list-style:none}.list-item{padding:14px var(--space-lg);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);position:relative;transition:background-color var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--bg-subtle)}.list-item--stack{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.list-item--accent{padding-left:22px}.list-item--accent:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:var(--size-strip);border-radius:0 var(--size-strip) var(--size-strip) 0;background:var(--border);transition:background-color var(--transition-fast)}.list-item--accent-success:before{background:var(--success)}.list-item--accent-danger:before{background:var(--danger)}.list-item-content{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.row-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.row-head-left{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-width:0}.row-actions{display:flex;justify-content:flex-end}.count-bar{padding:var(--space-sm) var(--space-lg);background:var(--bg-subtle);border-bottom:1px solid var(--border-soft);font-size:var(--text-2xs);color:var(--text-secondary);font-weight:var(--font-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.count-bar strong{color:var(--text-primary);font-weight:var(--font-bold)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:3px var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:var(--ls-wide);white-space:nowrap;line-height:var(--leading-snug)}.badge-blue{background:var(--primary-light);color:var(--primary-active)}.badge-red{background:var(--danger-light);color:var(--danger-hover)}.badge-green{background:var(--success-light);color:var(--success-hover)}.status-dot{display:inline-flex;align-items:center;gap:var(--space-sm);padding:5px 12px 5px var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-semibold);background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-soft)}.status-dot:before{content:"";width:var(--size-dot);height:var(--size-dot);border-radius:50%;background:var(--text-tertiary);flex-shrink:0}.status-dot--active{background:var(--success-light);color:var(--success-hover);border-color:var(--tint-success-25)}.status-dot--active:before{background:var(--success);box-shadow:0 0 0 0 var(--tint-success-55);animation:pulse 1.8s ease-out infinite}.status-dot--idle{background:var(--danger-light);color:var(--danger-hover);border-color:var(--tint-danger-20)}.status-dot--idle:before{background:var(--danger)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--tint-success-55)}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.nav-tabs{display:flex;gap:var(--space-xs);padding:5px;background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-pill);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{flex:1;text-align:center;padding:var(--space-sm) 14px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);border:none;background:transparent;white-space:nowrap}.nav-tab:hover:not(.active){color:var(--text-primary);background:var(--bg-subtle)}.nav-tab.active{background:linear-gradient(180deg,var(--primary),var(--primary-hover));color:var(--bg-on-color);box-shadow:var(--shadow-primary-pill)}.nav-tab:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--transition-fast);padding:var(--space-md)}.modal-content{background:var(--bg-surface);padding:var(--space-lg);border-radius:var(--radius-xl);max-width:var(--modal-max);width:100%;box-shadow:var(--shadow-lg);animation:modal-in var(--transition-medium) var(--transition-tween);border:1px solid var(--border-soft)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-md);color:var(--text-primary);letter-spacing:var(--ls-snug)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.modal-text{font-size:var(--text-md);color:var(--text-primary)}.modal-subtext{font-size:var(--text-md);color:var(--text-secondary);margin-top:var(--space-sm)}.alert{padding:12px var(--space-md);border-radius:var(--radius-md);font-size:var(--text-md);margin-bottom:var(--space-md);border:1px solid transparent;display:flex;align-items:flex-start;gap:var(--space-sm)}.alert-success{background:var(--success-light);color:var(--success-hover);border-color:var(--tint-success-25)}.alert-error{background:var(--danger-light);color:var(--danger-hover);border-color:var(--tint-danger-20)}.alert--inset{margin:var(--space-md) var(--space-lg) 0}.alert--inset-sm{margin:var(--space-md)}.alert--stacked{flex-direction:column;align-items:stretch;gap:var(--space-md)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-xl);color:var(--text-tertiary);font-size:var(--text-md);display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state__icon{width:var(--size-icon-lg);height:var(--size-icon-lg);border-radius:50%;background:var(--bg-subtle);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs)}.empty-state__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary)}.empty-state__hint{font-size:var(--text-sm);color:var(--text-tertiary);max-width:320px}.loading{text-align:center;padding:var(--space-2xl) var(--space-xl);color:var(--text-secondary);font-size:var(--text-md);display:flex;flex-direction:column;align-items:center;gap:12px}.spinner{width:var(--size-icon-sm);height:var(--size-icon-sm);border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;flex-shrink:0}.spinner-sm{width:14px;height:14px;border-width:2px}.spinner-on-dark{border-color:#ffffff4d;border-top-color:var(--bg-on-color)}@keyframes spin{to{transform:rotate(360deg)}}.app-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.app-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--ls-tight)}.app-title__logo{width:var(--size-icon-md);height:var(--size-icon-md);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),#6366f1);color:var(--bg-on-color);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-logo)}.stat-tile{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:6px;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.stat-tile:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.stat-tile__label{font-size:var(--text-2xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--text-tertiary)}.stat-tile__value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--ls-tight)}.stat-tile__value--md{font-size:var(--text-lg)}.training-counts{display:flex;gap:var(--space-sm);font-size:var(--text-md);font-weight:var(--font-semibold)}.training-counts__spam{color:var(--danger)}.training-counts__good{color:var(--success)}.training-counts__sep{color:var(--text-tertiary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.test-result__icon{font-size:var(--text-3xl);width:var(--size-icon-lg);height:var(--size-icon-lg);display:flex;align-items:center;justify-content:center;background:var(--bg-on-color);border-radius:50%;font-weight:var(--font-bold);flex-shrink:0}.test-result__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.test-result__sub{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2xs)}.test-result__divider{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--tint-divider);font-size:var(--text-md)}.msg-bubble{font-size:var(--text-md);color:var(--text-primary);background:var(--bg-subtle);padding:10px 12px;border-radius:var(--radius-md);line-height:var(--leading-relax);white-space:pre-wrap;word-break:break-word;border:1px solid var(--border-soft)}.pagination{padding:var(--space-md);display:flex;justify-content:center;align-items:center;gap:var(--space-sm);border-top:1px solid var(--border-soft);background:var(--bg-subtle);font-size:var(--text-sm);color:var(--text-secondary)}.list-sentinel{padding:var(--space-md);display:flex;justify-content:center;align-items:center;gap:var(--space-sm);border-top:1px solid var(--border-soft);background:var(--bg-subtle);font-size:var(--text-sm);color:var(--text-secondary);min-height:48px}.list-sentinel--end{font-style:italic;color:var(--text-tertiary)}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-lg)}.login-card{width:100%;max-width:var(--login-max);padding:var(--space-xl);background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-soft)}.login-logo{width:var(--size-icon-xl);height:var(--size-icon-xl);margin:0 auto var(--space-md);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),#6366f1);color:var(--bg-on-color);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-logo-lg)}.login-title{font-size:var(--text-3xl);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--space-2xs)}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:var(--text-md)}.tg-user__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.tg-user__handle{color:var(--text-tertiary);font-weight:var(--font-normal)}.tg-user__phone{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2xs)}.sync-report__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%}.sync-report__title{font-size:var(--text-base);font-weight:var(--font-semibold)}.sync-report__time{font-size:var(--text-xs);color:var(--success-hover);font-weight:var(--font-medium);white-space:nowrap}.sync-report__time-sub{color:var(--text-tertiary);font-weight:var(--font-normal)}.sync-report__totals{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);align-items:center;font-size:var(--text-md);color:var(--text-primary)}.sync-report__totals strong{color:var(--text-primary);font-weight:var(--font-semibold)}.sync-report__sep{color:var(--text-tertiary)}.sync-report__breakdown{font-size:var(--text-sm);color:var(--text-secondary)}.sync-report__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-sm)}.sync-report__footnote{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.sync-stat{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-sm) 12px;background:var(--bg-on-color);border-radius:var(--radius-md);border:1px solid var(--border-soft)}.sync-stat__label{font-size:var(--text-2xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--text-tertiary)}.sync-stat__value{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--ls-tight);line-height:1}.sync-stat--success .sync-stat__value{color:var(--success-hover)}.sync-stat--info .sync-stat__value{color:var(--primary-active)}.sync-stat--danger .sync-stat__value{color:var(--danger-hover)}.sync-stat--muted .sync-stat__value{color:var(--text-secondary)}@media (max-width: 640px){.container,.card-body,.card-header{padding:var(--space-md)}.nav-tab{padding:var(--space-sm) 10px;font-size:var(--text-xs)}.app-title{font-size:var(--text-2xl)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}