:root{--cobalt:#2e5bff;--cobalt-dark:#2040b3;--cobalt-soft:rgba(46, 91, 255, 0.08);--canvas:#f8fafc;--chalk:#ffffff;--graphite:#1e293b;--amber:#f59e0b;--emerald:#10b981;--silver:#e2e8f0;--bg-main:var(--canvas);--bg-panel:var(--chalk);--border-fine:#f1f5f9;--text-primary:var(--graphite);--text-dim:#64748b;--accent:var(--cobalt);--font-ui:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--space-unit:8px;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.02);--shadow-md:0 10px 25px rgba(0, 0, 0, 0.04);--shadow-lg:0 20px 50px rgba(0, 0, 0, 0.08);--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--toast-bg:#1e293b;--toast-text:#ffffff}[data-theme=dark]{--bg-main:#020617;--bg-panel:#0f172a;--text-primary:#ffffff;--text-dim:#cbd5e1;--border-fine:#1e293b;--cobalt:#60a5fa;--cobalt-dark:#3b82f6;--cobalt-soft:rgba(96, 165, 250, 0.12);--shadow-sm:0 4px 12px rgba(0, 0, 0, 0.5);--shadow-md:0 12px 32px rgba(0, 0, 0, 0.6);--shadow-lg:0 24px 72px rgba(0, 0, 0, 0.7);--toast-bg:#1e293b;--toast-text:#ffffff;--canvas:#020617;--chalk:#0f172a;--graphite:#ffffff;--silver:#1e293b;--emerald:#34d399;--amber:#fbbf24}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-ui);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;display:block;overflow-x:hidden}.skip-link{position:absolute;left:12px;top:-48px;background:var(--graphite);color:#fff;padding:10px 14px;border-radius:var(--radius-sm);text-decoration:none;z-index:1100;transition:top .2s ease;font-weight:600}.skip-link:focus{top:12px}.workbench-container{max-width:98%;margin:20px auto;padding:0 20px}.workbench-panel{background:var(--bg-panel);border-radius:var(--radius-lg);width:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);border:1px solid var(--border-fine);overflow:visible}.panel-header{padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 5);border-bottom:1px solid var(--border-fine);position:relative;background:var(--bg-panel);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.user-status-area{display:flex;align-items:center;gap:16px;position:relative}.user-badge{background:var(--chalk);border:1px solid var(--silver);padding:6px 6px 6px 16px;border-radius:30px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer}.user-badge:hover{border-color:var(--cobalt);box-shadow:var(--shadow-md)}#header-dashboard-btn{padding:8px 24px 8px 16px!important;text-decoration:none}.user-name{font-size:.85rem;font-weight:700;color:var(--graphite)}.btn-ghost{background:var(--cobalt);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;padding:10px 24px;border-radius:var(--radius-full);border:none;transition:var(--transition)}.btn-ghost:hover{background-color:var(--cobalt-dark);color:#fff!important;transform:translateY(-1px)}#user-controls{display:flex;align-items:center;gap:12px}.btn-tiny{background:var(--canvas);color:var(--text-dim);border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:var(--transition)}.btn-tiny:hover{background:var(--silver);color:var(--text-primary)}.status-indicator{width:12px;height:12px;border-radius:50%;background-color:var(--amber);position:absolute;top:50%;transform:translateY(-50%);left:calc(var(--space-unit) * 2.5);box-shadow:0 0 12px var(--amber);border:2px solid var(--bg-panel)}.header-main{margin-left:calc(var(--space-unit) * 3)}.header-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;margin-left:calc(var(--space-unit) * 3)}.header-link:hover{opacity:.9}.brand-container{display:flex;align-items:center;gap:12px;margin-bottom:2px}.header-logo{height:32px;width:auto;object-fit:contain}.panel-title{font-size:1.6rem;font-weight:850;letter-spacing:-.04em;margin-bottom:0;color:var(--graphite)}.panel-subtitle{font-size:.75rem;color:var(--text-dim);font-weight:500}.btn-tiny{background:var(--bg-main);color:var(--text-dim);border:1px solid var(--border-fine);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:var(--transition)}.btn-tiny:hover{background:var(--cobalt-soft);color:var(--cobalt);border-color:var(--cobalt)}.status-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--amber);position:absolute;top:50%;transform:translateY(-50%);left:calc(var(--space-unit) * 2);box-shadow:0 0 8px var(--amber)}.header-main{margin-left:calc(var(--space-unit) * 2.5)}.status-indicator.processing{background-color:var(--cobalt);box-shadow:0 0 8px var(--cobalt);animation:pulse 1s infinite}.status-indicator.success{background-color:var(--emerald);box-shadow:0 0 8px var(--emerald)}@keyframes pulse{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}.panel-title{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.panel-subtitle{font-size:.8rem;color:var(--text-dim);font-family:var(--font-mono)}.panel-content{padding:60px 40px;position:relative;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:var(--transition);background:var(--bg-panel)}.panel-content.is-blurred{filter:blur(8px) grayscale(.5);pointer-events:none;opacity:.6}.step-view{display:none;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.16, 1, .3, 1);width:100%}.step-view.active{display:block;opacity:1;transform:translateY(0)}.overlay-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(45,46,51,.05);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition)}.overlay-container.active{opacity:1;visibility:visible}.overlay-card{background:var(--bg-panel);border:1px solid var(--border-fine);box-shadow:var(--shadow-lg);padding:48px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-lg);transform:translateY(30px) scale(.95);transition:var(--transition);position:relative}.overlay-container.active .overlay-card{transform:translateY(0) scale(1)}.btn-close-icon{position:absolute;top:16px;right:16px;background:0 0;border:none;font-size:24px;color:var(--text-dim);line-height:1;cursor:pointer;transition:var(--transition);padding:4px;border-radius:50%}.btn-close-icon:hover{color:var(--text-primary);background:var(--canvas)}.control-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:var(--graphite);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);box-shadow:0 10px 25px rgba(0,0,0,.3);z-index:500;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition)}.control-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:8px 12px;font-size:10px;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2)}.menu-item{width:100%;background:0 0;border:none;padding:10px 12px;display:flex;align-items:center;gap:10px;color:var(--silver);font-family:var(--font-mono);font-size:11px;cursor:pointer;text-align:left;transition:background .2s}.menu-item:hover{background:var(--cobalt-soft)!important}.menu-item:hover,.menu-item:hover .item-label,.menu-item:hover span{color:var(--cobalt)!important}.menu-item.active{color:var(--text-primary);background:var(--cobalt-soft)}.menu-item.destructive:hover{background:var(--cobalt-soft)!important;color:#ef4444!important}.item-label{font-weight:500}.vault-table th.sortable{cursor:pointer;position:relative;padding-right:25px;transition:background .2s}.vault-table th.sortable:hover{background:var(--silver)}.vault-table th.sortable::after{content:'↕';position:absolute;right:8px;top:50%;transform:translateY(-50%);opacity:.3;font-size:10px}.vault-table th.sortable.asc::after{content:'↑';opacity:1;color:var(--cobalt)}.vault-table th.sortable.desc::after{content:'↓';opacity:1;color:var(--cobalt)}.empty-row{text-align:center;padding:40px!important;color:var(--text-dim);font-style:italic}.menu-sep{border:0;border-top:1px solid rgba(255,255,255,.05);margin:0}.step-view{display:none;flex-direction:column;align-items:center;width:100%;max-width:100%!important}#state-edit .edit-modal-content{width:100%;max-width:500px;background:var(--graphite);padding:32px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(0,0,0,.5);margin-top:20px}.step-view.active{display:flex}.shortener-section{width:100%;max-width:600px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--border-fine)}.vault-section{width:100%}@keyframes new-row-highlight{0%,50%{background-color:rgba(255,153,0,.25)}100%{background-color:transparent}}.new-row td{animation:new-row-highlight 8s cubic-bezier(.4,0,.2,1) forwards!important;border-top:1px solid rgba(255,153,0,.3);border-bottom:1px solid rgba(255,153,0,.3)}.new-row td:first-child{border-left:4px solid #f90!important}.vault-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:calc(var(--space-unit) * 4);padding-bottom:8px;border-bottom:1px solid var(--border-fine)}.view-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--graphite)}.vault-stats{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);background:var(--canvas);padding:4px 12px;border-radius:20px;font-weight:600}.table-container{background:var(--bg-panel);border:1px solid var(--border-fine);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:32px;width:100%}.vault-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.vault-table th{background:var(--canvas);padding:10px 15px;font-family:var(--font-mono);font-weight:600;color:var(--text-dim);text-transform:uppercase;font-size:10px;border-bottom:1px solid var(--border-fine)}.vault-table td{padding:12px 15px;border-bottom:1px dotted var(--border-fine);vertical-align:middle;white-space:nowrap}.vault-table tr:hover td{background:var(--cobalt-soft)}.mono-cell{font-family:var(--font-mono);color:var(--cobalt);font-weight:600;cursor:pointer}.mono-cell:hover{text-decoration:none}.url-cell{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-dim);cursor:pointer;transition:color .2s}.url-cell:hover{color:var(--accent);text-decoration:none}.action-cell{display:flex;gap:8px;align-items:center}.badge-status{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.status-active{background:rgba(52,199,89,.1);color:#248a3d}.status-inactive{background:rgba(255,69,58,.1);color:#d7332a}.btn-action-tiny{background:var(--canvas);border:1px solid var(--border-fine);padding:4px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;transition:var(--transition)}.btn-action-tiny:hover{background:var(--silver);border-color:var(--text-dim)}.btn-action-tiny.danger:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.pagination-area{display:flex;justify-content:center;align-items:center;gap:20px;width:100%}.btn-page{background:var(--canvas);border:1px solid var(--border-fine);padding:6px 15px;font-family:var(--font-mono);font-size:10px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm)}.btn-page:hover:not(:disabled){background:var(--silver)}.btn-page:disabled{opacity:.4;cursor:default}.page-current{font-family:var(--font-mono);font-size:11px;font-weight:600}.read-only input{color:var(--text-dim);background:var(--canvas);cursor:default}.button-row{display:flex;gap:12px;margin-top:24px}.user-badge{cursor:pointer}.toast-overlay{position:fixed!important;bottom:40px!important;left:50%!important;transform:translateX(-50%)!important;z-index:99999!important;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;pointer-events:none}.toast-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.toast-card{background:var(--toast-bg);color:var(--toast-text);padding:12px 24px;border-radius:var(--radius-full);display:flex;align-items:center;gap:16px;box-shadow:0 10px 40px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:12px;transition:all .3s ease}.toast-overlay.success .toast-card{border-bottom:2px solid var(--emerald)}.toast-overlay.error .toast-card{border-bottom:2px solid #ef4444}.toast-icon{font-size:1.2rem;font-weight:700}.toast-overlay.success .toast-icon{color:var(--emerald)}.toast-overlay.error .toast-icon{color:#ef4444}.input-group{margin-bottom:calc(var(--space-unit) * 4)}.field-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-dim);margin-bottom:10px;letter-spacing:.05em;text-transform:uppercase}.input-wrapper{display:flex;align-items:center;gap:8px;background:var(--canvas);border:2px solid transparent;border-radius:var(--radius-md);padding:4px 16px;transition:var(--transition)}.input-wrapper:focus-within{background:var(--bg-panel);border-color:var(--cobalt);box-shadow:0 0 0 4px var(--cobalt-soft)}.decorator{font-size:1.2rem;color:var(--silver);font-weight:300}input{flex:1;border:none;background:0 0;padding:12px 4px;font-family:var(--font-ui);font-size:1rem;color:var(--text-primary);outline:0}.textarea-input{padding:10px 14px;align-items:flex-start}textarea{flex:1;border:none;background:0 0;padding:2px 4px;font-family:var(--font-ui);font-size:1rem;color:var(--text-primary);outline:0;resize:vertical;min-height:150px;line-height:1.45}.main-input input{font-size:1.1rem;font-weight:500}.btn-primary{width:100%;background:var(--cobalt);color:#fff;border:none;padding:16px;border-radius:var(--radius-md);font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px rgba(46,91,255,.2)}.btn-primary:hover{background:#1d4ed8;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 18px rgba(46,91,255,.3)}.btn-outline{width:100%;background:0 0;border:1px solid var(--border-fine);color:var(--text-dim);padding:12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;transition:var(--transition)}.btn-outline:hover{background:var(--canvas);color:var(--text-primary)}.link-secondary{color:var(--text-dim);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.link-secondary:hover{color:var(--cobalt);transform:translateX(-4px)}.pending-task{background:var(--bg-main);border-left:3px solid var(--cobalt);padding:12px;margin-bottom:24px;font-size:.75rem}.task-label{font-weight:700;color:var(--cobalt);margin-right:8px}.task-value{color:var(--text-dim);font-family:var(--font-mono);word-break:break-all}.auth-switch{font-size:.75rem;color:var(--text-dim);text-align:center;margin-top:16px}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:600}.btn-icon-only{background:var(--canvas);border:none;color:var(--text-dim);cursor:pointer;padding:8px;border-radius:50%;transition:var(--transition)}.btn-icon-only:hover{color:var(--cobalt);background:var(--cobalt-soft)}.theme-toggle-btn{background:var(--bg-panel);border:1px solid var(--border-fine);padding:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4, 0, .2, 1);color:var(--text-primary);box-shadow:var(--shadow-sm);margin-left:12px;position:relative;overflow:hidden;flex-shrink:0}.theme-toggle-btn:hover{background:var(--cobalt-soft);border-color:var(--cobalt);transform:rotate(12deg) translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.theme-toggle-btn span{font-size:18px;line-height:1;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.theme-toggle-btn:active{transform:scale(.92)}[data-theme=dark] .theme-icon-dark{display:none!important}[data-theme=light] .theme-icon-light{display:none!important}[data-theme=dark] .theme-icon-light{display:block!important}[data-theme=light] .theme-icon-dark{display:block!important}.mono-cell,.nav-icon,.url-text-action,.url-wrapper a,.url-wrapper span,a{text-decoration:none!important;box-shadow:none!important}.nav-icon:hover,.url-text-action:hover,a:hover{text-decoration:none!important;color:var(--cobalt)}[data-theme=dark] .api-usage-info,[data-theme=dark] .feature-card,[data-theme=dark] .plan-card,[data-theme=dark] .vault-controls{background:var(--bg-panel)!important;border-color:var(--border-fine)!important;color:var(--text-primary)!important}[data-theme=dark] .nav-icon{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-fine)}[data-theme=dark] .feature-icon{background:var(--bg-main);border:1px solid var(--border-fine)}[data-theme=dark] .vault-stats{background:var(--bg-main);color:var(--text-primary);border:1px solid var(--border-fine)}[data-theme=dark] input,[data-theme=dark] select{background:var(--bg-main)!important;color:var(--text-primary)!important}[data-theme=dark] .input-group .field-label{color:var(--text-dim)!important}[data-theme=dark] .landing-section,[data-theme=dark] .vault-section{background-color:var(--bg-panel)}.user-control-panel{position:absolute;top:calc(100% + 12px);right:0;width:220px;background:var(--chalk);border-radius:var(--radius-md);box-shadow:0 15px 35px rgba(0,0,0,.1);border:1px solid var(--border-fine);z-index:2000;display:none;overflow:hidden;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}.user-control-panel.active{display:block}.dropdown-header{background:var(--canvas);padding:12px 20px;font-size:.6rem;font-weight:800;color:var(--text-dim);letter-spacing:.1em;border-bottom:1px solid var(--border-fine);text-transform:uppercase}.menu-items{padding:6px 0}.menu-item{padding:12px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:var(--transition);color:var(--text-primary);border:none;background:0 0;width:100%;text-align:left}.menu-item:hover{background:var(--canvas)}.menu-item.destructive{color:#ef4444}.menu-item.destructive:hover{background:var(--cobalt-soft)}.item-id{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);opacity:.5;font-weight:600}.item-label{font-size:.85rem;font-weight:500}.menu-sep{border:none;border-top:1px solid var(--border-fine);margin:6px 0}.landing-section{width:100%;margin-top:20px}.hero-content{text-align:center;max-width:800px;margin:0 auto 60px;animation:slideUp .8s cubic-bezier(.16,1,.3,1)}.hero-title{font-size:2.5rem;font-weight:850;letter-spacing:-.04em;margin-bottom:20px;background:linear-gradient(135deg,var(--graphite),var(--cobalt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.1rem;color:var(--text-dim);line-height:1.6}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:60px}.feature-card{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);padding:40px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);text-align:center;transition:var(--transition);box-shadow:var(--shadow-sm)}[data-theme=dark] .feature-card{background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.05)}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--cobalt);background:var(--bg-panel)}.feature-icon{font-size:2.5rem;margin-bottom:20px;display:block;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:rotate(5deg) scale(1.1)}.feature-card h3{font-size:1rem;font-weight:750;margin-bottom:15px;color:var(--graphite)}.feature-card p{font-size:.9rem;color:var(--text-dim);line-height:1.6}.section-title{font-size:1.5rem;font-weight:800;color:var(--graphite);text-align:center;letter-spacing:-.02em;margin-bottom:50px}.how-it-works{margin:100px 0;width:100%}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;position:relative}.step-card{text-align:center;position:relative}.step-number{width:50px;height:50px;background:var(--cobalt);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin:0 auto 20px;box-shadow:0 0 20px var(--cobalt-soft)}.step-card h4{font-size:1.1rem;font-weight:700;margin-bottom:10px}.step-card p{font-size:.9rem;color:var(--text-dim)}.seo-faq-section{margin:100px 0;padding:60px;background:var(--canvas);border-radius:var(--radius-lg);width:100%}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.faq-item h4{font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--graphite)}.faq-item p{font-size:.9rem;color:var(--text-dim);line-height:1.6}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.plan-card{background:var(--bg-panel);border:1px solid var(--border-fine);border-radius:var(--radius-md);padding:48px 40px;display:flex;flex-direction:column;align-items:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.plan-card.featured{border:2px solid var(--cobalt);transform:scale(1.05);z-index:10;box-shadow:var(--shadow-lg)}.plan-header{font-size:.7rem;font-weight:800;color:var(--text-dim);margin-bottom:20px;letter-spacing:.1em}.plan-price{font-size:2.5rem;font-weight:700;margin-bottom:30px}.plan-price span{font-size:1rem;color:var(--text-dim);font-weight:400}.plan-features{list-style:none;padding:0;margin:0 0 40px 0;width:100%;text-align:center}.plan-features li{font-size:.85rem;color:var(--text-dim);padding:10px 0;border-bottom:1px dotted var(--border-fine)}.plan-features li:last-child{border-bottom:none}.panel-footer{display:flex;justify-content:center;align-items:center;padding:24px 40px;background:var(--canvas);border-top:1px solid var(--border-fine);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.footer-left{display:flex;gap:24px}.footer-legal{display:flex;gap:20px}.footer-legal a{font-size:10px;color:var(--text-dim);text-decoration:none;text-transform:uppercase;font-weight:600;letter-spacing:.05em;transition:var(--transition)}.footer-legal a:hover{color:var(--accent)}@media (max-width:768px){.panel-footer{flex-direction:column;gap:15px;text-align:center}.footer-left{justify-content:center}.footer-legal{justify-content:center}.plan-card.featured{transform:scale(1)}}.overlay-title{font-size:1.4rem;font-weight:700;margin-bottom:8px;color:var(--graphite)}.overlay-subtitle{font-size:.85rem;color:var(--text-dim);margin-bottom:32px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch.small{width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ef4444;transition:.4s;border-radius:24px;border:1px solid var(--border-fine)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--chalk);transition:.4s;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1)}.toggle-switch.small .slider:before{height:14px;width:14px;left:2px;bottom:2px}input:checked+.slider{background-color:var(--emerald);border-color:var(--emerald)}input:checked+.slider:before{transform:translateX(20px)}.toggle-switch.small input:checked+.slider:before{transform:translateX(16px)}input:focus+.slider{box-shadow:0 0 1px var(--emerald)}.api-key-section{margin-bottom:24px}.api-key-display-wrapper{background:var(--canvas);border:1px solid var(--border-fine);border-radius:var(--radius-sm);padding:16px}.api-key-code{font-family:var(--font-mono);font-size:.95rem;color:var(--cobalt);word-break:break-all;display:block;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.api-key-code:hover{background:rgba(0,102,255,.05)}.api-key-actions{display:flex;gap:12px;margin-bottom:32px}.api-usage-info{background:#f8fafc;border-left:3px solid var(--cobalt);padding:16px;font-size:.8rem}.api-usage-info h4{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}.api-usage-info h5{font-size:.7rem;font-weight:600;color:var(--text-secondary);margin:16px 0 8px 0}.api-usage-info p{margin:6px 0;color:var(--text-dim)}.api-usage-info pre{background:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;padding:12px;margin:8px 0;overflow-x:auto}.api-usage-info pre code{background:0 0;padding:0;font-size:.7rem;line-height:1.5;white-space:pre}.api-usage-info code{background:var(--bg-main);padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:.75rem;color:var(--graphite)}.btn-danger{color:#ef4444!important;border-color:#ef4444!important}.btn-danger:hover{background:#fef2f2!important}.menu-item:hover .item-id,.menu-item:hover .item-label{color:inherit}.vault-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.search-container{flex:1;max-width:400px}.search-input{width:100%;padding:10px 14px;font-family:var(--font-mono);font-size:.85rem;border:1px solid var(--border-fine);border-radius:var(--radius-sm);background:var(--bg-main);transition:border-color .2s}.search-input:focus{outline:0;border-color:var(--cobalt)}.search-input::placeholder{color:var(--text-dim)}.pagination-controls{display:flex;align-items:center;gap:8px}.control-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.page-size-select{padding:6px 10px;font-family:var(--font-mono);font-size:.8rem;border:1px solid var(--border-fine);border-radius:var(--radius-sm);background:var(--bg-main);cursor:pointer}.pagination-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:16px;border-top:1px solid var(--border-fine);flex-wrap:nowrap;overflow-x:auto}.page-info{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);padding:0 8px;white-space:nowrap}.page-info span{font-weight:700;color:var(--cobalt)}.btn-sm{padding:8px 16px;font-size:.75rem;white-space:nowrap}.badge-status{display:inline-block;padding:3px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase;border-radius:3px;letter-spacing:.03em}.status-active{background:rgba(16,185,129,.1);color:#059669}.status-inactive{background:rgba(239,68,68,.1);color:#dc2626}.vault-table tr.hidden-by-filter{display:none}@media (max-width:600px){.vault-controls{flex-direction:column;align-items:stretch}.search-container{max-width:none}.pagination-controls{justify-content:flex-end}}.url-wrapper{display:flex;align-items:center;gap:10px;max-width:100%}.nav-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;color:var(--text-dim);text-decoration:none;font-size:14px;transition:all .2s;background:var(--bg-panel);border:1px solid var(--border-fine);box-shadow:var(--shadow-sm)}.nav-icon:hover{background:var(--cobalt-soft);color:var(--cobalt);border-color:var(--cobalt-soft);transform:translateY(-1px)}.url-text-action{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);transition:color .2s;flex-grow:1}.url-text-action:hover{color:var(--cobalt);text-decoration:none}.mono-cell:hover{text-decoration:none;background-color:var(--cobalt-soft);color:var(--cobalt)}.pricing-cta-container{text-align:right;margin-top:48px}#btn-open-pricing-modal{display:inline-flex;align-items:center;gap:8px;width:auto}.panel-header{flex-wrap:nowrap}.feature-icon-img{width:64px;height:64px;object-fit:contain;margin-bottom:16px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s ease}.feature-card:hover .feature-icon-img{transform:translateY(-5px) scale(1.05)}.nav-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:6px}.pricing-cta-container{text-align:center;margin-top:40px}@media (max-width:768px){.workbench-container{padding:0 10px;margin:10px auto}.panel-header{padding:8px 12px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;border-radius:0}.header-link{margin-left:0;text-align:left}.brand-container{gap:8px}.header-logo{width:28px;height:28px}.panel-title{font-size:1.1rem}.panel-subtitle{display:none}.user-status-area{width:auto;flex-direction:row!important;gap:8px!important}#user-controls{display:flex!important;flex-direction:row!important;width:auto;gap:8px!important}#header-dashboard-btn{margin-right:0!important;margin-bottom:0;padding:8px;min-width:40px}.desktop-only-text{display:none!important}#header-dashboard-btn::before{content:none}.nav-icon{margin-right:0;width:24px;height:24px}.user-badge{padding:6px 12px;max-width:100%;width:auto}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-ghost{padding:8px 16px;font-size:.75rem}.hero-title{font-size:1.8rem}.faq-grid,.landing-grid,.plans-grid,.steps-grid{grid-template-columns:1fr;gap:20px}.seo-faq-section{padding:30px 20px}.pricing-cta-container{text-align:center}.pricing-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;margin:0 -15px;padding:0 15px;width:calc(100% + 30px)}.pricing-table{min-width:600px}.pricing-table tr{display:table-row!important;border:none;margin-bottom:0;border-radius:0;box-shadow:none;padding:0;background:0 0}.pricing-table td{display:table-cell!important;text-align:center!important;border-bottom:1px solid var(--border-fine)!important;padding:12px 8px!important;justify-content:initial;align-items:initial}.pricing-table td::before{content:none!important}.pricing-table thead{display:table-header-group!important}.pricing-table th{display:table-cell!important}.pricing-table td:first-child,.pricing-table th:first-child{position:sticky;left:0;background:var(--bg-panel);z-index:2;border-right:1px solid var(--border-fine)}.pricing-table th:first-child{background:var(--canvas)}.overlay-card{padding:24px 16px;width:95%;max-height:85vh;overflow-y:auto}}@media (max-width:480px){.hero-title{font-size:1.5rem}.user-badge{padding:6px;min-width:40px;justify-content:center}.user-name{display:none!important}.user-badge::before{content:"👤";margin-right:0}}.vault-controls{margin-bottom:24px;width:100%}.filter-group{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:16px;background:var(--canvas);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-fine);width:100%}.search-container{flex:2;min-width:200px}.search-input{width:100%;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-fine);background:var(--bg-panel);color:var(--text-primary);font-family:var(--font-ui);transition:var(--transition)}.search-input:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px var(--cobalt-soft)}.date-filters{display:flex;align-items:center;gap:8px;background:var(--bg-panel);padding:4px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-fine)}.date-input{border:none;background:0 0;color:var(--text-dim);font-family:var(--font-mono);font-size:.85rem;width:130px;outline:0}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5)}[data-theme=dark] .date-input::-webkit-calendar-picker-indicator{filter:invert(.8)}.date-separator{color:var(--silver);font-weight:700}.status-filter{min-width:140px}.page-size-filter{min-width:100px;display:flex;align-items:center;gap:8px}.page-size-select,.status-select{width:100%;padding:10px 32px 10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-fine);background:var(--bg-panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") no-repeat right 8px center;background-size:16px;color:var(--text-primary);font-family:var(--font-ui);font-size:.9rem;appearance:none;cursor:pointer;transition:var(--transition)}.page-size-select:focus,.status-select:focus{border-color:var(--cobalt);outline:0}.pagination-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px}.control-label{font-size:.85rem;color:var(--text-dim);font-weight:500}.page-size-select{width:100%;padding:10px 32px 10px 12px;font-size:.9rem}.pagination-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.page-info{font-family:var(--font-mono);font-size:.9rem;color:var(--text-dim);margin:0 8px}.page-info span{color:var(--text-primary);font-weight:600}.btn-sm{width:auto;padding:6px 12px;font-size:.8rem}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--bg-panel)}.table-container::-webkit-scrollbar-thumb{background-color:var(--silver);border-radius:4px}@media (max-width:768px){.vault-header{flex-direction:column;gap:12px}.filter-group{flex-direction:column;align-items:stretch}.date-filters,.page-size-filter,.search-container,.status-filter{width:100%}.date-filters{justify-content:space-between}.date-input{width:45%}.pagination-nav{flex-wrap:wrap}.filter-group{padding:12px;gap:12px}}@media (max-width:350px){.search-container{min-width:100%}.filter-group{padding:8px;gap:8px}.date-filters{flex-direction:column;align-items:stretch}.date-input{width:100%}.date-separator{display:none}}