@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at top,rgba(16,163,127,.1),transparent 45%)}.error-boundary-card{max-width:480px;width:100%;text-align:center;padding:2.5rem;border-radius:16px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 20px 40px #0006}.error-icon{font-size:3rem;margin-bottom:1rem}.error-boundary-card h2{margin:0 0 .75rem;color:var(--text-primary);font-size:1.5rem}.error-message{margin:0 0 1rem;color:var(--text-muted);font-size:.95rem;line-height:1.5;word-break:break-word}.error-id{margin:1rem 0;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;font-size:.85rem;color:var(--text-muted)}.error-id code{font-family:Monaco,Menlo,monospace;color:var(--accent-primary);background:#10a37f1a;padding:.2rem .4rem;border-radius:4px}.error-details{margin:1rem 0;text-align:left;background:var(--bg-secondary);border-radius:8px;padding:1rem}.error-details summary{cursor:pointer;color:var(--text-muted);font-size:.9rem;user-select:none}.error-details pre{margin:.75rem 0 0;padding:.75rem;background:var(--bg-primary);border-radius:6px;font-size:.75rem;color:var(--text-muted);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;gap:.75rem;justify-content:center;margin:1.5rem 0;flex-wrap:wrap}.error-help{margin:1rem 0 0;font-size:.8rem;color:var(--text-muted)}.error-boundary.terminal-error{min-height:auto;padding:1rem;background:var(--bg-primary)}.error-boundary.terminal-error .error-boundary-card{max-width:100%;padding:1.5rem;box-shadow:0 4px 12px #0003}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--noir-0);background-image:radial-gradient(circle at 30% 20%,var(--primary-glow),transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,255,65,.05),transparent 50%);padding:var(--space-8)}.login-container{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6);animation:loginFadeIn .5s ease-out}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-terminal-mock{width:100%;max-width:400px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.login-terminal-header{display:flex;gap:6px;padding:10px 14px;background:var(--color-surface-2);border-bottom:1px solid var(--color-border-subtle)}.login-terminal-dot{width:10px;height:10px;border-radius:50%;background:var(--color-surface-3)}.login-terminal-body{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.8;color:var(--color-text-primary);min-height:120px}.login-term-line{white-space:nowrap;overflow:hidden;width:0}.login-term-line-1{animation:typeLine 1.5s steps(32) .3s forwards}.login-term-line-2{color:var(--color-text-secondary);animation:typeLine 1s steps(28) 2s forwards}.login-term-line-3{color:var(--color-accent);font-weight:600;animation:typeLine .8s steps(19) 3.2s forwards}.login-term-line-cursor{width:auto;overflow:visible;opacity:0;animation:showCursorLine .1s 4.2s forwards}@keyframes typeLine{0%{width:0}to{width:100%}}@keyframes showCursorLine{to{opacity:1}}.login-cursor{display:inline-block;width:8px;height:1.1em;background:var(--color-accent);vertical-align:text-bottom;animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.login-title{font-family:var(--font-mono);font-size:var(--font-size-3xl);font-weight:700;color:var(--primary);margin:0;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 20px var(--primary-glow)}.login-tagline{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:calc(-1 * var(--space-3)) 0 0}.login-error{color:var(--color-status-danger, #ef4444);font-size:var(--font-size-sm);margin:0;padding:var(--space-2) var(--space-4);background:#ef44441a;border-radius:var(--radius-md);width:100%;max-width:320px}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;max-width:320px;padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:700;color:#000;background:var(--primary);border:none;border-radius:var(--radius-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);box-shadow:0 0 15px var(--primary-glow)}.login-google-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.login-google-btn:active{transform:translateY(0)}.login-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);width:100%;max-width:360px}.login-feature-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);border-radius:var(--radius-md);background:var(--color-surface-1)}.login-feature-item svg{color:var(--color-accent);flex-shrink:0}@media(max-width:480px){.login-page{padding:var(--space-4)}.login-terminal-mock{max-width:100%}.login-features-grid{grid-template-columns:1fr}}@media(max-width:375px){.login-terminal-mock{display:none}}.bottom-nav{display:none}@media(max-width:767px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--bg-card);border-top:1px solid var(--border);z-index:200;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;color:var(--text-muted);cursor:pointer;padding:8px 0;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;font-family:var(--font-mono);position:relative}.bottom-nav-tab:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary);border-radius:0 0 2px 2px;transition:width var(--transition-fast);box-shadow:0 0 8px var(--primary)}.bottom-nav-tab.active{color:var(--primary)}.bottom-nav-tab.active:before{width:24px}.bottom-nav-tab:active{opacity:.7}.bottom-nav-label{font-family:var(--font-mono);font-size:.65rem;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.05em}}.toast-stack{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:9000;max-width:min(380px,90vw)}.toast{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);box-shadow:0 8px 32px #00000080,0 0 20px var(--primary-glow);font-family:var(--font-mono);font-size:.85rem;animation:sf-toast-in .2s ease}@keyframes sf-toast-in{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.toast span{flex:1;line-height:1.4}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.toast-close:hover{color:var(--primary);background:var(--bg-card-hover)}.toast-info{border-left:3px solid var(--primary);box-shadow:0 8px 32px #00000080,0 0 15px var(--primary-glow)}.toast-success{border-left:3px solid var(--status-success);box-shadow:0 8px 32px #00000080,0 0 15px #00ff4126}.toast-warning{border-left:3px solid var(--status-warning);box-shadow:0 8px 32px #00000080,0 0 15px #ffb00026}.toast-error{border-left:3px solid var(--status-danger);box-shadow:0 8px 32px #00000080,0 0 15px #ff333326}@media(max-width:720px){.toast-stack{left:12px;right:12px;bottom:12px}}@media(max-width:480px){.toast-stack{left:8px;right:8px;bottom:8px}}.sidebar{width:72px;height:calc(100vh - 32px);margin:16px;display:flex;flex-direction:column;padding:1.25rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;z-index:100;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.sidebar:before,.sidebar:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--primary);border-style:solid;opacity:.25;pointer-events:none}.sidebar:before{top:8px;left:8px;border-width:2px 0 0 2px}.sidebar:after{bottom:8px;right:8px;border-width:0 2px 2px 0}.sidebar.expanded{width:260px;padding:1.25rem 1rem}.sidebar-header{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;padding:0 2px;height:40px;min-width:0;overflow:visible;position:relative}.logo-icon{width:36px;height:36px;min-width:36px;background:#000;border:1px solid var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 0 12px var(--primary-glow),inset 0 0 8px var(--primary-glow);flex-shrink:0}.logo-text{font-family:var(--font-mono);font-size:1rem;font-weight:700;letter-spacing:.1em;white-space:nowrap;opacity:0;max-width:0;overflow:hidden;transition:opacity .3s ease,max-width .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase}.sidebar.expanded .logo-text{opacity:1;max-width:300px;margin-left:0}.logo-text .accent{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.sidebar-toggle-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:36px;height:36px;min-width:36px;min-height:36px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;z-index:10}.sidebar-toggle-btn:hover{background:var(--bg-card-hover);color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.sidebar-toggle-btn:active{transform:translateY(-50%) scale(.95)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;transition:all var(--transition-fast);font-family:var(--font-mono);font-size:.8rem;font-weight:500;border:1px solid transparent;white-space:nowrap;min-height:40px;height:40px;overflow:hidden;min-width:44px;position:relative}.nav-item svg{flex-shrink:0;min-width:18px}.nav-label{opacity:0;transform:translate(-8px);transition:all .2s ease}.sidebar.expanded .nav-label{opacity:1;transform:translate(0)}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-main);border-color:var(--border)}.nav-item.active{background:#00ff4114;color:var(--primary);border-color:#00ff4140;text-shadow:0 0 8px var(--primary-glow)}.nav-item.active svg{filter:drop-shadow(0 0 6px var(--primary))}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--primary);border-radius:0 4px 4px 0;box-shadow:0 0 12px var(--primary)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:.5rem;position:relative}.user-profile-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--text-muted);text-decoration:none;transition:all var(--transition-fast);min-height:40px;height:40px;box-sizing:border-box;overflow:hidden;min-width:44px;background:none;border:none;width:100%;text-align:left;cursor:pointer}.sidebar.expanded .user-profile-link{padding:10px 12px}.user-profile-link:hover{background:var(--bg-card-hover);color:var(--text-main)}.user-profile-link.active{background:#00ff4114;color:var(--primary)}.user-avatar{width:24px;height:24px;min-width:24px;border-radius:var(--radius-sm);background:#000;border:1px solid var(--primary);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 8px var(--primary-glow)}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--primary);text-shadow:0 0 6px var(--primary-glow)}.user-info{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;flex:1;overflow:hidden}.user-name{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin:0}.user-email{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin:0}.chevron-icon{color:var(--text-muted);opacity:0;transform:rotate(-90deg);transition:all var(--transition-fast);flex-shrink:0}.sidebar.expanded .chevron-icon{opacity:1;transform:rotate(0)}.sidebar.collapsed .user-profile-link{position:relative;padding:10px 8px;height:40px;overflow:hidden}.sidebar.collapsed .user-avatar{width:24px;height:24px;min-width:24px}.sidebar.collapsed .user-info,.sidebar.collapsed .chevron-icon{display:none}.sidebar.collapsed .user-profile-link:after{content:"Profile";position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-mono);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:1000}.sidebar.collapsed .user-profile-link:hover:after{opacity:1}.sidebar.collapsed .nav-item{position:relative}.sidebar.collapsed .nav-item:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-mono);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:1000}.sidebar.collapsed .nav-item:hover:after{opacity:1}.sidebar.collapsed:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:30px;background:linear-gradient(to bottom,transparent,var(--primary),transparent);border-radius:2px;opacity:0;transition:opacity var(--transition-fast)}.sidebar.collapsed:hover:after{opacity:.4;box-shadow:0 0 8px var(--primary-glow)}.user-menu-popover{position:absolute;bottom:calc(100% + 8px);left:.5rem;right:.5rem;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080,0 0 20px var(--primary-glow);padding:.25rem 0;z-index:200;animation:sf-fade-in .15s ease}.user-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:none;color:var(--text-main);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:background var(--transition-fast);text-align:left}.user-menu-item:hover{background:var(--bg-card-hover);color:var(--primary)}.user-menu-danger{color:var(--status-danger)}.user-menu-danger:hover{background:#ff33331a}.user-menu-divider{height:1px;background:var(--border);margin:.25rem 0}.sidebar-footer{position:relative}@keyframes sf-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.sidebar{display:none}}.sf-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);border:1px solid}.sf-alert-info{background:#00aaff14;border-color:#00aaff40;color:#0af}.sf-alert-success{background:#00ff4114;border-color:#00ff4140;color:var(--phosphor-green)}.sf-alert-danger{background:#ff333314;border-color:#ff333340;color:#f55}.sf-alert-warning{background:#ffb00014;border-color:#ffb00040;color:var(--phosphor-amber)}.sf-alert svg{flex-shrink:0;margin-top:1px}.sf-alert strong{font-weight:600}.sf-alert p{margin:0;line-height:1.5}.sf-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast)}.sf-badge:hover{opacity:.8}.sf-badge-success{background:#00ff411a;color:var(--status-success);border:1px solid rgba(0,255,65,.2)}.sf-badge-warning{background:#ffb0001a;color:var(--status-warning);border:1px solid rgba(255,176,0,.2)}.sf-badge-danger{background:#ff33331a;color:var(--status-danger);border:1px solid rgba(255,51,51,.2)}.sf-badge-info{background:#00aaff1a;color:var(--status-info);border:1px solid rgba(0,170,255,.2)}.sf-badge-neutral{background:var(--bg-deep);color:var(--noir-12);border:1px solid var(--border)}.sf-badge-accent{background:#00ff4126;color:var(--primary);border:1px solid var(--primary);box-shadow:0 0 8px var(--primary-glow)}.sf-badge-dot-indicator{width:6px;height:6px;border-radius:50%;background:currentColor}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:700;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.sf-btn:active:not(:disabled){transform:scale(.97)}.sf-btn:disabled{opacity:.4;cursor:not-allowed}.sf-btn-sm{height:36px;padding:0 var(--space-3);font-size:.75rem}.sf-btn-md{height:42px;padding:0 var(--space-5);font-size:.8rem}.sf-btn-lg{height:48px;padding:0 var(--space-6);font-size:.9rem}.sf-btn-primary{background:var(--primary);color:#000;box-shadow:0 0 12px var(--primary-glow)}.sf-btn-primary:hover:not(:disabled){background:var(--phosphor-green);box-shadow:0 0 20px var(--primary-glow),0 0 40px #00ff411a;transform:translateY(-1px)}.sf-btn-secondary{background:transparent;border-color:var(--border);color:var(--text-main)}.sf-btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary);color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.sf-btn-ghost{background:transparent;color:var(--text-muted)}.sf-btn-ghost:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-main)}.sf-btn-danger{background:var(--status-danger);color:#fff;box-shadow:0 0 12px #ff333340}.sf-btn-danger:hover:not(:disabled){background:#f44;box-shadow:0 0 20px #ff333359}.sf-btn-loading{pointer-events:none}.sf-btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sf-spin .6s linear infinite}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-card{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.sf-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sf-card-glass{background:var(--glass-bg);border-color:var(--glass-border);backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow)}.sf-card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.sf-card-body{padding:var(--space-5)}.sf-card-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle)}.sf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.sf-empty-illustration{color:var(--text-muted);margin-bottom:var(--space-6);opacity:.6}.sf-empty-icon{color:var(--primary);margin-bottom:var(--space-4);filter:drop-shadow(0 0 10px var(--primary-glow));opacity:.7}.sf-empty-title{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.1em}.sf-empty-desc{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-6);max-width:320px;line-height:1.6}.sf-empty-action{margin-top:var(--space-2)}.sf-input-group{display:flex;flex-direction:column;gap:.4rem}.sf-input-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sf-input-wrapper{position:relative;display:flex;align-items:center}.sf-input{width:100%;min-height:42px;padding:.6rem .875rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-mono);font-size:.9rem;transition:all var(--transition-fast);outline:none}.sf-input::placeholder{color:var(--text-muted);font-style:italic}.sf-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.sf-input:disabled{opacity:.5;cursor:not-allowed}.sf-input-error .sf-input{border-color:var(--status-danger)}.sf-input-error .sf-input:focus{box-shadow:0 0 0 3px #f333}.sf-input-error-text{font-family:var(--font-mono);font-size:.75rem;color:var(--status-danger);margin-top:.25rem}.sf-input-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.sf-input-toggle:hover{color:var(--primary)}textarea.sf-input{min-height:80px;resize:vertical;line-height:1.5}.sf-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000bf;backdrop-filter:blur(4px);z-index:1000;animation:sf-fade-in .2s ease;padding:16px}.sf-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 0 40px #0009,0 0 20px var(--primary-glow);width:90%;max-height:calc(85vh - 32px);max-height:calc(85dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:sf-scale-in .2s ease;position:relative}.sf-modal:before,.sf-modal:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--primary);border-style:solid;opacity:.3;pointer-events:none}.sf-modal:before{top:-1px;left:-1px;border-width:2px 0 0 2px;border-radius:var(--radius-md) 0 0 0}.sf-modal:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-radius:0 0 var(--radius-md) 0}.sf-modal-sm{max-width:400px}.sf-modal-md{max-width:520px}.sf-modal-lg{max-width:680px}.sf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);background:var(--bg-elevated)}.sf-modal-title{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.sf-modal-body{padding:var(--space-6);overflow-y:auto;max-height:calc(85vh - 80px);max-height:calc(85dvh - 80px)}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-scale-in{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.sf-modal-overlay{padding:12px;align-items:flex-start;padding-top:calc(48px + env(safe-area-inset-top,0px))}.sf-modal{width:100%;max-height:calc(100vh - 64px - env(safe-area-inset-top,0px));max-height:calc(100dvh - 64px - env(safe-area-inset-top,0px))}.sf-modal-body{max-height:calc(100vh - 124px - env(safe-area-inset-top,0px));max-height:calc(100dvh - 124px - env(safe-area-inset-top,0px))}}@media(max-width:480px){.sf-modal-overlay{padding:8px;padding-top:calc(32px + env(safe-area-inset-top,0px))}.sf-modal{border-radius:var(--radius-md);max-height:calc(100vh - 48px - env(safe-area-inset-top,0px));max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px))}}.quota-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs)}.quota-badge-bar{width:48px;height:6px;border-radius:var(--radius-full);background:var(--color-surface-3);overflow:hidden}.quota-badge-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-fast)}.quota-badge-accent{background:var(--color-accent)}.quota-badge-warning{background:var(--amber-400, #f59e0b)}.quota-badge-danger{background:var(--red-400, #ef4444)}.quota-badge-text{color:var(--color-text-secondary);white-space:nowrap}.quota-badge-upgrade{color:var(--color-accent);text-decoration:none;font-weight:500;white-space:nowrap}.quota-badge-upgrade:hover{text-decoration:underline}.sf-skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:sf-shimmer 1.5s ease-in-out infinite}.sf-skeleton-text{height:16px;width:100%}.sf-skeleton-circle{width:40px;height:40px;border-radius:50%}.sf-skeleton-card{height:120px;width:100%;border-radius:var(--radius-lg)}.sf-skeleton-row{height:48px;width:100%}.sf-skeleton-block{display:flex;flex-direction:column;gap:var(--space-2)}.sf-skeleton-h-8{height:32px}.sf-skeleton-h-10{height:40px}.sf-skeleton-h-12{height:48px}.sf-skeleton-h-16{height:64px}.sf-skeleton-h-24{height:96px}.sf-skeleton-h-32{height:128px}.sf-skeleton-rounded{border-radius:var(--radius-full)}@keyframes sf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sf-tabs{overflow-x:auto}.sf-tabs-list{display:flex;position:relative;gap:var(--space-1);border-bottom:1px solid var(--color-border-subtle)}.sf-tab{padding:var(--space-2) var(--space-4);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:color var(--transition-fast);white-space:nowrap}.sf-tab:hover{color:var(--color-text-primary)}.sf-tab-active{color:var(--color-accent)}.sf-tabs-indicator{position:absolute;bottom:-1px;height:2px;background:var(--color-accent);border-radius:1px;transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1)}.sf-tooltip-wrapper{position:relative;display:inline-flex}.sf-tooltip{position:absolute;z-index:50;padding:var(--space-1) var(--space-2);background:var(--color-surface-3);color:var(--color-text-primary);font-size:var(--font-size-xs);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;animation:sf-fade-in .15s ease;box-shadow:var(--shadow-sm)}.sf-tooltip-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.sf-tooltip-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.sf-tooltip-left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.sf-tooltip-right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.upgrade-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5)}.upgrade-prompt-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent-glow);color:var(--color-accent)}.upgrade-prompt-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;max-width:300px}.upgrade-prompt-actions{display:flex;gap:var(--space-3);width:100%;justify-content:center}.sf-view-transition{opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;flex:1;min-height:0;display:flex;flex-direction:column}.sf-view-entered{opacity:1;transform:translateY(0)}.sf-view-exiting{opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}@media(prefers-reduced-motion:reduce){.sf-view-transition{opacity:1;transform:none;transition:none}.sf-view-exiting{opacity:1;transform:none}}.app-container{display:flex;height:100vh;background-color:var(--bg-dark);background-image:radial-gradient(circle at 12% 18%,rgba(0,255,65,.05),transparent 35%),radial-gradient(circle at 82% 12%,rgba(0,255,65,.03),transparent 40%);position:relative;overflow:hidden}.app-container:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.03) 1px,rgba(0,0,0,.03) 2px);pointer-events:none;z-index:9999;opacity:.5}.main-content{flex:1;padding:0;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;min-height:0;overscroll-behavior:contain}.persistent-terminal-layer{position:absolute;inset:0;display:flex;flex-direction:column;z-index:5;background:var(--color-surface-0, #0a0a0a)}@media(max-width:767px){.main-content{padding:12px;padding-bottom:calc(var(--mobile-nav-height) + 12px + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.main-content{padding:8px}}:root{--noir-0: #000000;--noir-1: #050505;--noir-2: #0a0a0a;--noir-3: #0f0f0f;--noir-4: #141414;--noir-5: #1a1a1a;--noir-6: #222222;--noir-7: #2a2a2a;--noir-8: #363636;--noir-9: #444444;--noir-10: #555555;--noir-11: #666666;--noir-12: #888888;--noir-13: #aaaaaa;--noir-14: #cccccc;--noir-15: #e0e0e0;--noir-16: #f0f0f0;--phosphor-green: #00ff41;--phosphor-green-dim: #00dd38;--phosphor-green-muted: #00aa2a;--phosphor-green-glow: rgba(0, 255, 65, .2);--phosphor-green-glow-strong: rgba(0, 255, 65, .4);--phosphor-amber: #ffb000;--phosphor-amber-dim: #cc8c00;--phosphor-amber-muted: #996a00;--phosphor-amber-glow: rgba(255, 176, 0, .25);--status-online: var(--phosphor-green);--status-offline: #ff3333;--status-warning: var(--phosphor-amber);--status-danger: #ff3333;--status-info: #00aaff;--status-success: var(--phosphor-green);--gray-50: var(--noir-16);--gray-100: var(--noir-15);--gray-200: var(--noir-14);--gray-300: var(--noir-13);--gray-400: var(--noir-12);--gray-500: var(--noir-11);--gray-600: var(--noir-10);--gray-700: var(--noir-9);--gray-750: var(--noir-8);--gray-800: var(--noir-7);--gray-850: var(--noir-6);--gray-900: var(--noir-5);--gray-950: var(--noir-2);--emerald-400: var(--phosphor-green);--emerald-500: var(--phosphor-green-dim);--emerald-600: var(--phosphor-green-muted);--red-400: #ff5555;--red-500: #ff3333;--green-400: var(--phosphor-green);--green-500: var(--phosphor-green-dim);--amber-400: var(--phosphor-amber);--amber-500: var(--phosphor-amber-dim);--blue-400: #00aaff;--blue-500: #0088dd;--purple-400: #aa77ff;--purple-500: #8855ee;--rose-400: #ff7788;--rose-500: #ff5566}:root{--color-surface-0: var(--noir-2);--color-surface-1: var(--noir-4);--color-surface-2: var(--noir-6);--color-surface-3: var(--noir-8);--color-text-primary: var(--noir-15);--color-text-secondary: var(--noir-12);--color-text-muted: var(--noir-10);--color-text-inverse: var(--noir-2);--color-border: var(--noir-7);--color-border-subtle: rgba(255, 255, 255, .04);--color-border-focus: var(--phosphor-green);--color-accent: var(--phosphor-green);--color-accent-hover: var(--phosphor-green-dim);--color-accent-glow: var(--phosphor-green-glow);--color-accent-glow-strong: var(--phosphor-green-glow-strong);--color-success: var(--phosphor-green);--color-warning: var(--phosphor-amber);--color-danger: #ff3333;--color-info: #00aaff;--glass-bg: rgba(10, 10, 10, .85);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .5);--glass-blur: 16px;--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: 8px;--radius-xl: 12px;--radius-full: 9999px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Fira Code", "JetBrains Mono", Menlo, Monaco, Consolas, monospace;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px var(--phosphor-green-glow)}:root{--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 260px;--terminal-bg: var(--noir-1);--toolbar-height: 44px;--tab-height: 36px;--mobile-nav-height: 56px}[data-theme=light]{--color-surface-0: var(--noir-16);--color-surface-1: var(--noir-15);--color-surface-2: var(--noir-14);--color-surface-3: var(--noir-13);--color-text-primary: var(--noir-3);--color-text-secondary: var(--noir-7);--color-text-muted: var(--noir-9);--color-border: var(--noir-9);--color-border-subtle: rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--terminal-bg: var(--noir-15)}@media(prefers-color-scheme:light){[data-theme=auto]{--color-surface-0: var(--noir-16);--color-surface-1: var(--noir-15);--color-surface-2: var(--noir-14);--color-surface-3: var(--noir-13);--color-text-primary: var(--noir-3);--color-text-secondary: var(--noir-7);--color-text-muted: var(--noir-9);--color-border: var(--noir-9);--color-border-subtle: rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--terminal-bg: var(--noir-15)}}:root{--bg-dark: var(--color-surface-0);--bg-card: var(--color-surface-1);--bg-card-hover: var(--color-surface-2);--bg-input: var(--color-surface-2);--bg-elevated: var(--color-surface-3);--bg-deep: var(--noir-1);--bg-code: var(--noir-2);--bg-hover: var(--color-surface-2);--primary: var(--phosphor-green);--primary-hover: var(--phosphor-green-dim);--primary-glow: var(--phosphor-green-glow);--accent: var(--phosphor-green-muted);--accent-glow: var(--phosphor-green-glow);--text-main: var(--color-text-primary);--text-muted: var(--color-text-secondary);--text-primary: var(--color-text-primary);--border: var(--color-border);--status-success: var(--phosphor-green);--status-warning: var(--phosphor-amber);--status-danger: #ff3333;--status-online: var(--phosphor-green);--status-offline: #ff3333;--status-unknown: var(--noir-10)}:root{--phosphor-green: #00ff41;--phosphor-green-dim: #00cc33;--phosphor-green-glow: rgba(0, 255, 65, .15);--phosphor-green-glow-strong: rgba(0, 255, 65, .35);--phosphor-amber: #ffb000;--phosphor-amber-glow: rgba(255, 176, 0, .2);--noise-opacity: .03;--noise-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");--scanline-opacity: .04;--scanline-spacing: 2px}.crt-noise:before{content:"";position:absolute;inset:0;background:var(--noise-url);opacity:var(--noise-opacity);pointer-events:none;z-index:1;mix-blend-mode:overlay}.crt-scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent var(--scanline-spacing),rgba(0,0,0,var(--scanline-opacity)) var(--scanline-spacing),rgba(0,0,0,var(--scanline-opacity)) calc(var(--scanline-spacing) + 1px));pointer-events:none;z-index:2}.phosphor-text{text-shadow:0 0 7px var(--phosphor-green-glow-strong),0 0 15px var(--phosphor-green-glow)}.phosphor-glow{box-shadow:0 0 8px var(--phosphor-green-glow),0 0 20px var(--phosphor-green-glow)}.corner-brackets{position:relative}.corner-brackets:before,.corner-brackets:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--phosphor-green);border-style:solid;opacity:.4}.corner-brackets:before{top:0;left:0;border-width:2px 0 0 2px}.corner-brackets:after{bottom:0;right:0;border-width:0 2px 2px 0}@keyframes crt-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.95}94%{opacity:1}97%{opacity:.98}}.crt-flicker{animation:crt-flicker 8s infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor-blink{animation:cursor-blink 1s step-end infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--phosphor-green-glow),0 0 10px var(--phosphor-green-glow)}50%{box-shadow:0 0 10px var(--phosphor-green-glow-strong),0 0 20px var(--phosphor-green-glow)}}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes typing{0%{width:0}to{width:100%}}.typing-text{overflow:hidden;white-space:nowrap;animation:typing 1.5s steps(20,end)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--phosphor-green);box-shadow:0 0 6px var(--phosphor-green)}.status-dot.offline{background:var(--color-danger);box-shadow:0 0 6px #ef444480}.status-dot.warning{background:var(--phosphor-amber);box-shadow:0 0 6px var(--phosphor-amber-glow)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-animations=false] *,[data-animations=false] *:before,[data-animations=false] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Fira Code", "JetBrains Mono", Menlo, Monaco, Consolas, monospace;--glass-blur: 16px;--glass-opacity: .85;--bg-dark: #0a0a0a;--bg-card: #141414;--bg-card-hover: #1e1e1e;--bg-input: #1e1e1e;--bg-elevated: #222222;--bg-deep: #050505;--bg-code: #080808;--primary: #00ff41;--primary-glow: rgba(0, 255, 65, .25);--accent: #00aa2a;--accent-glow: rgba(0, 170, 42, .2);--text-main: #e0e0e0;--text-muted: #888888;--text-primary: var(--text-main);--border: #2a2a2a;--glass-bg: rgba(10, 10, 10, var(--glass-opacity));--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .5);--status-success: #00ff41;--status-warning: #ffb000;--status-danger: #ff3333;--status-online: #00ff41;--status-offline: #ff3333;--status-unknown: #555555;--transition-fast: .15s ease;--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg-dark: #f5f5f5;--bg-card: #ffffff;--bg-card-hover: #f0f0f0;--bg-input: #ffffff;--bg-elevated: #fafafa;--bg-deep: #ebebeb;--bg-code: #f0f0f0;--text-main: #1a1a1a;--text-muted: #666666;--text-primary: var(--text-main);--border: #d0d0d0;--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(0, 0, 0, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08)}@media(prefers-color-scheme:light){:root[data-theme=auto]{--bg-dark: #f5f5f5;--bg-card: #ffffff;--bg-card-hover: #f0f0f0;--bg-input: #ffffff;--bg-elevated: #fafafa;--bg-deep: #ebebeb;--bg-code: #f0f0f0;--text-main: #1a1a1a;--text-muted: #666666;--text-primary: var(--text-main);--border: #d0d0d0;--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(0, 0, 0, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08)}}:root[data-animations=off] *,:root[data-animations=off] *:before,:root[data-animations=off] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:12px 20px;background:var(--primary);color:#000;font-family:var(--font-mono);font-weight:700;font-size:.85rem;text-decoration:none;border-radius:var(--radius-md);box-shadow:0 0 20px var(--primary-glow);transition:top .2s ease}.skip-link:focus{top:16px;outline:2px solid #000000;outline-offset:2px}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;height:100vh;line-height:1.5}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:9999}::selection{background:#00ff414d;color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--phosphor-green-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--phosphor-green-dim)}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 8px var(--primary-glow)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.panel-noir{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);position:relative}.panel-noir:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;border-radius:inherit}.btn-primary{background:var(--primary);border:none;color:#000;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:600;font-size:.85rem;letter-spacing:.02em;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 12px var(--primary-glow);text-transform:uppercase;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{background:var(--phosphor-green);box-shadow:0 0 20px var(--primary-glow),0 0 40px #00ff4126;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary.danger{background:var(--status-danger);box-shadow:0 0 12px #ff33334d}.btn-primary.danger:hover{background:#f44;box-shadow:0 0 20px #f336}.btn-secondary{height:40px;padding:0 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-main);font-family:var(--font-mono);font-weight:500;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.02em}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-main)}.btn-icon:active{transform:scale(.95)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);color:var(--text-main);padding:.6rem .875rem;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;outline:none;transition:all var(--transition-fast);min-height:40px;width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=checkbox],input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}label{display:block;margin-bottom:.4rem;font-size:.8rem;font-weight:500;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.loading-state,.error-state{padding:2rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem}.loading-state{display:flex;align-items:center;justify-content:center;gap:.75rem}.loading-state:before{content:"";width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{border-color:#ff33334d;color:#f88}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#00ff411a;color:var(--primary);border:1px solid rgba(0,255,65,.2)}.badge-warning{background:#ffb0001a;color:var(--phosphor-amber);border:1px solid rgba(255,176,0,.2)}.badge-danger{background:#ff33331a;color:#f55;border:1px solid rgba(255,51,51,.2)}.badge-info{background:#00aaff1a;color:#0af;border:1px solid rgba(0,170,255,.2)}.mono{font-family:var(--font-mono)}.text-glow{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.divider{height:1px;background:var(--border);margin:1rem 0}.card-hover{transition:all var(--transition-fast);cursor:pointer}.card-hover:hover{background:var(--bg-card-hover);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}@media(max-width:768px){body{font-size:15px}.btn-primary{padding:.55rem 1rem;font-size:.8rem;width:100%}input,select,textarea{font-size:16px}}@media(max-width:480px){.btn-primary{padding:.65rem 1rem}input,select,textarea{padding:.75rem}.glass-panel{border-radius:var(--radius-md)}}.share-modal-container{display:flex;flex-direction:column;gap:20px;padding:8px 4px}.share-header{margin-bottom:8px}.share-desc{font-size:.95rem;color:var(--text-muted);line-height:1.6}.share-desc code{color:var(--primary);background:var(--bg-deep);padding:2px 6px;border-radius:4px;font-family:var(--font-mono)}.share-input-group{padding:24px;display:flex;flex-direction:column;gap:20px;border:1px solid var(--border);background:#ffffff05}.share-field{display:flex;flex-direction:column;gap:8px}.share-submit-btn{margin-top:8px}.share-list-section{display:flex;flex-direction:column;gap:16px;margin-top:12px}.share-list-header{display:flex;align-items:center;gap:12px}.share-list-header h3{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.share-users-grid{display:flex;flex-direction:column;gap:10px}.share-member-card{display:flex;align-items:center;padding:12px 16px;gap:16px;transition:var(--transition-smooth);animation:slideInDown .3s ease-out}.share-member-card:hover{background:#ffffff0a;transform:translate(4px)}.member-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid var(--border)}.member-info{flex:1;display:flex;flex-direction:column}.member-name{font-weight:600;font-size:.9rem;color:var(--text-main)}.member-email{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.member-actions{display:flex;align-items:center;gap:12px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sf-modal-title{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:var(--primary)}.sf-modal-footer{display:flex;justify-content:flex-end;padding-top:8px}.sf-view{display:flex;flex-direction:column;flex:1;gap:var(--space-6);max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;min-height:0;padding:var(--space-6);padding-bottom:calc(var(--space-6) + var(--mobile-nav-height));position:relative;animation:viewFadeIn .3s ease-out}@media(max-width:1024px){.sf-view{padding:var(--space-5);padding-bottom:calc(var(--space-5) + var(--mobile-nav-height))}}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sf-view:before{content:"";position:fixed;inset:0;background:var(--noise-url);opacity:.01;pointer-events:none;z-index:1000;mix-blend-mode:overlay}.sf-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-2)}.sf-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.sf-title{font-family:var(--font-mono);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0;display:flex;align-items:center;gap:var(--space-3);text-shadow:0 0 15px var(--primary-glow)}.sf-title svg{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary))}.sf-subtitle{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);margin:.25rem 0 0;opacity:.8;max-width:600px}.sf-header-actions{display:flex;gap:var(--space-2);align-items:center}.sf-view-narrow{max-width:800px}.sf-view-wide{max-width:1400px}.sf-view-full{max-width:100%}@media(max-width:768px){.sf-view{padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--mobile-nav-height));gap:var(--space-4)}.sf-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.sf-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.sf-filters-container{flex-direction:column;gap:var(--space-3)}.search-input-wrapper{max-width:100%}}@media(max-width:480px){.sf-view{padding:var(--space-3)}.sf-title{font-size:var(--font-size-xl)}}.sf-filter-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.sf-filter-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.sf-filter-btn.active{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.sf-filters-container{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);position:relative;overflow:hidden}.sf-filters-container:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.search-input-wrapper{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-10);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-main);font-family:var(--font-mono);font-size:var(--font-size-sm);outline:none;transition:all var(--transition-fast);height:40px}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast)}.search-input:focus+.search-icon{color:var(--primary)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.search-clear:hover{background:var(--bg-card-hover);color:var(--status-danger)}