:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--leading-tight:1.3;--leading-normal:1.6;--leading-relaxed:1.75;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 8px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--navbar-height:52px;--sidebar-width:220px;--content-max-width:900px;--mobile-bottom-bar-height:56px}[data-theme=light]{--color-bg:#f8f9fb;--color-bg-surface:#fff;--color-bg-raised:#fff;--color-bg-inset:#f0f2f5;--color-bg-hover:#f0f2f5;--color-bg-active:#e8eaee;--color-bg-overlay:rgba(0,0,0,.35);--color-border:#dfe2e8;--color-border-light:#eaecf0;--color-border-focus:#5a80b0;--color-text:#1a1d24;--color-text-secondary:#5c6370;--color-text-muted:#8b929e;--color-text-inverse:#fff;--color-primary:#4a6890;--color-primary-hover:#3d5878;--color-primary-text:#fff;--color-secondary:#f0f2f5;--color-secondary-hover:#e4e7ec;--color-secondary-text:#1a1d24;--color-danger:#944848;--color-danger-hover:#7e3c3c;--color-danger-text:#fff;--color-success:#3a7d4a;--color-warning:#b87a14;--color-info:#4a7ab5;--color-error:#944848;--color-success-bg:#ecfdf5;--color-warning-bg:#fffbeb;--color-error-bg:#fef2f2;--color-info-bg:#eff6ff;--color-positive:#3a7d4a;--color-negative:#944848;--color-neutral:#5c6370;--color-link:#4a6890;--color-link-hover:#3d5878;--color-input-bg:#fff;--color-input-border:#dfe2e8;--color-navbar-bg:#fff;--color-navbar-border:#eaecf0;--color-sidebar-bg:#f3f5f7;--color-sidebar-hover:#e8eaee}[data-theme=dark]{--color-bg:#0f1117;--color-bg-surface:#1a1d27;--color-bg-raised:#222633;--color-bg-inset:#141720;--color-bg-hover:#262b3a;--color-bg-active:#303648;--color-bg-overlay:rgba(0,0,0,.55);--color-border:#2d3244;--color-border-light:#232838;--color-border-focus:#7a9ec5;--color-text:#e2e5ec;--color-text-secondary:#99a0b0;--color-text-muted:#6b7280;--color-text-inverse:#1a1d24;--color-primary:#6b8fb8;--color-primary-hover:#7da1c8;--color-primary-text:#fff;--color-secondary:#262b3a;--color-secondary-hover:#303648;--color-secondary-text:#e2e5ec;--color-danger:#b87070;--color-danger-hover:#c88585;--color-danger-text:#1a1d24;--color-success:#6ab07a;--color-warning:#d4a84a;--color-info:#6b9ad0;--color-error:#b87070;--color-success-bg:rgba(106,176,122,.12);--color-warning-bg:rgba(212,168,74,.12);--color-error-bg:rgba(184,112,112,.12);--color-info-bg:rgba(107,154,208,.12);--color-positive:#6ab07a;--color-negative:#b87070;--color-neutral:#99a0b0;--color-link:#7a9ec5;--color-link-hover:#92b3d5;--color-input-bg:#1a1d27;--color-input-border:#2d3244;--color-navbar-bg:#1a1d27;--color-navbar-border:#232838;--color-sidebar-bg:#141720;--color-sidebar-hover:#1e2230;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 2px 8px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.4)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);min-height:100vh}a{color:var(--color-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-link-hover)}code{font-family:var(--font-mono);background:var(--color-bg-inset);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.9em}strong{font-weight:var(--weight-semibold)}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--weight-semibold);color:var(--color-text)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p+p{margin-top:var(--space-3)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:40;height:var(--navbar-height);padding:0 var(--space-4);background:var(--color-navbar-bg);border-bottom:1px solid var(--color-navbar-border);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-nav{align-items:center;gap:var(--space-3);display:flex}.navbar-brand{font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.01em;text-decoration:none}.navbar-brand:hover{color:var(--color-text)}.navbar-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:inline-flex}.navbar-link:hover{background:var(--color-bg-hover);color:var(--color-text)}.navbar-icon-btn{cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.navbar-icon-btn:hover{background:var(--color-bg-hover)}.sidebar-toggle{cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;display:none}.sidebar-toggle:hover{background:var(--color-bg-hover)}.sidebar-toggle-line{background:var(--color-text-secondary);width:18px;height:2px;transition:background var(--transition-fast);border-radius:1px;display:block}.user-menu{position:relative}.user-menu-trigger{cursor:pointer}.user-menu-dismiss-overlay{z-index:48;position:fixed;inset:0}.user-menu-dropdown{top:calc(100% + var(--space-2));z-index:49;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);padding:var(--space-2);opacity:0;visibility:hidden;transition:opacity var(--transition-base), transform var(--transition-base), visibility var(--transition-base);position:absolute;right:0;transform:translateY(-4px)}.user-menu-dropdown.visible{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-username{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-1)}.user-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.user-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text)}.sidebar{top:var(--navbar-height);width:var(--sidebar-width);z-index:30;background:var(--color-sidebar-bg);border-right:1px solid var(--color-border-light);padding:var(--space-4) 0;transition:transform var(--transition-base);position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(0)}.sidebar-overlay{display:none}.sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-section{padding:var(--space-2) var(--space-3)}.sidebar-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-1)}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.sidebar-link:hover{background:var(--color-sidebar-hover);color:var(--color-text)}.sidebar-link.active{color:var(--color-primary);background:var(--color-bg-hover);font-weight:var(--weight-semibold)}.sidebar-link-icon{color:inherit;flex-shrink:0;align-items:center;display:inline-flex}.main-content{margin-top:var(--navbar-height);padding:var(--space-6) var(--space-4);min-height:calc(100vh - var(--navbar-height));flex:1}.main-content.with-sidebar{margin-left:var(--sidebar-width)}.mobile-bottom-bar{display:none}.mobile-bottom-bar-nav{justify-content:space-around;align-items:center;height:100%;display:flex}.mobile-bottom-bar-link{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-1);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.mobile-bottom-bar-link:hover,.mobile-bottom-bar-link.active{color:var(--color-primary)}.page-container{max-width:var(--content-max-width);width:100%;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--text-base);color:var(--color-text-secondary)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light)}.card-title{font-size:var(--text-base);font-weight:var(--weight-semibold)}.card-body{padding:var(--space-4) var(--space-5)}.card-body p{line-height:var(--leading-relaxed)}.empty-state{text-align:center;padding:var(--space-8) var(--space-5)}.empty-state .card-body{color:var(--color-text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid transparent;min-height:36px;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-secondary);color:var(--color-secondary-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.btn-outline{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-border)}.btn-danger{background:var(--color-danger);color:var(--color-danger-text);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-full{width:100%}.form-group{margin-bottom:var(--space-4)}.form-group:last-child{margin-bottom:0}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-1);display:block}.form-input{width:100%;font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-2) var(--space-3);color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);min-height:40px;line-height:1.5;display:block}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px rgba(74,104,144,.18)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input.input-error{border-color:var(--color-error)}.form-input.input-error:focus{box-shadow:0 0 0 3px rgba(148,72,72,.18)}.selector{width:100%;font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-2) var(--space-3);padding-right:var(--space-8);color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);appearance:none;cursor:pointer;min-height:40px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;line-height:1.5;display:block}.selector:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px rgba(74,104,144,.18)}.form-error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.form-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.form-help-text{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);line-height:var(--leading-normal)}.form-value{font-size:var(--text-base);color:var(--color-text);padding:var(--space-1) 0}.checkbox{align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;display:flex}.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.auth-container{min-height:calc(100vh - var(--navbar-height) - var(--space-12));padding:var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:420px}.auth-header{padding:var(--space-6) var(--space-5) var(--space-4);text-align:center}.auth-header h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.auth-blurb{font-size:var(--text-sm);color:var(--color-text-muted)}.auth-footer{text-align:center;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-link{font-weight:var(--weight-medium);color:var(--color-link)}.auth-link:hover{color:var(--color-link-hover)}.username-gen-row{align-items:center;gap:var(--space-2);display:flex}.username-gen-display{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);padding:var(--space-2) var(--space-3);background:var(--color-bg-inset);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;min-height:40px;display:flex;overflow:hidden}.username-gen-display.input-error{border-color:var(--color-error)}.username-gen-row .form-input{flex:1}.username-gen-btn{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.username-gen-btn:hover:not(:disabled){background:var(--color-secondary-hover);color:var(--color-text)}.username-gen-btn:disabled{opacity:.35;cursor:not-allowed}.username-gen-btn.active{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.password-input-row{align-items:center;gap:var(--space-2);display:flex}.password-input-row .form-input{flex:1}.password-toggle-btn{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.password-toggle-btn:hover:not(:disabled){background:var(--color-secondary-hover);color:var(--color-text)}.password-toggle-btn:disabled{opacity:.35;cursor:not-allowed}.banner{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow-wrap:break-word;word-break:break-word}.banner-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.banner-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.banner-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.instance-notice{background:var(--color-info-bg);color:var(--color-info);border-top:1px solid var(--color-info);border-bottom:1px solid var(--color-info);padding:var(--space-2) clamp(var(--space-3), 4vw, var(--space-6));margin-bottom:var(--space-3);font-size:var(--text-sm);overflow-wrap:break-word;word-break:break-word;line-height:1.4}.instance-notice p{margin:0}.instance-notice p+p{margin-top:var(--space-2)}.instance-notice a{color:var(--color-link);text-decoration:underline}.instance-notice a:hover{color:var(--color-link-hover)}.alert{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);margin:var(--space-3) 0}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.alert-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.modal-overlay{z-index:50;padding:var(--space-10) var(--space-4);background:var(--color-bg-overlay);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg)}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--color-border-light)}.modal-header h2,.modal-header h3{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.modal-body{padding:var(--space-5)}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);display:flex}.settings-nav{gap:var(--space-1);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-4);display:flex}.settings-nav-link{padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + 1px);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px}.settings-nav-link:hover{color:var(--color-text)}.settings-nav-link.active{color:var(--color-primary);font-weight:var(--weight-semibold);border-bottom-color:var(--color-primary)}.settings-section{margin-bottom:var(--space-4)}.settings-status-success{font-size:var(--text-sm);color:var(--color-success);margin-top:var(--space-1)}.settings-status-error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.settings-auto-saved{font-size:var(--text-sm);color:var(--color-success);margin-left:var(--space-2);animation:2s ease-out forwards settings-fade-out}@keyframes settings-fade-out{0%,60%{opacity:1}to{opacity:0}}.session-duration-selector{max-width:280px}.user-identicon{border-radius:var(--radius-full);width:32px;height:32px;overflow:hidden}.not-found-shell{min-height:calc(100vh - var(--navbar-height) - var(--space-12));padding:var(--space-4);justify-content:center;align-items:center;display:flex}.not-found-card{text-align:center;max-width:440px}.not-found-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.not-found-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:var(--space-2) 0}.not-found-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-3)}.not-found-path{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.not-found-actions{justify-content:center;gap:var(--space-3);display:flex}.error-block{padding:var(--space-4);background:var(--color-error-bg);border-radius:var(--radius-md);border:1px solid var(--color-error);margin-bottom:var(--space-4)}.error-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-error)}.error-help{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.error-text{font-size:var(--text-sm);color:var(--color-error)}.skeleton-card{pointer-events:none}.skeleton-line{background:var(--color-bg-inset);border-radius:var(--radius-sm);height:14px;margin-bottom:var(--space-3);animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-line:last-child{margin-bottom:0}.skeleton-line-title{width:50%;height:18px}.skeleton-line-short{width:30%}.skeleton-line-medium{width:65%}.skeleton-line-full{width:100%}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.muted{color:var(--color-text-muted);font-size:var(--text-sm)}.mt-sm{margin-top:var(--space-3)}.mt-md{margin-top:var(--space-5)}.section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.flow-step{margin-bottom:var(--space-4)}.flow-step:last-child{margin-bottom:0}.flow-step p{margin-bottom:var(--space-2)}.label-editor{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.label-editor .form-input,.label-editor input{flex:1}.label-edit-button{cursor:pointer;padding:var(--space-1);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.label-edit-button:hover{color:var(--color-text);background:var(--color-bg-hover)}.label-error{font-size:var(--text-sm);color:var(--color-error);margin-left:var(--space-2)}.inline-copy-btn{cursor:pointer;padding:var(--space-1);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.inline-copy-btn:hover{color:var(--color-text);background:var(--color-bg-hover)}.inline-copy-btn.copied{color:var(--color-success)}.address-link{color:var(--color-link);font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;text-decoration:none}.address-link:hover{color:var(--color-link-hover);text-decoration:underline}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.flex{display:flex}.items-start{align-items:flex-start}.justify-center{justify-content:center}.pt-20{padding-top:5rem}.w-full{width:100%}.max-w-lg{max-width:32rem}.transform{transform:translateZ(0)}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:.75rem}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.ring-1{box-shadow:0 0 0 1px var(--color-border)}.transition-all{transition:all .15s}.transition-opacity{transition:opacity .15s}.h-14{height:3.5rem}.border-0{border:0}.bg-transparent{background:0 0}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mt-4{margin-top:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:.875rem;line-height:1.25rem}.max-h-80{max-height:20rem}.scroll-py-2{scroll-padding-top:.5rem;scroll-padding-bottom:.5rem}.overflow-y-auto{overflow-y:auto}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.bg-white{background:#fff}.bg-black\/50{background:rgba(0,0,0,.5)}.backdrop-blur-sm{backdrop-filter:blur(4px)}.ring-black\/5{box-shadow:0 0 0 1px rgba(0,0,0,.05)}.text-gray-900{color:#111827}.text-gray-400{color:#9ca3af}.text-gray-100{color:#f3f4f6}.hover\:bg-gray-100:hover{background:#f3f4f6}.divide-y>*+*{border-top:1px solid}.divide-gray-100>*+*{border-color:#f3f4f6}[data-theme=dark] .dark\:bg-gray-900{background:#111827}[data-theme=dark] .dark\:text-gray-100{color:#f3f4f6}[data-theme=dark] .dark\:hover\:bg-gray-800:hover{background:#1f2937}[data-theme=dark] .dark\:divide-gray-800>*+*{border-color:#1f2937}[data-theme=dark] .bg-white{background:var(--color-bg-surface)}.placeholder\:text-gray-400::placeholder{color:#9ca3af}.focus\:ring-0:focus{box-shadow:none;outline:none}@media (width>=640px){.sm\:pt-24{padding-top:6rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:px-14{padding-left:3.5rem;padding-right:3.5rem}}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-overlay{z-index:29;background:var(--color-bg-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);display:block;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar-toggle{display:flex}.main-content.with-sidebar{margin-left:0}}@media (hover:none) and (pointer:coarse){input,select,textarea,.form-input,.selector,.xpub-input{font-size:16px}}@media (width<=640px){:root{--text-base:.9375rem}.navbar{padding:0 var(--space-3)}.main-content{padding:var(--space-4) var(--space-3);padding-bottom:calc(var(--mobile-bottom-bar-height) + var(--space-4))}.mobile-bottom-bar{z-index:40;height:var(--mobile-bottom-bar-height);background:var(--color-navbar-bg);border-top:1px solid var(--color-navbar-border);display:block;position:fixed;bottom:0;left:0;right:0}.sidebar{display:none}.sidebar.open{display:block;transform:translate(0)}.page-title{font-size:var(--text-xl)}.auth-container{padding-top:var(--space-6);align-items:flex-start}.auth-card{max-width:100%}.modal-overlay{padding:var(--space-4) var(--space-3)}.modal{max-width:100%}.modal-actions{flex-direction:column-reverse}.not-found-actions{flex-direction:column}.settings-nav{-webkit-overflow-scrolling:touch;overflow-x:auto}}.empty-state-illustration{width:80px;height:80px;margin:0 auto var(--space-4);color:var(--color-text-muted);opacity:.5;display:block}.empty-state-heading{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state-body{font-size:var(--text-sm);color:var(--color-text-muted)}.toast-container{bottom:var(--space-5);right:var(--space-5);z-index:60;gap:var(--space-2);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed}.toast{pointer-events:auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--color-text);min-width:240px;max-width:380px;animation:toast-enter var(--transition-base) ease-out;display:flex}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-info{border-left:3px solid var(--color-info)}.toast-dismiss{cursor:pointer;color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;margin-left:auto}.toast-dismiss:hover{color:var(--color-text);background:var(--color-bg-hover)}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){.toast-container{left:var(--space-3);right:var(--space-3);bottom:calc(var(--mobile-bottom-bar-height) + var(--space-3))}.toast{max-width:100%}}.payments-page .payments-card{margin-top:var(--space-2)}.payments-card-body{gap:var(--space-4);flex-direction:column;display:flex}.payments-status-row{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.005em;display:flex}.payments-status-label{color:var(--color-text)}.payments-status-dot{border-radius:var(--radius-full);background:var(--color-text-muted);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 14%, transparent);color:var(--color-text-muted);flex-shrink:0}.payments-status-active{background:var(--color-success);color:var(--color-success);animation:2.4s ease-in-out infinite payments-pulse}.payments-status-pending{background:var(--color-warning);color:var(--color-warning);animation:1.6s ease-in-out infinite payments-pulse}.payments-status-failed{background:var(--color-error);color:var(--color-error)}.payments-status-canceled{background:var(--color-text-muted);color:var(--color-text-muted)}.payments-status-unavailable{background:var(--color-warning);color:var(--color-warning)}.payments-status-blocked{background:var(--color-danger);color:var(--color-danger)}.payments-status-inactive{background:var(--color-text-muted);color:var(--color-text-muted)}@keyframes payments-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 14%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, currentColor 22%, transparent)}}.payments-description{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);max-width:60ch}.payments-price{font-size:var(--text-base);color:var(--color-text)}.payments-price .muted{color:var(--color-text-muted)}.payments-option-picker{gap:var(--space-2);flex-direction:column;display:flex}.payments-option-picker-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.payments-option-list{gap:var(--space-2);flex-direction:column;display:flex}.payments-tier-list{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.payments-tier-summary{padding:var(--space-2) 0;border-top:1px solid var(--color-border-light);flex-direction:column;gap:2px;display:flex}.payments-tier-name{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.payments-tier-capability{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug)}.payments-option{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text);text-align:left;transition:border-color .12s,background-color .12s,box-shadow .12s;display:flex}.payments-option:hover:not(:disabled){border-color:var(--color-border-strong);background:color-mix(in srgb, var(--color-bg-surface) 82%, var(--color-bg-inset))}.payments-option:disabled{opacity:.72}.payments-option-selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 9%, var(--color-bg-surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 28%, transparent)}.payments-option-copy{flex-direction:column;gap:2px;display:flex}.payments-option-title{font-size:var(--text-base);font-weight:var(--weight-semibold)}.payments-option-term{font-size:var(--text-sm);color:var(--color-text-secondary)}.payments-option-indicator{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:var(--weight-semibold)}.payments-sub-status{font-size:var(--text-sm);color:var(--color-text-secondary)}.payments-facts{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-inset);border:1px solid var(--color-border-light);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr);margin:0;display:grid}@media (width>=560px){.payments-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.payments-fact{gap:var(--space-1);flex-direction:column;display:flex}.payments-fact dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:var(--weight-medium)}.payments-fact dd{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);font-variant-numeric:tabular-nums;margin:0}.payments-fact-copy{align-items:center;gap:var(--space-1);min-width:0;display:inline-flex}.payments-fact-copy code{font-family:var(--font-mono);font-size:var(--text-sm)}.payments-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.payments-error{margin-top:var(--space-2)}.payments-history{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border-light);flex-direction:column;display:flex}.payments-history-header h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.payments-history-list{gap:var(--space-2);flex-direction:column;display:flex}.payments-history-row{gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);grid-template-columns:minmax(0,1fr);display:grid}.payments-history-row:last-child{border-bottom:0}.payments-history-main{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.payments-history-title-row,.payments-history-meta,.payments-history-order-id{align-items:center;gap:var(--space-2);min-width:0;display:flex}.payments-history-title-row{justify-content:space-between}.payments-history-status{min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0;background:var(--color-bg-inset);color:var(--color-text-secondary);align-items:center;display:inline-flex}.payments-history-status-paid{background:color-mix(in srgb, var(--color-success) 12%, var(--color-bg-surface));color:var(--color-success)}.payments-history-status-pending{background:color-mix(in srgb, var(--color-warning) 12%, var(--color-bg-surface));color:var(--color-warning)}.payments-history-status-failed,.payments-history-status-expired{background:color-mix(in srgb, var(--color-error) 12%, var(--color-bg-surface));color:var(--color-error)}.payments-history-status-canceled{background:var(--color-bg-inset);color:var(--color-text-muted)}.payments-history-amount{font-weight:var(--weight-semibold);color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}.payments-history-order-id code{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden}.payments-history-meta{font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap}@media (width>=640px){.payments-history-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.payments-history-meta{justify-content:flex-end}}@media print{.navbar,.sidebar,.mobile-bottom-bar,.sidebar-overlay,.modal-overlay{display:none!important}.main-content,.main-content.with-sidebar{margin:0;padding:0}body{color:#000;background:#fff}.card{box-shadow:none;border:1px solid #ccc}}