.dashboard{margin-bottom:24px}.dashboard-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--text-secondary)}.dashboard-spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:dashboard-spin .7s linear infinite}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-error{color:var(--error);text-align:center;padding:24px}.dashboard-header{margin-bottom:20px}.dashboard-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.dashboard-cards{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.dashboard-card{flex:1;min-width:100px;max-width:160px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s}.dashboard-card:hover{border-color:color-mix(in srgb,var(--border) 75%,var(--primary))}.dashboard-card--success{border-color:color-mix(in srgb,var(--success) 40%,var(--border))}.dashboard-card--warning{border-color:color-mix(in srgb,var(--warning) 40%,var(--border))}.dashboard-card--error{border-color:color-mix(in srgb,var(--error) 40%,var(--border))}.dashboard-card-value{display:block;font-size:24px;font-weight:700;color:var(--text);margin-bottom:4px}.dashboard-card-label{font-size:12px;color:var(--text-secondary)}.dashboard-chart-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:border-color .15s}.dashboard-chart-card:hover{border-color:color-mix(in srgb,var(--border) 75%,var(--primary))}.dashboard-chart-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text)}.dashboard-chart-inner{min-height:200px}@media(max-width:500px){.dashboard-cards{justify-content:space-between}.dashboard-card{min-width:calc(50% - 6px);max-width:none}}.channels-page{margin-bottom:24px}.channels-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border)}.channels-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--text-secondary)}.channels-spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:channels-spin .7s linear infinite}@keyframes channels-spin{to{transform:rotate(360deg)}}.channels-header{margin-bottom:20px}.channels-title{margin:0 0 6px;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.channels-subtitle{margin:0;font-size:14px;color:var(--text-secondary)}.channels-error{padding:14px 16px;background:#ef444414;border:1px solid color-mix(in srgb,var(--error) 40%,transparent);color:var(--error);border-radius:var(--radius-md);margin-bottom:20px;font-size:14px}.channels-empty{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;margin-bottom:24px}.channels-empty h3{margin:0 0 8px;font-size:1.1rem;color:var(--text)}.channels-empty p{font-size:14px;color:var(--text-secondary);max-width:360px;margin:0 auto}.channels-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.channels-item{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s}.channels-item:hover{border-color:color-mix(in srgb,var(--border) 75%,var(--primary))}.channels-item.monitored{border-left:3px solid var(--success);padding-left:13px}.channels-item-expand{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--text-secondary);background:var(--surface-muted);border:none;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.channels-item-expand:hover{color:var(--primary);background:color-mix(in srgb,var(--border) 50%,var(--surface-muted))}.channels-item-summary{flex:1;display:flex;align-items:center;gap:14px;min-width:0;padding:0;border:none;background:transparent;cursor:pointer;text-align:left}.channels-item-summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.channels-item-toggle{position:relative;flex-shrink:0;cursor:pointer;width:40px;height:22px}.channels-item-toggle input{position:absolute;opacity:0;width:0;height:0}.channels-item-toggle-slider{position:relative;display:block;width:40px;height:22px;border-radius:11px;background:var(--surface-muted);border:1px solid var(--border);transition:background .2s,border-color .2s}.channels-item-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-secondary);transition:transform .2s,background .2s}.channels-item-toggle input:checked+.channels-item-toggle-slider{background:#10b98133;border-color:var(--success)}.channels-item-toggle input:checked+.channels-item-toggle-slider:after{transform:translate(18px);background:var(--success)}.channels-item-toggle:hover .channels-item-toggle-slider{border-color:var(--primary)}.channels-item-info{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1;max-width:280px}.channels-item-title{font-weight:600;color:var(--text);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channels-item-username{color:var(--text-secondary);font-size:13px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channels-item-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary);flex-shrink:0}.channels-item-error{color:var(--error)}.channels-item-delete{flex-shrink:0;margin-left:auto;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:18px;font-weight:600;line-height:1;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.channels-item-delete:hover{background:#ef44441f;color:var(--error)}.channels-item-details{width:100%;flex-basis:100%;order:999;border-top:1px solid var(--border);margin-top:4px;padding:14px 16px;background:var(--surface-muted);margin-left:0;border-radius:0 0 var(--radius-md) var(--radius-md)}.channels-item-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 20px}.channels-item-detail{display:flex;flex-direction:column;gap:4px}.channels-item-detail-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.channels-item-detail-identity span{display:inline-flex;align-items:center;gap:8px}.channels-edit-identity-btn{padding:2px 6px;font-size:12px;border:none;border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.channels-edit-identity-btn:hover{background:var(--primary);color:#fff}.channels-item-link{color:var(--primary);font-size:14px}.channels-item-link:hover{text-decoration:underline}.channels-item-detail-error{margin-top:14px}.channels-item-detail-error pre{margin:6px 0 0;padding:10px;background:#ef444414;border-radius:var(--radius-sm);font-size:12px;color:var(--error);white-space:pre-wrap;word-break:break-word}.channels-add-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}@media(max-width:768px){.channels-item{flex-wrap:wrap}.channels-item-info{max-width:none;flex:1 1 100%}.channels-item-meta{width:100%}.channels-item-delete{margin-left:auto}}.channel-selector{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);margin-bottom:24px}.channel-selector.loading,.channel-selector.error{display:flex;align-items:center;justify-content:center;padding:60px 20px}.error-content{text-align:center}.error-content h3{margin:0 0 8px;color:var(--text)}.error-content p{margin:0 0 16px;color:var(--text-secondary)}.retry-btn{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.selector-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.selector-header h2{margin:0 0 8px;font-size:1.35rem;font-weight:700;color:var(--text)}.selector-subtitle{margin:0;color:var(--text-secondary);font-size:14px}.selector-header .refresh-btn{flex-shrink:0}.search-bar{position:relative;margin-bottom:16px}.search-input{width:100%;padding:12px 36px 12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;background:var(--bg-secondary);transition:border-color .15s ease,box-shadow .15s ease}.search-input:focus{outline:none;border-color:color-mix(in srgb,var(--border) 70%,var(--primary));box-shadow:var(--ring)}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--surface-muted);border:none;border-radius:50%;width:26px;height:26px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s}.clear-search:hover{background:var(--border);color:var(--text)}.channels-stats{display:flex;gap:16px;padding:12px;background:var(--surface-muted);border-radius:var(--radius-md);margin-bottom:16px;font-size:14px;color:#6b7280}.channels-stats strong{color:var(--text);font-weight:700}.channels-pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 0 8px;margin-top:8px;border-top:1px solid var(--border)}.pagination-btn{padding:10px 20px;min-width:100px;font-size:14px;font-weight:600;color:var(--primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.pagination-btn:hover:not(:disabled){background:var(--surface-muted);border-color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary)}.pagination-info{font-size:14px;color:var(--text-secondary)}.pagination-info strong{color:var(--text);font-weight:600}.channel-selector .empty-state{text-align:center;padding:48px 20px;color:var(--text-secondary)}.channel-selector .empty-icon{font-size:64px;display:block;margin-bottom:16px}.channel-selector .empty-state h3{margin:0 0 8px;color:var(--text);font-size:1.15rem}.channel-selector .empty-state p{margin:0;font-size:14px;color:var(--text-secondary)}.channel-selector .channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:16px}.channel-selector .channel-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;transition:border-color .15s;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.channel-selector .channel-card:hover{border-color:color-mix(in srgb,var(--border) 70%,var(--primary))}.channel-selector .channel-info{flex:1;min-width:0}.channel-selector .channel-details{min-width:0}.channel-selector .channel-title{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-selector .channel-username{margin:0;font-size:12px;color:var(--text-secondary)}.add-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s}.add-btn:hover:not(:disabled){background:var(--primary-dark);transform:none;box-shadow:none}.add-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.channel-selector .refresh-btn{padding:10px 20px;background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.channel-selector .refresh-btn:hover{background:var(--surface-muted);border-color:var(--primary)}.channel-selector .spinner{width:36px;height:36px;border:3px solid var(--surface-muted);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.add-identity-modal{max-width:420px}.add-identity-prompt{margin:0 0 16px;color:var(--text-secondary);font-size:14px}.add-identity-progress-wrap{padding:20px 0}.add-identity-progress-track{height:6px;background:var(--surface-muted);border-radius:3px;overflow:hidden;margin-bottom:8px}.add-identity-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .1s linear}.add-identity-progress-label{font-size:13px;color:var(--text-secondary)}.add-identity-error-row{margin-bottom:16px}.add-identity-error{color:#dc2626;font-size:14px;margin:0 0 8px}.add-identity-retry-btn{padding:8px 16px;font-size:13px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.add-identity-retry-btn:hover:not(:disabled){opacity:.9}.add-identity-retry-btn:disabled{opacity:.7;cursor:wait}.add-identity-empty{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.add-identity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:20px;max-height:200px;overflow-y:auto}.add-identity-card{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s}.add-identity-card:hover{border-color:var(--primary);background:var(--surface-muted)}.add-identity-card input{display:none}.add-identity-card input:checked+.add-identity-type,.add-identity-card:has(input:checked){font-weight:600}.add-identity-card:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.add-identity-type{font-size:11px;color:var(--text-secondary);text-transform:uppercase}.add-identity-title{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirm-modal-backdrop{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.confirm-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:100%;box-shadow:var(--shadow-md)}.confirm-modal-title{margin:0 0 10px;font-size:1.1rem;font-weight:700;color:var(--text)}.confirm-modal-message{margin:0 0 20px;font-size:14px;color:var(--text-secondary);line-height:1.5}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-modal-btn{padding:10px 18px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s;border:none}.confirm-modal-btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.confirm-modal-btn--secondary:hover{background:var(--surface-muted);border-color:color-mix(in srgb,var(--border) 80%,var(--primary))}.confirm-modal-btn--primary{background:var(--primary);color:#fff}.confirm-modal-btn--primary:hover{background:var(--primary-dark)}.confirm-modal-btn--danger{background:var(--error);color:#fff}.confirm-modal-btn--danger:hover{background:#b91c1c}.telegram-auth{background:transparent;padding:0;max-width:100%}.telegram-auth-success{padding:16px 0}.telegram-auth-success-text{margin:0 0 12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.telegram-auth-reset-link{background:none;border:none;padding:0;font-size:13px;color:var(--text-secondary);cursor:pointer;text-decoration:underline;font:inherit}.telegram-auth-reset-link:hover{color:var(--text)}.auth-header{margin-bottom:20px}.auth-header h2{margin:0 0 4px;font-size:15px;color:var(--text);font-weight:600}.auth-subtitle{margin:0;color:var(--text-secondary);font-size:14px}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:color-mix(in srgb,white 85%,rgba(220,38,38,.12));border:1px solid color-mix(in srgb,var(--border) 40%,var(--error));border-radius:var(--radius-md);color:color-mix(in srgb,var(--text) 35%,var(--error));font-size:14px;margin-bottom:24px}.auth-form{margin-bottom:24px}.status-message{padding:12px 0;margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.status-message p{margin:0 0 8px;color:var(--text);font-size:14px}.status-message strong{font-weight:700}.status-hint{font-size:14px!important;color:var(--text-secondary)!important}.telegram-auth .form-group{margin-bottom:20px}.telegram-auth .form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text);font-size:14px}.form-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px;background:var(--bg-secondary);transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus{outline:none;border-color:color-mix(in srgb,var(--border) 70%,var(--primary));box-shadow:var(--ring)}.form-input:disabled{background:#f3f4f6;cursor:not-allowed}.code-input{text-align:center;font-size:24px;letter-spacing:.5em;font-weight:600}.form-hint{margin:8px 0 0;font-size:13px;color:#6b7280}.submit-btn{width:100%;padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:none;box-shadow:none}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.auth-info{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.auth-info h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.auth-info ul{margin:0;padding-left:18px;font-size:13px;color:var(--text-secondary);line-height:1.6}.auth-info li{margin-bottom:2px}.link-btn{width:100%;margin-top:8px;background:transparent;border:none;padding:6px 0;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline}.link-btn:hover:not(:disabled){color:var(--text)}.link-btn:disabled{color:var(--text-secondary);opacity:.6;cursor:not-allowed;text-decoration:none}.history-viewer{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);margin-bottom:24px}.history-viewer--loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--text-secondary)}.history-spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:history-spin .7s linear infinite}@keyframes history-spin{to{transform:rotate(360deg)}}.history-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.history-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.history-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.history-select-wrap{position:relative}.history-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 32px 8px 12px;min-width:120px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.history-select:hover{border-color:color-mix(in srgb,var(--border) 80%,var(--primary))}.history-select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.history-btn{padding:8px 14px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.history-btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.history-btn--secondary:hover{background:var(--surface-muted);border-color:color-mix(in srgb,var(--border) 80%,var(--primary))}.history-btn--danger{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error);border-color:color-mix(in srgb,var(--error) 30%,transparent)}.history-btn--danger:hover{background:color-mix(in srgb,var(--error) 20%,transparent)}.history-clear-dropdown{position:relative}.history-dropdown-backdrop{position:fixed;inset:0;z-index:9}.history-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;overflow:hidden}.history-dropdown-item{display:block;width:100%;padding:10px 14px;text-align:left;font-size:13px;color:var(--text);background:none;border:none;cursor:pointer;transition:background .12s}.history-dropdown-item:hover{background:var(--surface-muted)}.history-empty{text-align:center;padding:48px 24px;color:var(--text-secondary)}.history-empty h3{margin:0 0 8px;font-size:1.1rem;color:var(--text)}.history-empty p{font-size:14px;max-width:360px;margin:0 auto}.history-meta{margin-bottom:14px;font-size:13px;color:var(--text-secondary)}.history-list{display:flex;flex-direction:column;gap:10px}.history-card{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s}.history-card:hover{border-color:color-mix(in srgb,var(--border) 75%,var(--primary))}.history-card-summary{width:100%;border:none;background:transparent;cursor:pointer;padding:14px 16px;text-align:left;display:grid;grid-template-columns:28px 1.1fr 1.6fr 1.5fr auto;gap:14px;align-items:center;position:relative}.history-card-summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.history-card-col{min-width:0}.history-card-col--expand{display:flex;align-items:center}.history-expand-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:16px;font-weight:600;color:var(--text-secondary);background:var(--surface-muted);border-radius:6px;transition:background .15s,color .15s}.history-card-summary:hover .history-expand-icon{color:var(--primary);background:color-mix(in srgb,var(--border) 50%,var(--surface-muted))}.history-card-col--actions{display:flex;align-items:center}.history-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-secondary);font-size:18px;font-weight:600;line-height:1;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s}.history-delete-btn:hover{background:#ef44441f;color:var(--error)}.history-muted{color:var(--text-secondary);font-size:12px}.history-mono{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:12px}.history-spacer{flex:1}.history-username{font-size:12px;color:var(--text-secondary);margin-top:2px}.history-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.history-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.history-badge{display:inline-flex;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}.history-badge--success{background:color-mix(in srgb,var(--success) 18%,transparent);color:#166534}.history-badge--pending{background:color-mix(in srgb,var(--warning) 18%,transparent);color:#92400e}.history-badge--error{background:color-mix(in srgb,var(--error) 14%,transparent);color:#991b1b}.history-badge--info{background:#dbeafe;color:#1d4ed8}.history-text{font-size:13px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word}.history-comment-empty{font-size:13px;color:var(--text-secondary)}.history-card-details{border-top:1px solid var(--border);background:var(--surface-muted);padding:14px 16px}.history-details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.history-details-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;min-width:0}.history-details-title{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.history-pre{margin:8px 0 0;padding:10px;background:var(--primary-dark);color:#e2e8f0;border-radius:6px;font-size:12px;line-height:1.5;overflow:auto;white-space:pre-wrap;word-break:break-word}.history-error{margin-top:8px}.history-error pre{margin:0;font-size:11px;color:var(--error);white-space:pre-wrap}.history-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.history-pagination-btn{padding:8px 16px;font-size:13px;font-weight:600;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.history-pagination-btn:hover:not(:disabled){background:var(--surface-muted);border-color:color-mix(in srgb,var(--border) 80%,var(--primary))}.history-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.history-pagination-info{font-size:13px;color:var(--text-secondary)}@media(max-width:1100px){.history-card-summary{grid-template-columns:28px 1fr 1fr auto}.history-card-col--comment{grid-column:2 / -1}.history-details-grid{grid-template-columns:1fr}}@media(max-width:700px){.history-card-summary{grid-template-columns:28px 1fr auto}.history-card-col--post,.history-card-col--comment{grid-column:2 / -1}}.settings-page{margin-bottom:24px}.settings-page.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--text-secondary)}.settings-spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:settings-spin .7s linear infinite}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.settings-header-left{flex:1;min-width:0}.settings-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.settings-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.settings-toast{padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600;white-space:nowrap;animation:settings-toast-in .35s ease-out}.settings-toast--success{background:color-mix(in srgb,var(--success) 14%,transparent);color:#166534;border:1px solid color-mix(in srgb,var(--success) 40%,var(--border))}.settings-toast--error{background:color-mix(in srgb,var(--error) 12%,transparent);color:#991b1b;border:1px solid color-mix(in srgb,var(--error) 40%,var(--border))}@keyframes settings-toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.settings-title{margin:0 0 6px;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.settings-subtitle{margin:0;font-size:14px;color:var(--text-secondary)}.settings-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;transition:border-color .15s}.settings-section:hover{border-color:color-mix(in srgb,var(--border) 75%,var(--primary))}.settings-section-title{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text)}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field-label{font-size:13px;font-weight:600;color:var(--text)}.settings-field-description{font-size:12px;color:var(--text-secondary);margin-top:2px}.settings-select,.settings-textarea{max-width:400px;padding:10px 12px;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}.settings-select:hover,.settings-textarea:hover{border-color:color-mix(in srgb,var(--border) 80%,var(--primary))}.settings-select:focus,.settings-textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.settings-select:disabled,.settings-textarea:disabled{opacity:.85;cursor:not-allowed;background:var(--surface-muted, var(--bg-secondary))}.settings-textarea{resize:vertical;min-height:100px}.settings-checkbox-wrap{display:flex;align-items:center;gap:10px;cursor:pointer}.settings-checkbox-wrap input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.settings-examples{display:flex;flex-direction:column;gap:10px}.settings-example-card{padding:12px 14px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md)}.settings-example-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.settings-example-text{font-size:14px;line-height:1.55;color:var(--text)}.settings-message{padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;margin-bottom:20px}.settings-message.success{background:color-mix(in srgb,var(--success) 12%,transparent);color:#166534;border:1px solid color-mix(in srgb,var(--success) 35%,var(--border))}.settings-message.error{background:color-mix(in srgb,var(--error) 10%,transparent);color:#991b1b;border:1px solid color-mix(in srgb,var(--error) 35%,var(--border))}.settings-actions{display:flex;gap:10px;margin-top:24px}.settings-btn{padding:10px 18px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s;display:flex;align-items:center;gap:8px}.settings-btn--primary{background:var(--primary);color:#fff;border:none}.settings-btn--primary:hover:not(:disabled){background:var(--primary-dark)}.settings-btn--primary:disabled{background:#9ca3af;cursor:not-allowed}.settings-btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.settings-btn--secondary:hover:not(:disabled){background:var(--surface-muted);border-color:color-mix(in srgb,var(--border) 80%,var(--primary))}.settings-spinner-btn{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:settings-spin .7s linear infinite}.settings-send-as-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.settings-send-as-error{font-size:13px;color:var(--error, #dc2626);margin:8px 0 12px}.settings-identities-grid{display:flex;flex-direction:column;gap:8px;margin-top:12px}.settings-identity-card{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;background:var(--surface-muted);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s}.settings-identity-card:hover{border-color:color-mix(in srgb,var(--border) 70%,var(--primary));background:var(--surface)}.settings-identity-card:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.settings-identity-card input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.settings-identity-type{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;min-width:100px}.settings-identity-title{font-size:14px;font-weight:600;color:var(--text);flex:1}.settings-identity-premium{font-size:11px;color:var(--primary);font-weight:600}.audit-viewer{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);margin-bottom:24px}.audit-viewer--loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--text-secondary)}.audit-spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:audit-spin .7s linear infinite}@keyframes audit-spin{to{transform:rotate(360deg)}}.audit-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.audit-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.audit-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.audit-select-wrap{position:relative}.audit-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 32px 8px 12px;min-width:120px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.audit-select:hover{border-color:color-mix(in srgb,var(--border) 80%,var(--primary))}.audit-btn{padding:8px 14px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.audit-btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.audit-btn--secondary:hover{background:var(--surface-muted);border-color:color-mix(in srgb,var(--border) 80%,var(--primary))}.audit-btn--danger{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error);border-color:color-mix(in srgb,var(--error) 30%,transparent)}.audit-btn--danger:hover{background:color-mix(in srgb,var(--error) 20%,transparent)}.audit-clear-dropdown{position:relative}.audit-dropdown-backdrop{position:fixed;inset:0;z-index:9}.audit-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;overflow:hidden}.audit-dropdown-item{display:block;width:100%;padding:10px 14px;text-align:left;font-size:13px;color:var(--text);background:none;border:none;cursor:pointer;transition:background .12s}.audit-dropdown-item:hover{background:var(--surface-muted)}.audit-empty{text-align:center;padding:48px 24px;color:var(--text-secondary)}.audit-empty h3{margin:0 0 8px;font-size:1.1rem;color:var(--text)}.audit-empty p{font-size:14px;max-width:360px;margin:0 auto}.audit-meta{margin-bottom:14px;font-size:13px;color:var(--text-secondary)}.audit-list{display:flex;flex-direction:column;gap:10px}.audit-card{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s}.audit-card:hover{border-color:color-mix(in srgb,var(--border) 75%,var(--primary))}.audit-card-summary{width:100%;border:none;background:transparent;cursor:pointer;padding:14px 16px;text-align:left;display:grid;grid-template-columns:28px 1.2fr 2fr 1.2fr;gap:14px;align-items:center}.audit-card-summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.audit-card-col{min-width:0}.audit-card-col--expand{display:flex;align-items:center}.audit-expand-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:16px;font-weight:600;color:var(--text-secondary);background:var(--surface-muted);border-radius:6px;transition:background .15s,color .15s}.audit-card-summary:hover .audit-expand-icon{color:var(--primary);background:color-mix(in srgb,var(--border) 50%,var(--surface-muted))}.audit-summary{font-size:13px;color:var(--text)}.audit-muted{color:var(--text-secondary);font-size:13px}.audit-card-details{border-top:1px solid var(--border);background:var(--surface-muted);padding:14px 16px}.audit-details-grid{display:grid;grid-template-columns:1fr 2fr;gap:14px}.audit-details-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;min-width:0}.audit-details-block--wide{grid-column:1 / -1}.audit-details-title{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.audit-ua{margin-top:6px;font-size:12px;word-break:break-all;color:var(--text-secondary)}.audit-pre{margin:8px 0 0;padding:10px;background:var(--primary-dark);color:#e2e8f0;border-radius:6px;font-size:12px;line-height:1.5;overflow:auto;white-space:pre-wrap;word-break:break-word}.audit-details-text{font-size:13px;line-height:1.6;color:var(--text)}.audit-details-text>div{margin-bottom:4px}.audit-details-text>div:last-child{margin-bottom:0}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.audit-pagination-btn{padding:8px 16px;font-size:13px;font-weight:600;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.audit-pagination-btn:hover:not(:disabled){background:var(--surface-muted);border-color:color-mix(in srgb,var(--border) 80%,var(--primary))}.audit-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.audit-pagination-info{font-size:13px;color:var(--text-secondary)}@media(max-width:900px){.audit-card-summary{grid-template-columns:28px 1fr 1fr}.audit-card-col--time{grid-column:2 / -1}.audit-details-grid{grid-template-columns:1fr}}.info-page{display:flex;flex-direction:column;gap:20px}.info-section{padding:20px 24px}.info-section-title{margin:0 0 16px;font-size:18px;font-weight:700;color:var(--text)}.info-offer{font-size:14px;line-height:1.65;color:var(--text-secondary);max-height:400px;overflow-y:auto;padding-right:8px}.info-offer::-webkit-scrollbar{width:6px}.info-offer::-webkit-scrollbar-track{background:var(--bg-card);border-radius:3px}.info-offer::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.info-offer-intro{margin:0 0 18px;color:var(--text)}.info-offer-h3{margin:16px 0 8px;font-size:15px;font-weight:600;color:var(--text)}.info-offer-h3:first-of-type{margin-top:0}.info-offer-h3--warning{margin-top:20px}.info-offer-list--warn{margin:6px 0 14px 2px;padding-left:18px;border-left:3px solid var(--warn, #f59e0b)}.info-offer-p{margin:0 0 10px}.info-offer-list{margin:6px 0 14px;padding-left:20px}.info-offer-list li{margin-bottom:6px}.info-offer-link{color:var(--primary);text-decoration:none}.info-offer-link:hover{text-decoration:underline}.info-support-desc{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.info-support-link{display:inline-block;padding:8px 14px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);text-decoration:none;font-weight:500;font-size:14px;transition:opacity .2s ease}.info-support-link:hover{opacity:.92}.info-support-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.info-support-note{margin:14px 0 0;font-size:13px;color:var(--text-secondary)}.sessions-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.sessions-modal{background:var(--bg-secondary);border-radius:14px;box-shadow:var(--shadow-md);max-width:460px;width:90%;max-height:80vh;display:flex;flex-direction:column}.sessions-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.sessions-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.sessions-modal-close{width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-secondary);font-size:24px;cursor:pointer;border-radius:8px;line-height:1}.sessions-modal-close:hover{background:var(--surface-muted);color:var(--text)}.sessions-modal-body{padding:20px;overflow-y:auto;flex:1;min-height:80px}.sessions-loading,.sessions-empty{color:var(--text-secondary);text-align:center;margin:0}.sessions-list{list-style:none;margin:0;padding:0}.sessions-item{padding:12px 0;border-bottom:1px solid var(--border)}.sessions-item:last-child{border-bottom:none}.sessions-item-main{display:flex;justify-content:space-between;gap:12px}.sessions-item-ip{font-weight:500;color:var(--text)}.sessions-item-date{font-size:13px;color:var(--text-secondary)}.sessions-item-ua{margin-top:4px;font-size:12px;color:var(--text-secondary);word-break:break-all}.sessions-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--border)}.sessions-revoke-btn{padding:8px 16px;font-size:14px;font-weight:500;border:1px solid var(--error);background:transparent;color:var(--error);border-radius:8px;cursor:pointer}.sessions-revoke-btn:hover:not(:disabled){background:#dc262614}.sessions-revoke-btn:disabled{opacity:.5;cursor:not-allowed}.sessions-close-btn{padding:8px 16px;font-size:14px;font-weight:500;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:8px;cursor:pointer}.sessions-close-btn:hover{background:var(--surface-muted)}.onboarding-backdrop{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;animation:onboarding-fadeIn .25s ease}@keyframes onboarding-fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 32px;max-width:440px;width:100%;box-shadow:0 20px 40px #00000026;animation:onboarding-cardIn .3s ease}@keyframes onboarding-cardIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.onboarding-progress{display:flex;align-items:center;gap:12px;margin-bottom:20px}.onboarding-progress-text{font-size:13px;font-weight:500;color:var(--text-secondary)}.onboarding-dots{display:flex;gap:6px}.onboarding-dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:background .2s ease}.onboarding-dot.active{background:var(--primary)}.onboarding-title{margin:0 0 12px;font-size:22px;font-weight:700;color:var(--text);line-height:1.3}.onboarding-description{margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--text-secondary)}.onboarding-actions{display:flex;flex-direction:column;gap:16px}.onboarding-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.onboarding-link{background:none;border:none;padding:0;font-size:13px;color:var(--text-secondary);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.onboarding-link:hover{color:var(--primary)}.onboarding-link-sep{color:var(--border);font-size:12px;-webkit-user-select:none;user-select:none}.onboarding-btn-primary{padding:12px 20px;font-size:15px;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s ease,background .2s ease}.onboarding-btn-primary:hover{opacity:.95}.onboarding-btn-primary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:480px){.onboarding-card{padding:22px 20px}.onboarding-title{font-size:20px}.onboarding-description{font-size:14px}}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1040px;margin:0 auto;padding:0 16px;width:100%}.header{background:var(--bg-secondary);padding:16px 0;text-align:left;border-bottom:1px solid var(--border)}.header h1{font-size:18px;margin-bottom:4px;font-weight:700;color:var(--text)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.header-left{min-width:0}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}.auth-widget{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);text-align:left;white-space:nowrap}.auth-dot{width:10px;height:10px;border-radius:999px;background:#9ca3af;box-shadow:0 0 0 3px #9ca3af2e}.auth-dot.ok{background:var(--success);box-shadow:0 0 0 3px #16a34a29}.auth-dot.warn{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b29}.auth-dot.err{background:var(--error);box-shadow:0 0 0 3px #dc262624}.auth-widget-title{font-weight:600;color:var(--text)}.auth-widget-status{color:var(--text-secondary);font-weight:500}.auth-widget-logout{margin-left:8px;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.auth-widget-logout:hover{background:var(--surface-muted);color:var(--text);border-color:var(--border)}.sessions-btn{cursor:pointer;font-family:inherit}.sessions-btn:hover{background:var(--surface-muted);border-color:var(--border)}.auth-widget-login{margin-left:8px;padding:4px 10px;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.auth-widget-login:hover{opacity:.9}.subtitle{font-size:13px;color:var(--text-secondary)}.main{flex:1;padding:20px 0}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:18px;margin-bottom:16px;border:1px solid var(--border);text-align:left}.card.success{border-color:var(--success)}.card.error{border-color:var(--error)}.card h2{margin-bottom:10px;font-size:18px;font-weight:700}.loader{border:4px solid var(--bg-card);border-top:4px solid var(--primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px}.status-item{display:flex;flex-direction:column;gap:5px}.label{font-size:.9rem;color:var(--text-secondary)}.value{font-size:1.1rem;font-weight:600;color:var(--success)}.progress-section{background:var(--bg-secondary);border-radius:12px;padding:30px;margin-top:30px;border:1px solid var(--border)}.progress-section h2{margin-bottom:20px}.progress-list{display:flex;flex-direction:column;gap:15px}.progress-item{display:flex;align-items:center;gap:15px;padding:15px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border)}.progress-item.completed{border-color:var(--success);background:linear-gradient(90deg,var(--bg-card) 0%,rgba(16,185,129,.1) 100%)}.progress-icon{font-size:1.5rem}.progress-text{font-size:1.1rem;font-weight:500}.progress-item.pending .progress-text{color:var(--text-secondary)}.features{margin-bottom:40px}.features h2{text-align:center;margin-bottom:30px;font-size:2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.feature-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:25px;text-align:center;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-5px);border-color:var(--primary)}.icon{font-size:3rem;margin-bottom:15px}.feature-card h3{margin-bottom:10px;font-size:1.3rem}.feature-card p{color:var(--text-secondary);font-size:.95rem}.next-steps{background:var(--bg-secondary);border-radius:12px;padding:30px;border:1px solid var(--border)}.next-steps h2{margin-bottom:20px;font-size:1.8rem}.next-steps ol{list-style-position:inside;font-size:1.1rem}.next-steps li{margin-bottom:12px;padding:10px;background:var(--bg-card);border-radius:8px}.footer{background:var(--bg-secondary);padding:20px 0;text-align:center;border-top:1px solid var(--border);margin-top:auto}.footer p{color:var(--text-secondary);font-size:.9rem}@media(max-width:768px){.header h1{font-size:18px}.subtitle{font-size:13px}.feature-grid{grid-template-columns:1fr}.status-info{flex-direction:column;gap:15px}}.tabs-container{display:flex;gap:8px;margin-bottom:24px;padding:4px;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow-x:auto;flex-wrap:wrap;border:1px solid var(--border)}.tab{padding:10px 14px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.tab:hover{background:var(--surface-muted);color:var(--text)}.tab.active{background:var(--primary);color:#fff}.setup-section{background:var(--bg-secondary);color:var(--text);border-radius:12px;padding:32px;margin-bottom:24px;text-align:center;border:1px solid var(--border)}.setup-section h2{margin:0 0 12px;font-size:32px}.section-description{margin:0;font-size:16px;opacity:.95}.unlock-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.unlock-gate-card{max-width:400px;width:100%;padding:32px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;text-align:center}.unlock-gate-card h2{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--text)}.unlock-gate-desc{margin:0 0 24px;font-size:14px;color:var(--text-secondary);line-height:1.5}.unlock-gate-form{display:flex;flex-direction:column;gap:12px}.unlock-gate-input{width:100%;padding:12px 16px;font-size:15px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);box-sizing:border-box}.unlock-gate-input::placeholder{color:var(--text-secondary)}.unlock-gate-input:focus{outline:none;border-color:var(--accent, #007aff)}.unlock-gate-input:disabled{opacity:.6;cursor:not-allowed}.unlock-gate-submit{padding:12px 24px;font-size:15px;font-weight:500;color:#fff;background:var(--accent, #007aff);border:none;border-radius:10px;cursor:pointer;transition:opacity .2s}.unlock-gate-submit:hover:not(:disabled){opacity:.9}.unlock-gate-submit:disabled{opacity:.6;cursor:not-allowed}.unlock-gate-error{margin:16px 0 0;font-size:14px;color:var(--error, #e74c3c)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f6f7f9;--surface: #ffffff;--surface-muted: #f8fafc;--bg-secondary: var(--surface);--bg-card: var(--surface);--text: #0f172a;--text-secondary: #64748b;--border: #e2e8f0;--primary: #111827;--primary-dark: #0b1220;--success: #16a34a;--warning: #f59e0b;--error: #dc2626;--radius-lg: 14px;--radius-md: 10px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 30px rgba(15, 23, 42, .1);--ring: 0 0 0 3px rgba(15, 23, 42, .12)}html{font-size:14px}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);line-height:1.55}::selection{background:#0f172a1a}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--text);line-height:1.2;letter-spacing:-.01em;font-weight:700}p{color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-secondary) 85%,transparent)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-muted);color:var(--text-secondary);cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--ring);border-color:color-mix(in srgb,var(--border) 70%,var(--primary))}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}