.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg-secondary);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);transition:background-color var(--duration-200) var(--ease-default)}.header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-4);background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:var(--z-sticky);transition:background-color var(--duration-200),border-color var(--duration-200)}.header-brand{display:flex;align-items:center;gap:var(--space-3)}.header-logo{width:32px;height:32px;background:var(--gradient-brand);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:var(--text-sm)}.header-title{font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-tight)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.main{flex:1;padding:var(--space-4);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-bottom{display:flex;align-items:center;justify-content:space-around;height:64px;padding:0 var(--space-4);padding-bottom:var(--safe-bottom);background:var(--bg-primary);border-top:1px solid var(--border-subtle);transition:background-color var(--duration-200),border-color var(--duration-200)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-2) var(--space-4);background:none;border:none;border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--duration-100) var(--ease-default)}.nav-icon{font-size:20px;line-height:1}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--accent)}.page{display:none}.page.active{display:block;animation:fadeIn var(--duration-200) var(--ease-out)}.section{margin-bottom:var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section-title{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.section-link{font-size:var(--text-sm);color:var(--accent);cursor:pointer}.sheet-backdrop{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:all var(--duration-200) var(--ease-default)}.sheet-backdrop.active{opacity:1;visibility:visible}.sheet{position:fixed;bottom:0;left:0;right:0;max-height:90vh;background:var(--bg-primary);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);z-index:var(--z-modal);transform:translateY(100%);transition:transform var(--duration-300) var(--ease-out),background-color var(--duration-200);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.sheet.active{transform:translateY(0)}.sheet-handle{width:36px;height:4px;background:var(--border-default);border-radius:var(--radius-full);margin:var(--space-3) auto}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5) var(--space-4);border-bottom:1px solid var(--border-subtle)}.sheet-title{font-size:var(--text-lg);font-weight:600}.sheet-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;transition:all var(--duration-100) var(--ease-default)}.sheet-close:hover{background:var(--bg-active);color:var(--text-primary)}.sheet-content{flex:1;padding:var(--space-5);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--space-5) + var(--safe-bottom))}.templates-scroll{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-1) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4)}.templates-scroll::-webkit-scrollbar{display:none}.template-card{flex-shrink:0;width:110px;padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--duration-150) var(--ease-default)}.template-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.template-card.selected{border-color:var(--accent);background:var(--accent-subtle)}.template-icon{font-size:28px;margin-bottom:var(--space-2)}.template-name{font-size:var(--text-xs);font-weight:500}.timeline{position:relative;padding-left:var(--space-6)}.timeline:before{content:"";position:absolute;left:11px;top:20px;bottom:20px;width:2px;background:var(--border-subtle);border-radius:var(--radius-full)}.timeline-item{position:relative;padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-3);transition:all var(--duration-150) var(--ease-default)}.timeline-item:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.timeline-dot{position:absolute;left:calc(-1 * var(--space-6) - 1px);top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--bg-primary);border:2px solid var(--border-default);border-radius:50%;z-index:1}.timeline-dot.done{background:var(--success);border-color:var(--success)}.timeline-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-subtle)}.timeline-header{display:flex;align-items:center;justify-content:space-between}.timeline-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500}.timeline-actions{display:flex;gap:var(--space-1)}.timeline-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.account-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.account-chip{display:flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-sm);font-family:var(--font-mono);cursor:pointer;transition:all var(--duration-100) var(--ease-default)}.account-chip:hover{background:var(--bg-hover)}.account-chip.selected{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.account-chip .check{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:10px;transition:all var(--duration-100)}.account-chip.selected .check{background:var(--white);border-color:var(--white);color:var(--accent)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-2xl);font-size:28px;margin-bottom:var(--space-4)}.empty-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.empty-text{font-size:var(--text-sm);color:var(--text-tertiary);max-width:240px}.confirm-panel{background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4)}.confirm-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.confirm-row:last-child{border-bottom:none}.confirm-label{font-size:var(--text-sm);color:var(--text-tertiary)}.confirm-value{font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono)}.warning-box{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--warning-subtle);border:1px solid var(--warning);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.warning-icon{font-size:20px;flex-shrink:0}.warning-text{font-size:var(--text-sm);color:var(--text-secondary)}.toast-container{position:fixed;bottom:calc(80px + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:var(--z-toast)}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:slideUp var(--duration-300) var(--ease-spring)}.toast-success{border-color:var(--success)}.toast-error{border-color:var(--error)}.loading-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-max)}.loading-overlay.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{width:36px;height:36px;border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:var(--text-sm);color:var(--text-secondary)}.logs-toolbar{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.logs-filters{display:flex;gap:var(--space-2)}.logs-filters select{flex:1;height:36px;font-size:var(--text-xs);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);padding:0 var(--space-3);-webkit-appearance:none;appearance:none}.logs-search .input{width:100%;height:36px;font-size:var(--text-xs)}.logs-container{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);overflow-y:auto;max-height:calc(100vh - 260px);min-height:200px;-webkit-overflow-scrolling:touch;padding:var(--space-2);font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:11px;line-height:1.6}[data-theme=dark] .logs-container{background:#16161e;border-color:#ffffff0f}.log-entry{padding:3px var(--space-2);border-radius:var(--radius-sm);transition:background var(--duration-100);word-break:break-word;display:flex;flex-wrap:wrap;align-items:baseline}.log-entry:hover{background:#ffffff0a}.log-timestamp{color:#6b7280;flex-shrink:0;margin-right:var(--space-2);font-size:10px;white-space:nowrap}.log-prefix{flex-shrink:0;margin-right:var(--space-2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.log-level{flex-shrink:0;margin-right:var(--space-2);font-weight:500;white-space:nowrap}.log-level-info{color:#60a5fa}.log-level-warn{color:#fbbf24}.log-level-error{color:#f87171}.log-message{flex:1;color:#e5e7eb;min-width:0}.log-entry.level-error{background:#ef44441a}.log-entry.level-warn{background:#f59e0b14}.logs-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-6);text-align:center}.logs-empty .empty-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.5}.logs-empty .empty-title{font-size:var(--text-lg);font-weight:600;color:#e5e7eb;margin-bottom:var(--space-1)}.logs-empty .empty-text{font-size:var(--text-sm);color:#6b7280}.logs-new-indicator{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;cursor:pointer;box-shadow:var(--shadow-lg);z-index:var(--z-sticky);animation:slideUp var(--duration-200) ease-out}.logs-new-indicator.hidden{display:none}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:480px){.logs-container{font-size:10px;padding:var(--space-1);max-height:calc(100vh - 240px);border-radius:var(--radius-lg)}.log-entry{padding:2px var(--space-1);flex-wrap:wrap}.log-timestamp{font-size:9px;margin-right:var(--space-1)}.log-prefix{max-width:200px;font-size:10px;margin-right:var(--space-1)}.log-level{margin-right:var(--space-1)}.log-message{flex-basis:100%;padding-left:var(--space-1);margin-top:1px}.logs-filters{flex-direction:column;gap:var(--space-1)}.logs-filters select,.logs-search .input{height:32px}}@media(max-width:360px){.log-prefix{max-width:160px}.logs-container{font-size:9px}}.task-expandable{cursor:pointer;flex-wrap:wrap}.task-expandable:hover{background:var(--bg-hover)}.task-result{display:none;font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:11px;padding:4px 0 2px;line-height:1.4;word-break:break-all}.task-result.visible{display:block}.task-result-success{color:var(--success)}.task-result-error{color:var(--error)}.task-chevron{font-size:10px;margin-right:4px;flex-shrink:0}.main-button-spacer{height:56px}