.spinner-container{background-color:var(--color-bg-primary);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.spinner{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-container{min-height:100vh;padding:var(--spacing-md);background-color:var(--color-bg-primary);place-items:center;display:grid}.login-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:var(--spacing-xl);opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade;transform:translateY(20px)}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);letter-spacing:-.02em}.login-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.tab-switcher{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);padding:4px;display:flex;position:relative}.tab-btn{padding:var(--spacing-sm) 0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);z-index:1;transition:color var(--transition-fast);border-radius:var(--radius-sm);flex:1}.tab-btn.active{color:var(--color-text-primary)}.tab-indicator{background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);width:calc(50% - 4px);box-shadow:var(--shadow-sm);z-index:0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px}.tab-indicator.left{transform:translate(0)}.tab-indicator.right{transform:translate(100%)}.login-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.form-group input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 14px}.form-group input::placeholder{color:var(--color-text-hint)}.form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.form-group input:disabled{opacity:.6;cursor:not-allowed}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:60px}.password-toggle{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);padding:4px;position:absolute;right:12px}.password-toggle:hover{color:var(--color-text-primary)}.error-message{align-items:center;gap:var(--spacing-sm);background-color:var(--color-danger-subtle);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--spacing-xs);border:1px solid #ef444433;padding:10px 14px;animation:.4s ease-in-out shake;display:flex}.error-message svg{flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.submit-btn{width:100%;margin-top:var(--spacing-sm);background-color:var(--color-accent);color:#fff;font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;min-height:44px;padding:12px;display:flex}.submit-btn:hover:not(:disabled){background-color:var(--color-accent-hover);box-shadow:0 4px 12px var(--color-accent-subtle);transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@media (width<=480px){.login-card{padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:none;background-color:#0000;border:none}}.spinner{border:3px solid color-mix(in srgb, var(--color-accent) 18%, transparent);border-top-color:var(--color-accent);border-radius:50%;animation:.85s linear infinite rotate;display:inline-block}.spinner--sm{width:16px;height:16px}.spinner--md{width:24px;height:24px}.spinner--lg{border-width:4px;width:40px;height:40px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dashboardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dashboard{background-color:var(--color-bg-primary);flex-direction:column;min-height:100vh;animation:.45s cubic-bezier(.16,1,.3,1) forwards dashboardEnter;display:flex}.dashboard-navbar{height:var(--navbar-height);padding:0 var(--spacing-xl);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-brand{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.navbar-right{align-items:center;gap:var(--spacing-md);display:flex}.navbar-email{font-size:var(--text-sm);color:var(--color-text-secondary)}.navbar-logout-btn{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:6px 14px}.navbar-logout-btn:hover{color:var(--color-danger);border-color:var(--color-danger);background-color:var(--color-danger-subtle)}.dashboard-content{max-width:var(--max-content-width);width:100%;padding:var(--spacing-xl);flex:1;margin:0 auto}.metrics-row{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.metric-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.metric-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.action-row{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.new-collection-btn{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;background-color:var(--color-accent);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px 18px;display:inline-flex}.new-collection-btn:hover{background-color:var(--color-accent-hover);box-shadow:0 4px 14px var(--color-accent-subtle);transform:translateY(-1px)}.new-collection-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.inline-create-row{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);animation:.25s forwards dashboardEnter;display:flex}.inline-create-row input{font-size:var(--text-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast);flex:1;padding:8px 14px}.inline-create-row input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.inline-confirm-btn{font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;background-color:var(--color-success);border-radius:var(--radius-md);transition:background var(--transition-fast);padding:8px 16px}.inline-confirm-btn:hover{background-color:color-mix(in srgb, var(--color-success) 85%, #000)}.inline-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.inline-cancel-btn{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px 16px}.inline-cancel-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.collections-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.collection-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.collection-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.collection-card-name{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);padding-right:28px}.collection-card-meta{font-size:var(--text-xs);color:var(--color-text-hint);justify-content:space-between;align-items:center;display:flex}.collection-card-requests{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.collection-delete-btn{top:var(--spacing-md);right:var(--spacing-md);width:28px;height:28px;color:var(--color-text-hint);border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:0;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute}.collection-card:hover .collection-delete-btn{opacity:1}.collection-delete-btn:hover{color:var(--color-danger);background-color:var(--color-danger-subtle)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);overflow:hidden}.skeleton-line{border-radius:var(--radius-sm);height:14px;margin-bottom:var(--spacing-sm);background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-border) 37%, var(--color-bg-tertiary) 63%);background-size:800px 100%;animation:1.4s infinite shimmer}.skeleton-line.wide{width:75%;height:18px}.skeleton-line.medium{width:50%}.skeleton-line.narrow{width:30%}.empty-state{padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-illustration{width:120px;height:120px;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg, var(--color-accent-subtle), var(--color-bg-tertiary));border:2px dashed var(--color-border);border-radius:50%;justify-content:center;align-items:center;font-size:48px;display:flex;position:relative}.empty-illustration:after{content:"";border:1px dashed var(--color-border-hover);border-radius:50%;animation:25s linear infinite rotate;position:absolute;inset:-8px}.empty-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.empty-message{font-size:var(--text-sm);color:var(--color-text-hint);margin-bottom:var(--spacing-xl);max-width:320px}.empty-cta-btn{font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;background-color:var(--color-accent);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:10px 24px}.empty-cta-btn:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.dashboard-error{align-items:center;gap:var(--spacing-sm);background-color:var(--color-danger-subtle);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);margin-bottom:var(--spacing-lg);border:1px solid #ef444433;padding:12px 16px;display:flex}.delete-confirm-overlay{z-index:50;background:#0000008c;justify-content:center;align-items:center;animation:.15s forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-confirm-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:90%;max-width:380px;box-shadow:var(--shadow-lg)}.delete-confirm-card h3{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.delete-confirm-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.delete-confirm-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.delete-confirm-cancel{font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);padding:8px 16px}.delete-confirm-cancel:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.delete-confirm-delete{font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;background-color:var(--color-danger);border-radius:var(--radius-md);transition:background var(--transition-fast);padding:8px 16px}.delete-confirm-delete:hover{background-color:color-mix(in srgb, var(--color-danger) 85%, #000)}@media (width<=1024px){.collections-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard-navbar{padding:0 var(--spacing-md)}.dashboard-content{padding:var(--spacing-md)}.metrics-row,.collections-grid{grid-template-columns:1fr}.navbar-email{display:none}.action-row{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}}.request-editor-layout{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;height:100%;min-height:0;display:grid}.editor-panel{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;display:flex;overflow-y:auto}.request-name-input{width:100%;font-size:var(--text-md);font-weight:var(--font-semibold);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast);background-color:#0000;border:1px solid #0000;padding:8px 12px}.request-name-input::placeholder{color:var(--color-text-hint)}.request-name-input:focus{border-color:var(--color-border);background-color:var(--color-bg-primary);outline:none}.url-bar{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);gap:0;display:flex;overflow:hidden}.url-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.method-select{font-size:var(--text-sm);font-weight:var(--font-bold);border:none;border-right:1px solid var(--color-border);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;appearance:none;text-align:center;min-width:100px;padding:10px 12px}.method-select:focus{outline:none}.method-select.method-GET{color:var(--color-method-get)}.method-select.method-POST{color:var(--color-method-post)}.method-select.method-PUT{color:var(--color-method-put)}.method-select.method-PATCH{color:var(--color-method-patch)}.method-select.method-DELETE{color:var(--color-method-delete)}.url-input{font-size:var(--text-sm);font-family:var(--font-mono);background-color:var(--color-bg-primary);color:var(--color-text-primary);border:none;flex:1;padding:10px 14px}.url-input::placeholder{color:var(--color-text-hint)}.url-input:focus{outline:none}.editor-actions{gap:var(--spacing-sm);display:flex}.send-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;background-color:var(--color-accent);border-radius:var(--radius-md);transition:all var(--transition-fast);min-width:90px;padding:9px 22px;display:inline-flex}.send-btn:hover:not(:disabled){background-color:var(--color-accent-hover);box-shadow:0 4px 12px var(--color-accent-subtle);transform:translateY(-1px)}.send-btn:disabled{opacity:.65;cursor:not-allowed}.save-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:9px 18px;display:inline-flex}.save-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.editor-tabs{border-bottom:1px solid var(--color-border);gap:0;display:flex;position:relative}.editor-tab{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);padding:8px 18px;position:relative}.editor-tab:after{content:"";background-color:var(--color-accent);height:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.editor-tab.active{color:var(--color-accent)}.editor-tab.active:after{transform:scaleX(1)}.editor-tab:hover{color:var(--color-text-primary)}.tab-panel{padding:var(--spacing-md) 0}.header-row{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.header-row input{font-size:var(--text-sm);font-family:var(--font-mono);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast);flex:1;padding:8px 12px}.header-row input:focus{border-color:var(--color-accent);outline:none}.header-row input::placeholder{color:var(--color-text-hint)}.header-remove-btn{width:28px;height:28px;color:var(--color-text-hint);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.header-remove-btn:hover{color:var(--color-danger);background-color:var(--color-danger-subtle)}.add-header-btn{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);border:1px dashed var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:6px 14px}.add-header-btn:hover{background-color:var(--color-accent-subtle);border-color:var(--color-accent)}.body-textarea{width:100%;min-height:180px;font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);resize:vertical;transition:border-color var(--transition-fast);padding:12px;line-height:1.6}.body-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.body-textarea::placeholder{color:var(--color-text-hint)}.auth-section{gap:var(--spacing-md);flex-direction:column;display:flex}.auth-select{font-size:var(--text-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);max-width:240px;padding:8px 12px}.auth-select:focus{border-color:var(--color-accent);outline:none}.auth-input-group{animation:.25s forwards authSlideIn}@keyframes authSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.auth-input-group label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:var(--font-medium);display:block}.auth-input-group input{width:100%;max-width:400px;font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast);padding:8px 12px}.auth-input-group input:focus{border-color:var(--color-accent);outline:none}.response-pane{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;animation:.35s forwards responseFadeIn;display:flex;overflow-y:auto}@keyframes responseFadeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.response-empty{height:100%;color:var(--color-text-hint);font-size:var(--text-sm);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);flex-direction:column;display:flex}.response-empty-icon{opacity:.4;font-size:40px}.response-status-bar{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.status-badge{font-size:var(--text-sm);font-weight:var(--font-bold);font-family:var(--font-mono);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.status-badge.status-2xx{color:var(--color-success);background-color:var(--color-success-subtle)}.status-badge.status-3xx{color:var(--color-warning);background-color:var(--color-warning-subtle)}.status-badge.status-4xx,.status-badge.status-5xx{color:var(--color-danger);background-color:var(--color-danger-subtle)}.response-meta{font-size:var(--text-xs);color:var(--color-text-hint);font-family:var(--font-mono)}.copy-btn{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);margin-left:auto;padding:4px 12px}.copy-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.response-body-block{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);max-height:50vh;overflow:auto}.response-body-block pre{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.65}.json-key{color:#7dd3fc}.json-string{color:#86efac}.json-number{color:#fde68a}.json-boolean{color:#c4b5fd}.json-null{color:#a1a1aa;font-style:italic}@media (prefers-color-scheme:light){.json-key{color:#2563eb}.json-string{color:#16a34a}.json-number{color:#ca8a04}.json-boolean{color:#7c3aed}.json-null{color:#71717a}}.response-headers-toggle{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);padding:var(--spacing-sm) 0;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.response-headers-toggle:hover{color:var(--color-text-primary)}.response-headers-toggle .chevron{font-size:10px;transition:transform .2s}.response-headers-toggle .chevron.open{transform:rotate(90deg)}.response-headers-list{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.8;animation:.2s forwards authSlideIn}.response-headers-list span{color:var(--color-text-hint)}.editor-error{background-color:var(--color-danger-subtle);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);border:1px solid #ef444433;padding:10px 14px}@media (width<=900px){.request-editor-layout{grid-template-rows:auto auto;grid-template-columns:1fr}}.toast{--toast-bg:var(--color-bg-secondary);border:1px solid color-mix(in srgb, var(--toast-color) 24%, var(--color-border));border-radius:var(--radius-lg);background:var(--toast-bg);max-width:min(360px,100vw - 32px);color:var(--color-text-primary);box-shadow:var(--shadow-lg);z-index:30;align-items:center;gap:12px;padding:14px 16px;animation:.3s forwards toast-enter;display:flex;position:fixed;bottom:24px;right:24px}.toast button{color:inherit;opacity:.75}.toast--success{--toast-color:var(--color-success)}.toast--error{--toast-color:var(--color-danger)}.toast--info{--toast-color:var(--color-accent)}.toast:before{content:"";background:var(--toast-color);width:10px;height:10px;box-shadow:0 0 0 6px color-mix(in srgb, var(--toast-color) 14%, transparent);border-radius:999px}@keyframes toast-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.toast{max-width:none;bottom:16px;left:16px;right:16px}}.collection-view{background-color:var(--color-bg-primary);height:100vh;display:flex}.cv-sidebar{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);flex-direction:column;width:260px;min-width:260px;height:100vh;display:flex;overflow-y:auto}.cv-sidebar-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);gap:var(--spacing-sm);flex-direction:column;display:flex}.cv-back-btn{align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);padding:4px 0;display:inline-flex}.cv-back-btn:hover{color:var(--color-accent)}.cv-collection-name{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:border-color var(--transition-fast);border:1px solid #0000;padding:4px 6px}.cv-collection-name:hover{border-color:var(--color-border)}.cv-collection-name-input{width:100%;font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:4px 6px}.cv-collection-name-input:focus{box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.cv-new-request-btn{width:100%;font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;background-color:var(--color-accent);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px}.cv-new-request-btn:hover{background-color:var(--color-accent-hover)}.cv-share-btn{width:100%;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px}.cv-share-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.cv-request-list{padding:var(--spacing-sm) 0;flex:1;overflow-y:auto}.cv-request-item{align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid #0000;display:flex;position:relative}.cv-request-item:hover{background-color:var(--color-bg-tertiary)}.cv-request-item.active{border-left-color:var(--color-accent);background-color:var(--color-accent-subtle)}.cv-method-badge{font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-mono);border-radius:var(--radius-sm);text-align:center;text-transform:uppercase;flex-shrink:0;min-width:40px;padding:2px 6px}.cv-method-badge.method-GET{color:var(--color-method-get);background-color:color-mix(in srgb, var(--color-method-get) 12%, transparent)}.cv-method-badge.method-POST{color:var(--color-method-post);background-color:color-mix(in srgb, var(--color-method-post) 12%, transparent)}.cv-method-badge.method-PUT{color:var(--color-method-put);background-color:color-mix(in srgb, var(--color-method-put) 12%, transparent)}.cv-method-badge.method-PATCH{color:var(--color-method-patch);background-color:color-mix(in srgb, var(--color-method-patch) 12%, transparent)}.cv-method-badge.method-DELETE{color:var(--color-method-delete);background-color:color-mix(in srgb, var(--color-method-delete) 12%, transparent)}.cv-request-name{font-size:var(--text-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cv-request-delete{right:var(--spacing-sm);width:24px;height:24px;color:var(--color-text-hint);border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute}.cv-request-item:hover .cv-request-delete{opacity:1}.cv-request-delete:hover{color:var(--color-danger);background-color:var(--color-danger-subtle)}.cv-sidebar-skeleton{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.cv-skeleton-item{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-border) 37%, var(--color-bg-tertiary) 63%);background-size:800px 100%;height:36px;animation:1.4s infinite cvShimmer}@keyframes cvShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.cv-empty-requests{text-align:center;padding:var(--spacing-2xl) var(--spacing-md);color:var(--color-text-hint);font-size:var(--text-sm)}.cv-main{flex:1;min-width:0;overflow-y:auto}.cv-error{margin:var(--spacing-md);background-color:var(--color-danger-subtle);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);border:1px solid #ef444433;padding:12px 16px}.share-modal-overlay{z-index:50;background:#0000008c;justify-content:center;align-items:center;animation:.15s forwards fadeIn;display:flex;position:fixed;inset:0}.share-modal{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:90%;max-width:460px;box-shadow:var(--shadow-lg)}.share-modal h3{font-size:var(--text-md);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.share-url-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.share-url-row input{font-size:var(--text-sm);font-family:var(--font-mono);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1;padding:8px 12px}.share-copy-btn{font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;background-color:var(--color-accent);border-radius:var(--radius-md);transition:background var(--transition-fast);padding:8px 16px}.share-copy-btn:hover{background-color:var(--color-accent-hover)}.share-close-btn{font-size:var(--text-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 16px}@media (width<=768px){.collection-view{flex-direction:column}.cv-sidebar{border-right:none;border-bottom:1px solid var(--color-border);width:100%;min-width:100%;height:auto;max-height:40vh}.cv-main{flex:1;overflow-y:auto}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:root{--color-bg-primary:#0a0a0b;--color-bg-secondary:#111113;--color-bg-tertiary:#1a1a1f;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-subtle:#3b82f61a;--color-text-primary:#f0f0f3;--color-text-secondary:#a1a1aa;--color-text-hint:#5a5a65;--color-border:#27272a;--color-border-hover:#3f3f46;--color-success:#22c55e;--color-success-subtle:#22c55e1a;--color-warning:#eab308;--color-warning-subtle:#eab3081a;--color-danger:#ef4444;--color-danger-subtle:#ef44441a;--color-method-get:#22c55e;--color-method-post:#3b82f6;--color-method-put:#eab308;--color-method-patch:#f97316;--color-method-delete:#ef4444;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000004d, 0 1px 3px #00000026;--shadow-md:0 4px 6px #0000004d, 0 2px 4px #0003;--shadow-lg:0 10px 25px #0006, 0 6px 10px #00000040;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--sidebar-width:280px;--navbar-height:56px;--max-content-width:1280px}@media (prefers-color-scheme:light){:root{--color-bg-primary:#fff;--color-bg-secondary:#f8f8fa;--color-bg-tertiary:#f0f0f3;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-subtle:#2563eb14;--color-text-primary:#09090b;--color-text-secondary:#52525b;--color-text-hint:#a1a1aa;--color-border:#e4e4e7;--color-border-hover:#d4d4d8;--color-success:#16a34a;--color-success-subtle:#16a34a14;--color-warning:#ca8a04;--color-warning-subtle:#ca8a0414;--color-danger:#dc2626;--color-danger-subtle:#dc262614;--color-method-get:#16a34a;--color-method-post:#2563eb;--color-method-put:#ca8a04;--color-method-patch:#ea580c;--color-method-delete:#dc2626;--shadow-sm:0 1px 2px #0000000d, 0 1px 3px #0000000d;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000d;--shadow-lg:0 10px 25px #0000001a, 0 6px 10px #0000000f}}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary)}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-hint)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-hover) transparent}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mono{font-family:var(--font-mono)}