:root{--accent: #0078d4;--accent-hover: #106ebe;--accent-rgb: 0, 120, 212;--good: #10b981;--good-rgb: 16, 185, 129;--warning: #f59e0b;--warning-rgb: 245, 158, 11;--error: #ef4444;--error-rgb: 239, 68, 68;--bg: radial-gradient(circle at 10% 20%, #f3f4f6 0%, #e5e7eb 90%);--surface: rgba(255, 255, 255, .75);--surface-solid: #ffffff;--text: #1f2937;--text-secondary: #4b5563;--border: rgba(0, 0, 0, .08);--shadow: 0 10px 30px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--glass-blur: blur(12px);--radius: 14px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--widget-bg: rgba(255, 255, 255, .6);--widget-border: rgba(0, 0, 0, .08);--widget-text: #1a1a1a;--widget-text-subtle: #5f5f5f;--widget-divider-col: rgba(0, 0, 0, .08);--widget-row-hover: rgba(0, 0, 0, .03)}@media (prefers-color-scheme: dark){:root{--bg: radial-gradient(circle at 10% 20%, #0f172a 0%, #020617 90%);--surface: rgba(30, 41, 59, .6);--surface-solid: #1e293b;--text: #f8fafc;--text-secondary: #94a3b8;--border: rgba(255, 255, 255, .08);--shadow: 0 10px 30px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .1);--widget-bg: rgba(32, 32, 32, .65);--widget-border: rgba(255, 255, 255, .06);--widget-text: #ffffff;--widget-text-subtle: #a0a0a0;--widget-divider-col: rgba(255, 255, 255, .08);--widget-row-hover: rgba(255, 255, 255, .04)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);background-attachment:fixed;color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px}.app-layout{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:30px}.app-header{margin-bottom:10px}.logo-container{display:flex;align-items:center;gap:16px}.app-logo{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,120,212,.2))}.app-header h1{font-size:26px;font-weight:700;background:linear-gradient(135deg,var(--text) 30%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-header .subtitle{font-size:14px;color:var(--text-secondary)}.main-content{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}@media (max-width: 768px){.main-content{grid-template-columns:1fr}}.card{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}.card h2{font-size:18px;font-weight:600;margin-bottom:6px}.section-desc{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.form-group{margin-bottom:22px}.form-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text)}.tooltip-trigger{font-size:12px;color:var(--accent);cursor:help;opacity:.8}.form-group input,.form-group select{width:100%;padding:11px 14px;font-size:14px;font-family:var(--font);background:#00000008;color:var(--text);border:1px solid var(--border);border-radius:8px;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme: dark){.form-group input,.form-group select{background:#ffffff08}}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0078d426;background:var(--surface-solid)}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.password-input-container{position:relative}.password-input-container input{padding-right:44px}#show-pw-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary);opacity:.7;display:flex;align-items:center;justify-content:center;transition:opacity .2s,color .2s;padding:6px;border-radius:4px}#show-pw-btn:hover{opacity:1;color:var(--accent);background:#0078d414}.btn-row{display:flex;gap:12px;margin-top:30px}.btn{flex:1;padding:12px 24px;font-size:14px;font-weight:600;font-family:var(--font);border:none;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #0078d440}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 16px #0078d459}.btn-secondary{background:#0000000d;color:var(--text);border:1px solid var(--border)}@media (prefers-color-scheme: dark){.btn-secondary{background:#ffffff0d}}.btn-secondary:hover:not(:disabled){background:#00000014}@media (prefers-color-scheme: dark){.btn-secondary:hover:not(:disabled){background:#ffffff14}}.status-bar{margin-top:20px;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:500;line-height:1.5;display:none;animation:fadeIn .3s ease-out}.status-bar.visible{display:block}.status-bar.success{background:rgba(var(--good-rgb),.12);color:var(--good);border:1px solid rgba(var(--good-rgb),.2)}.status-bar.error{background:rgba(var(--error-rgb),.12);color:var(--error);border:1px solid rgba(var(--error-rgb),.2)}.status-bar.info{background:rgba(var(--accent-rgb),.12);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.2)}.preview-container{display:flex;flex-direction:column}.widget-board-mockup{background:radial-gradient(circle at top left,#ffffff1a,#0000000d);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;justify-content:center;align-items:center;flex-grow:1;box-shadow:inset 0 2px 8px #0000000d;min-height:400px}@media (prefers-color-scheme: dark){.widget-board-mockup{background:radial-gradient(circle at top left,#ffffff0d,#0003)}}.adaptive-card{width:100%;max-width:330px;background:var(--widget-bg);backdrop-filter:blur(25px) saturate(160%);-webkit-backdrop-filter:blur(25px) saturate(160%);border:1px solid var(--widget-border);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 6px #0000000f;color:var(--widget-text);display:flex;flex-direction:column;overflow:hidden;font-size:13px;animation:scaleIn .3s ease-out}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--widget-divider-col)}.widget-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.widget-icon{width:18px;height:18px;object-fit:contain}.widget-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--widget-text-subtle)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.online{background-color:var(--good);box-shadow:0 0 8px var(--good)}.status-dot.offline{background-color:var(--error)}.status-dot.testing{background-color:var(--warning);animation:pulse 1s infinite alternate}.widget-body{padding:12px 16px;display:flex;flex-direction:column;gap:10px;min-height:250px}.widget-row-between{display:flex;justify-content:space-between;font-size:11px;color:var(--widget-text-subtle);margin-bottom:4px}.widget-row-speeds{display:flex;justify-content:space-between;margin-bottom:4px}.speed-val{font-size:14px;font-weight:700;flex:1}.widget-row-capacity{font-size:11px;color:var(--widget-text-subtle);margin-bottom:6px}.text-subtle{color:var(--widget-text-subtle)}.stat-label{font-size:10px;color:var(--widget-text-subtle)}.stat-value{font-size:12px;font-weight:600}.text-accent{color:var(--accent)}.text-good{color:var(--good)}.widget-meta-row{display:flex;justify-content:space-between;font-size:10.5px;color:var(--widget-text-subtle)}.widget-divider{border:none;border-top:1px solid var(--widget-divider-col);margin:2px 0}.widget-torrents-list{display:flex;flex-direction:column;gap:10px;flex-grow:1}.widget-empty-state{text-align:center;color:var(--widget-text-subtle);font-size:12px;padding:40px 20px;line-height:1.5;margin:auto}.torrent-item-mockup{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:8px;transition:all .2s ease;position:relative;background:#00000006;border:1px solid var(--widget-border);margin-bottom:4px}@media (prefers-color-scheme: dark){.torrent-item-mockup{background:#ffffff0a}}.torrent-item-mockup:hover{background:var(--widget-row-hover)}.torrent-item-header{display:flex;justify-content:space-between;align-items:center}.torrent-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;font-size:11.5px}.torrent-control-btn{background:none;border:none;color:var(--widget-text-subtle);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;display:flex;align-items:center;justify-content:center}.torrent-control-btn:hover{color:var(--accent);background:rgba(var(--accent-rgb),.1)}.torrent-progress-bar-container{height:6px;width:100%;background:#e5e7eb;border-radius:3px;overflow:hidden;margin:2px 0}@media (prefers-color-scheme: dark){.torrent-progress-bar-container{background:#3e3e3e}}.torrent-progress-bar-fill{height:100%;border-radius:3px;transition:width .4s ease-out}.torrent-progress-bar-fill.downloading{background-color:var(--accent)}.torrent-progress-bar-fill.seeding{background-color:var(--good)}.torrent-progress-bar-fill.paused{background-color:var(--warning)}.torrent-progress-bar-fill.error{background-color:var(--error)}.torrent-item-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--widget-text-subtle)}.widget-actions{display:flex;gap:8px;padding:10px 16px;border-top:1px solid var(--widget-divider-col);background:#00000005}@media (prefers-color-scheme: dark){.widget-actions{background:#ffffff03}}.widget-action-btn{flex:1;background:#00000008;border:1px solid var(--widget-border);border-radius:6px;color:var(--widget-text);padding:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}@media (prefers-color-scheme: dark){.widget-action-btn{background:#ffffff08}}.widget-action-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.25);color:var(--accent)}.widget-action-btn:disabled{opacity:.4;cursor:not-allowed}.diagnostics-card{margin-top:20px;background:rgba(var(--error-rgb),.04);border:1px solid rgba(var(--error-rgb),.15);border-radius:var(--radius);padding:20px;animation:slideIn .3s ease-out}.diagnostics-card h3{font-size:14px;font-weight:600;color:var(--error);margin-bottom:10px}.diagnostics-list{padding-left:20px;font-size:12.5px;line-height:1.6;color:var(--text-secondary)}.diagnostics-list li{margin-bottom:8px}.diagnostics-list strong{color:var(--text)}.app-footer-note{text-align:center;font-size:12px;color:var(--text-secondary);margin-top:10px;border-top:1px solid var(--border);padding-top:20px}.app-footer-note .secondary-note{font-size:11px;opacity:.7;margin-top:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{opacity:.5}to{opacity:1}}