@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";.studio-page{display:flex;flex-direction:column;gap:16px}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-title{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);margin:0}.studio-toolbar{display:flex;align-items:center;gap:6px;padding:4px;background:var(--bg-card, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:10px}.studio-toggle-group{display:flex;gap:2px}.studio-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #a1a1a1);cursor:pointer;transition:all .15s ease}.studio-toggle-btn:hover{background:#ffffff14;color:var(--text-primary, #ffffff)}.studio-toggle-btn.active{background:#39ff1426;color:var(--accent-primary, #39ff14)}.studio-divider{width:1px;height:20px;background:var(--border-color, rgba(57, 255, 20, .2));margin:0 4px}.studio-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #a1a1a1);cursor:pointer;transition:all .15s ease}.studio-icon-btn:hover{background:#ffffff14;color:var(--text-primary, #ffffff)}.studio-icon-btn.active{background:#39ff1426;color:var(--accent-primary, #39ff14)}.studio-dropdown{position:relative}.studio-dropdown-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #a1a1a1);font-size:12px;cursor:pointer;transition:all .15s ease}.studio-dropdown-btn:hover{background:#ffffff14;color:var(--text-primary, #ffffff)}.studio-dropdown-btn .rotate{transform:rotate(180deg)}.studio-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:var(--bg-card, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;padding:4px}.studio-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;border-radius:6px;color:var(--text-primary, #ffffff);font-size:13px;cursor:pointer;transition:background .1s ease}.studio-dropdown-menu button:hover{background:#39ff1426}.studio-dropdown-menu button svg{color:var(--text-secondary, #a1a1a1)}.studio-content{flex:1}.studio-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.studio-modal{animation:modal-in .2s ease;background:var(--bg-secondary, #0f0f0f);border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .studio-toolbar{background:#f5f5f5;border-color:#e5e5e5}[data-theme=light] .studio-toggle-btn:hover,[data-theme=light] .studio-icon-btn:hover{background:#0000000d}[data-theme=light] .studio-toggle-btn.active,[data-theme=light] .studio-icon-btn.active{background:#10b98126;color:#10b981}[data-theme=light] .studio-dropdown-menu{background:#fff;border-color:#e5e5e5}[data-theme=light] .studio-dropdown-menu button:hover{background:#10b9811a}.studio-container{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--bg-primary, #0d0d0d);color:var(--text-primary, #ffffff);font-family:var(--font-family, "Inter", sans-serif);font-size:13px}.activity-bar{width:48px;height:100vh;background:var(--bg-secondary, #0f0f0f);border-right:1px solid var(--border-color, rgba(57, 255, 20, .2));display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.activity-bar-top,.activity-bar-bottom{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0}.activity-bar-logo{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.logo-text{font-size:14px;font-weight:700;color:var(--accent-primary, #39ff14);text-shadow:0 0 10px rgba(57,255,20,.5)}.activity-bar-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;border:none;color:var(--text-secondary, #a1a1a1);cursor:pointer;transition:all .15s ease;position:relative}.activity-bar-item:hover{color:var(--text-primary, #ffffff);background:#ffffff0d}.activity-bar-item.active{color:var(--accent-primary, #39ff14);background:#39ff141a}.activity-bar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--accent-primary, #39ff14);border-radius:0 2px 2px 0}.activity-bar-separator{width:24px;height:1px;background:var(--border-color, rgba(57, 255, 20, .2));margin:8px 0}.studio-sidebar{height:100vh;background:var(--bg-primary, #0d0d0d);border-right:1px solid var(--border-color, rgba(57, 255, 20, .2));display:flex;flex-direction:column;position:relative;flex-shrink:0}.sidebar-panel{padding:16px}.sidebar-panel h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #a1a1a1);margin-bottom:16px}.text-secondary{color:var(--text-secondary, #a1a1a1);font-size:12px}.resize-handle-vertical{position:absolute;right:0;top:0;width:4px;height:100%;cursor:ew-resize;background:transparent;transition:background .15s ease}.resize-handle-vertical:hover,.resize-handle-vertical:active{background:var(--accent-primary, #39ff14)}.resize-handle-vertical.resize-left{left:0;right:auto}.resize-handle-horizontal{position:absolute;top:0;left:0;width:100%;height:4px;cursor:ns-resize;background:transparent;transition:background .15s ease}.resize-handle-horizontal:hover,.resize-handle-horizontal:active{background:var(--accent-primary, #39ff14)}.file-explorer{height:100%;display:flex;flex-direction:column;overflow:hidden}.file-explorer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.file-explorer-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #a1a1a1)}.file-explorer-actions{display:flex;gap:4px}.icon-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary, #a1a1a1);cursor:pointer;border-radius:4px;transition:all .15s ease}.icon-button:hover{color:var(--text-primary, #ffffff);background:#ffffff1a}.file-explorer-project{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;color:var(--text-primary, #ffffff);cursor:pointer}.file-explorer-project:hover{background:#ffffff08}.file-tree{flex:1;overflow-y:auto;overflow-x:hidden}.tree-node-content{display:flex;align-items:center;gap:4px;padding:4px 8px;cursor:pointer;transition:background .1s ease;white-space:nowrap}.tree-node-content:hover{background:#ffffff0d}.tree-chevron,.tree-chevron-placeholder{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #a1a1a1)}.tree-folder-icon{color:var(--accent-primary, #39ff14)}.tree-node-name{font-size:13px;color:var(--text-primary, #ffffff)}.file-icon{font-size:10px;font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px}.file-icon.tsx{background:#3178c6;color:#fff}.file-icon.js{background:#f7df1e;color:#000}.file-icon.css{background:#264de4;color:#fff}.file-icon.json{background:#f59e0b;color:#000}.file-icon.md{background:#083fa1;color:#fff}.studio-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.studio-editor-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.studio-terminal-area{position:relative;border-top:1px solid var(--border-color, rgba(57, 255, 20, .2));flex-shrink:0}.code-editor{height:100%;display:flex;flex-direction:column;background:var(--bg-primary, #0d0d0d)}.editor-tabs{display:flex;background:var(--bg-secondary, #0f0f0f);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1));overflow-x:auto;flex-shrink:0}.editor-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;border-right:1px solid var(--border-color, rgba(57, 255, 20, .1));cursor:pointer;transition:background .1s ease;white-space:nowrap;max-width:180px}.editor-tab:hover{background:#ffffff08}.editor-tab.active{background:var(--bg-primary, #0d0d0d);border-bottom:1px solid var(--accent-primary, #39ff14);margin-bottom:-1px}.tab-icon{width:14px;height:14px;border-radius:3px}.tab-icon.file-icon-ts{background:#3178c6}.tab-icon.file-icon-js{background:#f7df1e}.tab-icon.file-icon-css{background:#264de4}.tab-icon.file-icon-json{background:#f59e0b}.tab-icon.file-icon-md{background:#083fa1}.tab-icon.file-icon-default{background:#666}.tab-name{font-size:12px;color:var(--text-secondary, #a1a1a1);overflow:hidden;text-overflow:ellipsis}.editor-tab.active .tab-name{color:var(--text-primary, #ffffff)}.tab-dirty{color:var(--accent-primary, #39ff14);margin-left:4px}.tab-close{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary, #a1a1a1);cursor:pointer;border-radius:3px;opacity:0;transition:all .1s ease}.editor-tab:hover .tab-close{opacity:1}.tab-close:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.editor-breadcrumb{padding:4px 16px;font-size:12px;color:var(--text-secondary, #a1a1a1);background:var(--bg-primary, #0d0d0d);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.breadcrumb-part{cursor:pointer}.breadcrumb-part:hover{color:var(--text-primary, #ffffff)}.breadcrumb-separator{margin:0 6px;color:var(--text-tertiary, #666)}.editor-content{flex:1;overflow:hidden}.editor-empty{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #0d0d0d)}.editor-empty-content{text-align:center;max-width:400px}.editor-empty-icon{font-size:48px;margin-bottom:16px}.editor-empty-content h2{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:8px}.editor-empty-content p{color:var(--text-secondary, #a1a1a1);margin-bottom:24px}.editor-shortcuts{display:flex;flex-direction:column;gap:12px;text-align:left}.shortcut{display:flex;align-items:center;gap:8px;font-size:13px}.shortcut kbd{padding:4px 8px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:4px;font-family:inherit;font-size:11px;color:var(--text-primary, #ffffff)}.shortcut span{color:var(--text-secondary, #a1a1a1)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--bg-tertiary, #131313);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.toolbar-left,.toolbar-right{display:flex;gap:4px}.toolbar-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:4px;color:var(--text-tertiary, #666);cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.toolbar-btn.active{background:#39ff1426;border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.tab-add{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary, #666);font-size:18px;cursor:pointer;margin-left:4px}.tab-add:hover{color:var(--accent-primary, #39ff14)}.editor-tab.drag-over{border-left:2px solid var(--accent-primary, #39ff14)}.editor-tab[draggable=true]{cursor:grab}.editor-tab[draggable=true]:active{cursor:grabbing}.editor-pane{height:100%;display:flex;flex-direction:column;position:relative}.editor-pane.zen-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-primary, #0d0d0d)}.editor-main{flex:1;display:flex;overflow:hidden;font-family:JetBrains Mono,Fira Code,monospace}.monaco-wrapper{position:relative}.monaco-editor-container{width:100%;height:100%}.monaco-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;background:var(--bg-primary, #0d0d0d);color:var(--text-secondary, #999)}.monaco-loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, rgba(57, 255, 20, .2));border-top-color:var(--accent-primary, #39ff14);border-radius:50%;animation:spin 1s linear infinite}.monaco-diff-container{width:100%;height:100%}.diff-viewer{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #0d0d0d);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:8px;overflow:hidden}.diff-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary, #0f0f0f);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.diff-viewer-titles{display:flex;align-items:center;gap:12px;font-size:13px}.diff-title{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px}.diff-title.original{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.diff-title.modified{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.diff-arrow{color:var(--text-tertiary, #666);font-size:16px}.diff-viewer-stats{display:flex;gap:8px;font-size:12px;font-weight:600}.diff-stat{padding:4px 8px;border-radius:4px}.diff-stat.additions{background:#22c55e26;color:#4ade80}.diff-stat.deletions{background:#ef444426;color:#f87171}.diff-viewer-actions{display:flex;gap:6px}.diff-view-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;color:var(--text-secondary, #999);font-size:16px;cursor:pointer;transition:all .15s ease}.diff-view-toggle:hover{border-color:var(--accent-primary, #39ff14);color:var(--text-primary, #fff)}.diff-view-toggle.active{background:#39ff1426;border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.diff-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;font-size:16px;cursor:pointer;transition:all .15s ease}.diff-action.accept{color:#4ade80}.diff-action.accept:hover{background:#22c55e26;border-color:#4ade80}.diff-action.reject{color:#f87171}.diff-action.reject:hover{background:#ef444426;border-color:#f87171}.diff-action.close{color:var(--text-secondary, #999)}.diff-action.close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.diff-viewer-content{flex:1;overflow:hidden}.monaco-editor .insert-sign,.monaco-editor .delete-sign{width:4px!important;margin-left:4px}.monaco-editor .insert-sign{background-color:#22c55e99!important}.monaco-editor .delete-sign{background-color:#ef444499!important}.monaco-editor .line-insert{background-color:#22c55e26!important}.monaco-editor .line-delete{background-color:#ef444426!important}.monaco-editor .char-insert{background-color:#22c55e59!important}.monaco-editor .char-delete{background-color:#ef444459!important}.monaco-editor .scrollbar.vertical .slider{background:#39ff144d!important}.monaco-editor .scrollbar.vertical .slider:hover{background:#39ff1480!important}.monaco-editor .scrollbar.horizontal .slider{background:#39ff144d!important}.monaco-editor .scrollbar.horizontal .slider:hover{background:#39ff1480!important}.monaco-editor .cursor{box-shadow:0 0 6px var(--accent-primary, #39ff14)}.monaco-editor .selected-text{background-color:#39ff1433!important}.monaco-editor .find-widget{background-color:var(--bg-secondary, #0f0f0f)!important;border:1px solid var(--border-color, rgba(57, 255, 20, .2))!important;box-shadow:0 4px 16px #0006!important}.monaco-editor .find-widget .monaco-inputbox{background-color:var(--bg-tertiary, #1a1a1a)!important;border-color:var(--border-color, rgba(57, 255, 20, .2))!important}.monaco-editor .find-widget .monaco-inputbox.synthetic-focus{border-color:var(--accent-primary, #39ff14)!important}.monaco-editor .suggest-widget{background-color:var(--bg-secondary, #0f0f0f)!important;border:1px solid var(--border-color, rgba(57, 255, 20, .2))!important}.monaco-editor .suggest-widget .monaco-list-row.focused{background-color:#39ff1426!important}.monaco-editor .suggest-widget .monaco-list-row:hover{background-color:#ffffff1a!important}.monaco-editor .monaco-hover{background-color:var(--bg-secondary, #0f0f0f)!important;border:1px solid var(--border-color, rgba(57, 255, 20, .2))!important}.monaco-editor .monaco-breadcrumbs{background-color:var(--bg-primary, #0d0d0d)!important}.monaco-editor .minimap-slider{background:#39ff1426}.monaco-editor .minimap-slider:hover{background:#39ff1440}.monaco-editor .minimap-slider.active{background:#39ff1459}.editor-content.split-horizontal{display:flex;flex-direction:row}.editor-content.split-vertical{display:flex;flex-direction:column}.editor-content.split-horizontal>.editor-pane,.editor-content.split-vertical>.editor-pane{flex:1;border:1px solid var(--border-color, rgba(57, 255, 20, .1))}.editor-content.split-horizontal>.editor-pane:first-child{border-right:2px solid var(--accent-primary, #39ff14)}.editor-content.split-vertical>.editor-pane:first-child{border-bottom:2px solid var(--accent-primary, #39ff14)}.line-numbers{width:56px;background:var(--bg-secondary, #0f0f0f);padding:8px 0;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.line-number{padding-right:16px;font-size:12px;line-height:20px;color:var(--text-tertiary, #666)}.line-number.active{color:var(--accent-primary, #39ff14);background:#39ff141a}.code-textarea{flex:1;padding:8px 16px;background:var(--bg-primary, #0d0d0d);border:none;color:var(--text-primary, #ffffff);font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:20px;resize:none;outline:none;overflow:auto;white-space:pre}.code-textarea::-moz-selection{background:#39ff144d}.code-textarea::selection{background:#39ff144d}.minimap{width:80px;background:var(--bg-secondary, #0f0f0f);position:relative;overflow:hidden;flex-shrink:0;border-left:1px solid var(--border-color, rgba(57, 255, 20, .1))}.minimap-viewport{position:absolute;left:0;right:0;height:40px;background:#39ff1426;border:1px solid rgba(57,255,20,.3);border-radius:2px;pointer-events:none}.minimap-content{padding:4px}.minimap-line{height:2px;margin-bottom:1px;background:var(--text-tertiary, #666);border-radius:1px}.find-replace-panel{background:var(--bg-tertiary, #131313);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .2));padding:8px 12px}.find-row,.replace-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.replace-row{margin-bottom:0}.find-input-wrapper{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-primary, #0d0d0d);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:4px;padding:6px 10px}.find-input-wrapper:focus-within{border-color:var(--accent-primary, #39ff14)}.find-input-wrapper svg{color:var(--text-tertiary, #666);flex-shrink:0}.find-input-wrapper input{flex:1;background:none;border:none;color:var(--text-primary, #fff);font-size:13px;outline:none}.find-count{font-size:11px;color:var(--text-secondary, #999);white-space:nowrap}.find-options{display:flex;gap:2px}.find-option{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:4px;color:var(--text-tertiary, #666);cursor:pointer}.find-option:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.find-option.active{background:#39ff1426;border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.find-nav{display:flex;gap:2px}.find-nav button{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;border-radius:4px}.find-nav button:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.find-toggle-replace,.find-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;border-radius:4px}.find-toggle-replace:hover,.find-close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.replace-actions button{padding:6px 12px;background:var(--bg-primary, #0d0d0d);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:4px;color:var(--text-secondary, #999);font-size:12px;cursor:pointer}.replace-actions button:hover{border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.goto-line-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;padding-top:100px;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.goto-line-dialog{width:300px;background:var(--bg-secondary, #0f0f0f);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:8px;box-shadow:0 16px 64px #00000080;padding:16px}.goto-line-header{font-size:13px;color:var(--text-secondary, #999);margin-bottom:12px}.goto-line-dialog input{width:100%;padding:10px 12px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;color:var(--text-primary, #fff);font-size:14px;outline:none}.goto-line-dialog input:focus{border-color:var(--accent-primary, #39ff14)}.context-menu{position:fixed;min-width:180px;background:var(--bg-secondary, #0f0f0f);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;box-shadow:0 8px 32px #00000080;z-index:1002;padding:4px}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary, #fff);font-size:13px;cursor:pointer;border-radius:4px;text-align:left}.context-menu-item:hover{background:#39ff1426}.context-menu-item svg{color:var(--text-secondary, #999)}.context-menu-shortcut{margin-left:auto;font-size:11px;color:var(--text-tertiary, #666)}.context-menu-divider{height:1px;background:var(--border-color, rgba(57, 255, 20, .1));margin:4px 0}.code-editor.zen-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.zen-exit{position:fixed;top:20px;right:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:8px;color:var(--text-secondary, #999);cursor:pointer;z-index:1001;opacity:.5;transition:all .2s ease}.zen-exit:hover{opacity:1;border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.editor-breadcrumb{display:flex;align-items:center;padding:4px 16px;font-size:12px;color:var(--text-secondary, #a1a1a1);background:var(--bg-primary, #0d0d0d);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-part{display:flex;align-items:center;gap:4px;padding:2px 4px;background:none;border:none;color:var(--text-secondary, #a1a1a1);font-size:12px;cursor:pointer;border-radius:3px}.breadcrumb-part:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.breadcrumb-icon{font-size:11px}.breadcrumb-arrow{margin-left:2px;opacity:.5}.breadcrumb-separator{color:var(--text-tertiary, #666);margin:0 2px}.editor-statusbar{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;background:var(--accent-primary, #39ff14);color:#0d0d0d;font-size:12px;font-weight:500}.statusbar-left,.statusbar-center,.statusbar-right{display:flex;gap:16px;align-items:center}.statusbar-item{white-space:nowrap}.statusbar-item.clickable{cursor:pointer;padding:2px 6px;border-radius:3px}.statusbar-item.clickable:hover{background:#00000026}.statusbar-item.dirty{color:#7f1d1d}.terminal-panel{height:100%;display:flex;flex-direction:column;background:var(--bg-secondary, #0f0f0f)}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px;background:var(--bg-tertiary, #131313);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.terminal-tabs{display:flex;align-items:center}.terminal-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;color:var(--text-secondary, #a1a1a1);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.terminal-tab:hover{color:var(--text-primary, #ffffff)}.terminal-tab.active{color:var(--text-primary, #ffffff);border-bottom-color:var(--accent-primary, #39ff14)}.terminal-tab-close{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:inherit;cursor:pointer;border-radius:3px;opacity:0}.terminal-tab:hover .terminal-tab-close{opacity:1}.terminal-add-tab{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary, #a1a1a1);cursor:pointer;border-radius:4px}.terminal-add-tab:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.terminal-actions{display:flex;gap:4px}.terminal-content{flex:1;overflow-y:auto;padding:8px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.5}.terminal-line{white-space:pre-wrap;word-break:break-all}.terminal-line.input{color:var(--text-primary, #ffffff)}.terminal-line.output{color:var(--text-secondary, #a1a1a1)}.terminal-line.error{color:#ef4444}.terminal-line.info{color:var(--accent-primary, #39ff14)}.terminal-input-line{display:flex;align-items:center;gap:8px}.terminal-prompt{display:flex;gap:2px;flex-shrink:0}.prompt-user{color:var(--accent-primary, #39ff14)}.prompt-separator{color:var(--text-secondary, #a1a1a1)}.prompt-cwd{color:#3b82f6}.prompt-symbol{color:var(--text-primary, #ffffff);margin-left:4px}.terminal-input{flex:1;background:transparent;border:none;color:var(--text-primary, #ffffff);font-family:inherit;font-size:inherit;outline:none}.studio-auxiliary{height:100vh;background:var(--bg-primary, #0d0d0d);border-left:1px solid var(--border-color, rgba(57, 255, 20, .2));display:flex;flex-direction:column;position:relative;flex-shrink:0}.preview-panel{height:100%;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary, #0f0f0f);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.preview-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-primary, #ffffff)}.preview-toolbar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-tertiary, #131313);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.preview-url-bar{flex:1;display:flex;align-items:center;gap:4px;background:var(--bg-primary, #0d0d0d);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;padding:4px 8px}.preview-url-input{flex:1;background:transparent;border:none;color:var(--text-primary, #ffffff);font-size:12px;outline:none}.preview-devices{display:flex;gap:4px}.device-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-secondary, #a1a1a1);cursor:pointer;border-radius:4px;transition:all .15s ease}.device-button:hover{color:var(--text-primary, #ffffff);background:#ffffff0d}.device-button.active{color:var(--accent-primary, #39ff14);border-color:var(--accent-primary, #39ff14);background:#39ff141a}.preview-scale{display:flex;align-items:center;gap:8px}.scale-label{font-size:11px;color:var(--text-secondary, #a1a1a1);width:32px}.scale-slider{width:60px;accent-color:var(--accent-primary, #39ff14)}.preview-content{flex:1;overflow:auto;display:flex;justify-content:center;padding:16px;background:#1a1a1a}.preview-device-frame{background:var(--bg-primary, #0d0d0d);border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000080}.preview-device-frame.desktop{width:100%;height:100%}.preview-device-frame.tablet{width:768px;height:1024px;border-radius:16px;border:8px solid #2a2a2a}.preview-device-frame.mobile{width:375px;height:667px;border-radius:32px;border:8px solid #2a2a2a}.device-bezel{height:24px;background:#2a2a2a;display:flex;justify-content:center;align-items:center}.device-notch{width:80px;height:6px;background:#1a1a1a;border-radius:4px}.preview-iframe-container{position:relative;width:100%;height:100%}.preview-iframe{width:100%;height:100%;border:none;background:#fff}.preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0d0d0de6;color:var(--accent-primary, #39ff14)}.preview-footer{display:flex;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary, #0f0f0f);font-size:11px;color:var(--text-secondary, #a1a1a1)}.ai-assistant{height:100%;display:flex;flex-direction:column;background:var(--bg-primary, #0d0d0d)}.ai-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary, #0f0f0f);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.ai-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary, #ffffff)}.ai-badge{font-size:10px;padding:2px 6px;background:#39ff1426;color:var(--accent-primary, #39ff14);border-radius:4px;font-weight:500}.ai-actions{display:flex;gap:4px}.ai-context{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#39ff140d;font-size:11px;color:var(--accent-primary, #39ff14);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.ai-quick-actions{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.quick-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;color:var(--text-secondary, #a1a1a1);font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.quick-action-btn:hover{background:#39ff141a;border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.ai-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.ai-message{display:flex;gap:12px}.message-avatar{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-message.assistant .message-avatar{background:#39ff1426;color:var(--accent-primary, #39ff14)}.ai-message.user .message-avatar{background:#3b82f626;color:#3b82f6}.message-content{flex:1;min-width:0}.message-text{font-size:13px;line-height:1.6;color:var(--text-primary, #ffffff);white-space:pre-wrap}.message-code-block{margin:8px 0;border-radius:8px;overflow:hidden;background:var(--bg-secondary, #0f0f0f);border:1px solid var(--border-color, rgba(57, 255, 20, .1))}.code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-tertiary, #131313);font-size:11px;color:var(--text-secondary, #a1a1a1)}.copy-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary, #a1a1a1);cursor:pointer;border-radius:4px}.copy-btn:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.message-code-block pre{margin:0;padding:12px;overflow-x:auto}.message-code-block code{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;color:var(--text-primary, #ffffff)}.message-time{font-size:10px;color:var(--text-tertiary, #666);margin-top:4px}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:6px;height:6px;background:var(--accent-primary, #39ff14);border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-input-container{display:flex;gap:8px;padding:12px 16px;background:var(--bg-secondary, #0f0f0f);border-top:1px solid var(--border-color, rgba(57, 255, 20, .1))}.ai-input{flex:1;padding:10px 14px;background:var(--bg-primary, #0d0d0d);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:8px;color:var(--text-primary, #ffffff);font-size:13px;resize:none;outline:none;font-family:inherit;min-height:40px;max-height:150px}.ai-input:focus{border-color:var(--accent-primary, #39ff14)}.ai-input::-moz-placeholder{color:var(--text-tertiary, #666)}.ai-input::placeholder{color:var(--text-tertiary, #666)}.ai-send-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary, #39ff14);border:none;border-radius:8px;color:#0d0d0d;cursor:pointer;transition:all .15s ease;flex-shrink:0}.ai-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 16px #39ff1466}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-footer{padding:8px 16px;text-align:center;font-size:10px;color:var(--text-tertiary, #666);border-top:1px solid var(--border-color, rgba(57, 255, 20, .1))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:1024px){.studio-auxiliary{display:none}}.search-panel{height:100%;display:flex;flex-direction:column;background:var(--bg-secondary, #0f0f0f)}.search-panel-header{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #999);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.search-inputs{padding:12px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.search-input-row{display:flex;gap:8px;align-items:center}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:10px;color:var(--text-tertiary, #666);pointer-events:none}.search-input{width:100%;padding:8px 32px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;color:var(--text-primary, #fff);font-size:13px;outline:none;transition:border-color .15s ease}.search-input:focus{border-color:var(--accent-primary, #39ff14)}.search-clear-btn{position:absolute;right:8px;padding:2px;background:none;border:none;color:var(--text-tertiary, #666);cursor:pointer;border-radius:4px}.search-clear-btn:hover{color:var(--text-primary, #fff);background:#ffffff1a}.search-options{display:flex;gap:4px}.search-option-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:4px;color:var(--text-tertiary, #666);cursor:pointer;transition:all .15s ease}.search-option-btn:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.search-option-btn.active{background:#39ff1426;border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.replace-toggle{display:flex;align-items:center;gap:4px;padding:4px 8px;background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;font-size:12px}.replace-toggle:hover{color:var(--text-primary, #fff)}.replace-actions{display:flex;gap:4px}.replace-btn{padding:4px 8px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:4px;color:var(--text-secondary, #999);font-size:11px;cursor:pointer}.replace-btn:hover{border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.search-results-count{padding:8px 12px;font-size:12px;color:var(--text-secondary, #999);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.search-results{flex:1;overflow-y:auto}.search-result-file{border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .05))}.search-result-file-header{display:flex;align-items:center;gap:6px;padding:8px 12px;cursor:pointer;transition:background .15s ease}.search-result-file-header:hover{background:#ffffff0d}.search-result-file-name{font-weight:500;color:var(--text-primary, #fff)}.search-result-file-path{flex:1;font-size:11px;color:var(--text-tertiary, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-file-count{font-size:11px;color:var(--text-secondary, #999);background:#ffffff1a;padding:2px 6px;border-radius:10px}.search-result-matches{padding-left:24px}.search-result-match{display:flex;gap:8px;padding:4px 12px;cursor:pointer;transition:background .15s ease}.search-result-match:hover{background:#39ff141a}.search-result-line{flex-shrink:0;width:32px;text-align:right;font-size:11px;color:var(--text-tertiary, #666)}.search-result-content{flex:1;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-content mark{background:#39ff144d;color:var(--accent-primary, #39ff14);padding:1px 2px;border-radius:2px}.search-no-results{padding:40px 20px;text-align:center;color:var(--text-secondary, #999)}.search-no-results .text-secondary{font-size:12px;color:var(--text-tertiary, #666);margin-top:4px}.git-panel{height:100%;display:flex;flex-direction:column;background:var(--bg-secondary, #0f0f0f)}.git-panel-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #999);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.git-panel-actions{display:flex;gap:4px}.git-branch-selector{position:relative;padding:8px 12px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.git-branch-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;color:var(--text-primary, #fff);cursor:pointer;font-size:13px}.git-branch-btn:hover{border-color:var(--accent-primary, #39ff14)}.git-branch-menu{position:absolute;top:100%;left:12px;right:12px;margin-top:4px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;box-shadow:0 8px 32px #00000080;z-index:100;max-height:200px;overflow-y:auto}.git-branch-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary, #fff);font-size:13px;cursor:pointer;text-align:left}.git-branch-item:hover{background:#39ff141a}.git-branch-item.active{color:var(--accent-primary, #39ff14)}.git-branch-divider{height:1px;background:var(--border-color, rgba(57, 255, 20, .1));margin:4px 0}.git-sync-status{display:flex;justify-content:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.git-sync-btn{display:flex;align-items:center;gap:4px;padding:4px 12px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:4px;color:var(--text-secondary, #999);font-size:12px;cursor:pointer}.git-sync-btn:hover{border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.git-commit-section{padding:12px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.git-commit-input{width:100%;min-height:60px;padding:10px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;color:var(--text-primary, #fff);font-size:13px;resize:vertical;outline:none;margin-bottom:8px}.git-commit-input:focus{border-color:var(--accent-primary, #39ff14)}.git-commit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--accent-primary, #39ff14);border:none;border-radius:6px;color:#0d0d0d;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-commit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #39ff144d}.git-commit-btn:disabled{opacity:.5;cursor:not-allowed}.git-changes{flex:1;overflow-y:auto}.git-changes-section{border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .05))}.git-changes-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font-size:12px;font-weight:500}.git-changes-header:hover{background:#ffffff0d}.git-changes-count{font-size:11px;color:var(--text-tertiary, #666);background:#ffffff1a;padding:1px 6px;border-radius:10px;margin-left:auto}.git-changes-list{padding-bottom:8px}.git-change-item{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 24px;cursor:pointer;transition:background .15s ease}.git-change-item:hover{background:#39ff141a}.git-change-file{font-weight:500}.git-change-path{flex:1;font-size:11px;color:var(--text-tertiary, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-change-status{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;background:#ffffff1a}.git-change-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.git-change-item:hover .git-change-actions{opacity:1}.git-empty{padding:16px 24px;text-align:center;font-size:12px;color:var(--text-tertiary, #666)}.text-warning{color:#f59e0b}.text-success{color:#22c55e}.text-error{color:#ef4444}.text-info{color:#3b82f6}.extensions-panel{height:100%;display:flex;flex-direction:column;background:var(--bg-secondary, #0f0f0f)}.extensions-panel-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #999);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.extensions-search{position:relative;padding:12px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.extensions-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #666);pointer-events:none}.extensions-search-input{width:100%;padding:8px 12px 8px 32px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;color:var(--text-primary, #fff);font-size:13px;outline:none}.extensions-search-input:focus{border-color:var(--accent-primary, #39ff14)}.extensions-filters{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.extensions-filter{padding:6px 12px;background:none;border:1px solid transparent;border-radius:4px;color:var(--text-secondary, #999);font-size:12px;cursor:pointer}.extensions-filter:hover{background:#ffffff1a}.extensions-filter.active{background:#39ff1426;border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.extensions-list{flex:1;overflow-y:auto;padding:8px}.extension-item{display:flex;gap:12px;padding:12px;border-radius:8px;margin-bottom:8px;background:var(--bg-tertiary, #1a1a1a);border:1px solid transparent;transition:all .15s ease}.extension-item:hover{border-color:var(--border-color, rgba(57, 255, 20, .2))}.extension-item.installed{border-color:#39ff141a}.extension-icon{font-size:32px;flex-shrink:0}.extension-info{flex:1;min-width:0}.extension-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.extension-name{font-weight:600;color:var(--text-primary, #fff)}.extension-badge{font-size:10px;padding:2px 6px;border-radius:4px}.extension-badge.enabled{background:#39ff1433;color:var(--accent-primary, #39ff14)}.extension-badge.disabled{background:#ffffff1a;color:var(--text-tertiary, #666)}.extension-publisher{font-size:12px;color:var(--text-secondary, #999);margin-bottom:6px}.extension-description{font-size:12px;color:var(--text-secondary, #999);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.extension-meta{display:flex;gap:12px;font-size:11px;color:var(--text-tertiary, #666)}.extension-downloads,.extension-rating{display:flex;align-items:center;gap:4px}.extension-rating{color:#f59e0b}.extension-actions{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.extension-install{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-primary, #39ff14);border:none;border-radius:4px;color:#0d0d0d;font-size:12px;font-weight:500;cursor:pointer}.extension-install:hover{box-shadow:0 2px 8px #39ff144d}.extension-toggle,.extension-settings,.extension-uninstall{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:4px;color:var(--text-secondary, #999);cursor:pointer}.extension-toggle:hover,.extension-settings:hover{border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.extension-toggle.enabled{background:#39ff1433;border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.extension-uninstall:hover{border-color:#ef4444;color:#ef4444}.extensions-empty{padding:40px 20px;text-align:center;color:var(--text-tertiary, #666)}.extensions-empty svg{margin-bottom:12px;opacity:.5}.extensions-tabs{display:flex;padding:8px 12px;gap:4px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.extensions-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:none;border:1px solid transparent;border-radius:6px;color:var(--text-secondary, #999);font-size:12px;cursor:pointer;transition:all .15s ease}.extensions-tab:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.extensions-tab.active{background:#39ff1426;border-color:var(--accent-primary, #39ff14);color:var(--accent-primary, #39ff14)}.extensions-tab-count{padding:2px 6px;background:#ffffff1a;border-radius:10px;font-size:10px}.extensions-tab.active .extensions-tab-count{background:#39ff144d}.extensions-stats{display:flex;gap:16px;padding:8px 16px;font-size:11px;color:var(--text-tertiary, #666);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.extensions-stat{display:flex;align-items:center;gap:4px}.extensions-category-filter{position:relative;padding:8px 12px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.extensions-category-dropdown{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;color:var(--text-primary, #fff);font-size:12px;cursor:pointer}.extensions-category-dropdown:hover{border-color:var(--accent-primary, #39ff14)}.extensions-category-menu{position:absolute;top:100%;left:12px;right:12px;background:var(--bg-secondary, #0f0f0f);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;box-shadow:0 8px 24px #0006;z-index:100;max-height:300px;overflow-y:auto}.extensions-category-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;color:var(--text-secondary, #999);font-size:12px;text-align:left;cursor:pointer}.extensions-category-item:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.extensions-category-item.active{background:#39ff1426;color:var(--accent-primary, #39ff14)}.extension-item.active{border-color:var(--accent-primary, #39ff14);box-shadow:0 0 0 1px #39ff1433}.extension-item.marketplace{background:var(--bg-primary, #0d0d0d)}.extension-badge.builtin{background:linear-gradient(135deg,#39ff144d,#10b9814d);color:var(--accent-primary, #39ff14);font-weight:600}.extension-badge.marketplace{background:#3b82f633;color:#3b82f6}.extension-version{margin-left:8px;font-size:11px;color:var(--text-tertiary, #666)}.extension-category{display:flex;align-items:center;gap:4px;font-weight:500}.extension-commands{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.extension-command{padding:2px 8px;background:#ffffff0d;border-radius:4px;font-size:10px;color:var(--text-tertiary, #666)}.extension-command.more{color:var(--accent-primary, #39ff14)}.extension-installed{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:4px;color:var(--text-secondary, #999);font-size:12px}.extension-installed svg{color:var(--accent-primary, #39ff14)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.extension-install:disabled{opacity:.7;cursor:wait}.command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;padding-top:100px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.command-palette{width:100%;max-width:600px;max-height:400px;background:var(--bg-secondary, #0f0f0f);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:12px;box-shadow:0 16px 64px #00000080;display:flex;flex-direction:column;overflow:hidden}.command-palette-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.command-palette-icon{color:var(--accent-primary, #39ff14)}.command-palette-input{flex:1;background:none;border:none;color:var(--text-primary, #fff);font-size:16px;outline:none}.command-palette-input::-moz-placeholder{color:var(--text-tertiary, #666)}.command-palette-input::placeholder{color:var(--text-tertiary, #666)}.command-palette-list{flex:1;overflow-y:auto;padding:8px}.command-category{margin-bottom:8px}.command-category-header{padding:8px 12px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary, #666)}.command-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .1s ease}.command-item:hover,.command-item.selected{background:#39ff1426}.command-item.selected{box-shadow:inset 0 0 0 1px var(--accent-primary, #39ff14)}.command-item-icon{color:var(--text-secondary, #999)}.command-item-label{flex:1;color:var(--text-primary, #fff)}.command-item-shortcut{font-size:11px;color:var(--text-tertiary, #666);background:#ffffff1a;padding:2px 8px;border-radius:4px;font-family:var(--font-mono, monospace)}.command-empty{padding:32px;text-align:center;color:var(--text-tertiary, #666)}.quick-open-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;padding-top:80px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-open{width:100%;max-width:500px;max-height:350px;background:var(--bg-secondary, #0f0f0f);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:12px;box-shadow:0 16px 64px #00000080;display:flex;flex-direction:column;overflow:hidden}.quick-open-header{padding:12px 16px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.quick-open-input{width:100%;background:none;border:none;color:var(--text-primary, #fff);font-size:15px;outline:none}.quick-open-input::-moz-placeholder{color:var(--text-tertiary, #666)}.quick-open-input::placeholder{color:var(--text-tertiary, #666)}.quick-open-list{flex:1;overflow-y:auto;padding:8px}.quick-open-group{margin-bottom:8px}.quick-open-group-header{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary, #666)}.quick-open-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .1s ease}.quick-open-item:hover,.quick-open-item.selected{background:#39ff1426}.quick-open-item.selected{box-shadow:inset 0 0 0 1px var(--accent-primary, #39ff14)}.quick-open-item-name{font-weight:500;color:var(--text-primary, #fff)}.quick-open-item-path{flex:1;font-size:12px;color:var(--text-tertiary, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.quick-open-empty{padding:32px;text-align:center;color:var(--text-tertiary, #666)}.quick-open-footer{display:flex;justify-content:center;gap:16px;padding:8px;border-top:1px solid var(--border-color, rgba(57, 255, 20, .1));font-size:11px;color:var(--text-tertiary, #666)}.text-blue{color:#3b82f6}.text-yellow{color:#f59e0b}.text-purple{color:#a855f7}.text-pink{color:#ec4899}.text-orange{color:#f97316}.text-accent{color:var(--accent-primary, #39ff14)}.settings-panel{height:100%;display:flex;flex-direction:column;background:var(--bg-secondary, #0f0f0f)}.settings-panel-header{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;color:var(--text-primary, #fff);border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.settings-theme-quick{margin-left:auto;padding:4px;color:var(--text-secondary, #999)}.settings-search{position:relative;padding:12px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.settings-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #666)}.settings-search-input{width:100%;padding:8px 12px 8px 32px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;color:var(--text-primary, #fff);font-size:13px;outline:none}.settings-search-input:focus{border-color:var(--accent-primary, #39ff14)}.settings-content{flex:1;display:flex;overflow:hidden}.settings-categories{width:180px;border-right:1px solid var(--border-color, rgba(57, 255, 20, .1));padding:8px;overflow-y:auto;flex-shrink:0}.settings-category{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:6px;color:var(--text-secondary, #999);font-size:13px;cursor:pointer;text-align:left}.settings-category:hover{background:#ffffff0d;color:var(--text-primary, #fff)}.settings-category.active{background:#39ff1426;color:var(--accent-primary, #39ff14)}.settings-category-arrow{margin-left:auto;opacity:0;transition:opacity .15s ease}.settings-category.active .settings-category-arrow{opacity:1}.settings-list{flex:1;overflow-y:auto;padding:16px}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 0;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .05))}.setting-info{flex:1}.setting-label{display:block;font-weight:500;color:var(--text-primary, #fff);margin-bottom:4px}.setting-description{font-size:12px;color:var(--text-secondary, #999);line-height:1.4}.setting-control{flex-shrink:0}.setting-toggle{width:44px;height:24px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:12px;cursor:pointer;position:relative;transition:all .2s ease}.setting-toggle.active{background:#39ff144d;border-color:var(--accent-primary, #39ff14)}.setting-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-tertiary, #666);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.setting-toggle.active .setting-toggle-thumb{left:22px;background:var(--accent-primary, #39ff14);color:#0d0d0d}.setting-select{padding:8px 12px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;color:var(--text-primary, #fff);font-size:13px;outline:none;min-width:140px;cursor:pointer}.setting-select:focus{border-color:var(--accent-primary, #39ff14)}.setting-number,.setting-text{width:100px;padding:8px 12px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:6px;color:var(--text-primary, #fff);font-size:13px;outline:none;text-align:center}.setting-number:focus,.setting-text:focus{border-color:var(--accent-primary, #39ff14)}.settings-empty{padding:40px;text-align:center;color:var(--text-tertiary, #666)}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:2000;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-secondary, #0f0f0f);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:8px;box-shadow:0 8px 32px #00000080;pointer-events:auto;animation:toast-in .3s ease;min-width:280px;max-width:400px}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-color:#22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-message{flex:1;font-size:13px;color:var(--text-primary, #fff)}.toast-close{padding:4px;background:none;border:none;color:var(--text-tertiary, #666);cursor:pointer;border-radius:4px}.toast-close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.notification-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.notification-panel{position:fixed;top:60px;right:20px;width:360px;max-height:500px;background:var(--bg-secondary, #0f0f0f);border:1px solid var(--border-color, rgba(57, 255, 20, .2));border-radius:12px;box-shadow:0 16px 64px #00000080;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notification-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color, rgba(57, 255, 20, .1))}.notification-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary, #fff)}.notification-badge{font-size:11px;background:var(--accent-primary, #39ff14);color:#0d0d0d;padding:2px 8px;border-radius:10px;font-weight:600}.notification-clear{background:none;border:none;color:var(--text-secondary, #999);font-size:12px;cursor:pointer}.notification-clear:hover{color:var(--accent-primary, #39ff14)}.notification-list{flex:1;overflow-y:auto}.notification-empty{padding:40px;text-align:center;color:var(--text-tertiary, #666)}.notification-empty svg{margin-bottom:12px;opacity:.5}.notification-item{display:flex;gap:12px;padding:14px 16px;cursor:pointer;transition:background .15s ease;position:relative}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#39ff140d}.notification-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.notification-success .notification-icon{background:#22c55e33;color:#22c55e}.notification-error .notification-icon{background:#ef444433;color:#ef4444}.notification-warning .notification-icon{background:#f59e0b33;color:#f59e0b}.notification-info .notification-icon{background:#3b82f633;color:#3b82f6}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.notification-title{font-weight:500;color:var(--text-primary, #fff)}.notification-time{font-size:11px;color:var(--text-tertiary, #666);flex-shrink:0}.notification-message{font-size:12px;color:var(--text-secondary, #999);line-height:1.4;margin:0}.notification-action{margin-top:8px;padding:4px 12px;background:#39ff1426;border:1px solid var(--accent-primary, #39ff14);border-radius:4px;color:var(--accent-primary, #39ff14);font-size:12px;cursor:pointer}.notification-action:hover{background:#39ff1440}.notification-dot{position:absolute;top:18px;right:16px;width:8px;height:8px;background:var(--accent-primary, #39ff14);border-radius:50%}.notification-bell{position:relative;padding:8px;background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;border-radius:6px}.notification-bell:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.notification-bell-badge{position:absolute;top:4px;right:4px;font-size:9px;background:#ef4444;color:#fff;padding:1px 4px;border-radius:6px;font-weight:600}.icon-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary, #666);cursor:pointer;border-radius:4px;transition:all .15s ease}.icon-button:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.theme-picker{width:320px;background:var(--bg-secondary, #0f0f0f);border-radius:12px;overflow:hidden}.theme-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.theme-picker-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.theme-picker-search{padding:12px 16px;position:relative}.theme-picker-search input{width:100%;padding:8px 12px 8px 32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px}.theme-picker-search .search-icon{position:absolute;left:26px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.theme-picker-filters{display:flex;gap:8px;padding:0 16px 12px}.filter-button{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.filter-button:hover{border-color:var(--accent-primary);color:var(--text-primary)}.filter-button.active{background:var(--accent-muted);border-color:var(--accent-primary);color:var(--accent-primary)}.theme-picker-list{max-height:400px;overflow-y:auto}.theme-group{padding-bottom:16px}.theme-group-title{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.theme-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;transition:background .15s ease}.theme-item:hover{background:var(--bg-hover)}.theme-item.selected{background:var(--bg-active)}.theme-preview{width:48px;height:32px;border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.theme-preview-bg{width:100%;height:100%;display:flex;flex-wrap:wrap;padding:4px;gap:2px}.theme-preview-accent{width:12px;height:12px;border-radius:2px}.theme-preview-text{width:20px;height:4px;border-radius:2px;opacity:.7}.theme-preview-secondary{width:16px;height:4px;border-radius:2px;opacity:.4}.theme-info{flex:1;text-align:left}.theme-name{display:block;color:var(--text-primary);font-size:13px;font-weight:500}.theme-author{display:block;color:var(--text-muted);font-size:11px;margin-top:2px}.theme-selected-icon{color:var(--accent-primary)}.theme-picker-empty{padding:40px;text-align:center;color:var(--text-muted)}.theme-picker-compact .theme-select{padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer}.quick-theme-toggle{padding:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .15s ease}.quick-theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-dropdown{position:relative}.theme-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;cursor:pointer}.theme-dropdown-trigger:hover{border-color:var(--accent-primary)}.theme-dropdown-preview{width:12px;height:12px;border-radius:3px}.theme-dropdown-trigger .rotate{transform:rotate(180deg)}.theme-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.theme-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;z-index:100;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 16px 48px #0006}.terminal-instance{display:none;width:100%;height:100%}.terminal-instance.active{display:block}.terminal-content .xterm{height:100%;padding:8px}.terminal-content .xterm-viewport{overflow-y:auto!important}.terminal-content .xterm-screen{padding:4px}.terminal-search{display:flex;align-items:center}.terminal-search input{width:150px;padding:4px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px}.terminal-panel.maximized{position:fixed;top:48px;right:48px;bottom:48px;left:48px;z-index:1000;height:auto!important;border-radius:12px;box-shadow:0 32px 128px #000c}.preview-status-dot{width:6px;height:6px;border-radius:50%;margin-left:8px}.preview-status-dot.connected{background:var(--accent-primary);box-shadow:0 0 6px var(--accent-primary)}.preview-status-dot.disconnected{background:#ef4444}.preview-device-selector{display:flex;align-items:center;gap:4px}.device-dropdown-container{position:relative;margin-left:8px}.device-dropdown-trigger{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer}.device-dropdown-trigger:hover{border-color:var(--accent-primary);color:var(--text-primary)}.device-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.device-dropdown{position:absolute;top:100%;left:0;margin-top:4px;width:240px;max-height:300px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 16px 48px #0006;z-index:100}.device-dropdown-group{padding:8px 0}.device-dropdown-group+.device-dropdown-group{border-top:1px solid var(--border-color)}.device-dropdown-label{padding:4px 12px;font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.device-dropdown-item{display:flex;justify-content:space-between;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .15s ease}.device-dropdown-item:hover{background:var(--bg-hover)}.device-dropdown-item.selected{background:var(--bg-active)}.device-size{color:var(--text-muted);font-size:11px}.preview-tools{display:flex;gap:4px}.preview-ruler-horizontal,.preview-ruler-vertical{position:absolute;background:var(--bg-secondary);font-size:9px;color:var(--text-muted);z-index:10}.preview-ruler-horizontal{top:0;left:0;right:0;height:20px;display:flex}.preview-ruler-horizontal span{position:absolute;transform:translate(-50%);padding-top:4px}.preview-ruler-vertical{top:0;left:0;bottom:0;width:20px}.preview-ruler-vertical span{position:absolute;transform:translateY(-50%);writing-mode:vertical-rl;padding-left:4px}.preview-iframe-wrapper{position:relative;background:#fff;overflow:hidden}.preview-disconnected{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg-secondary);color:var(--text-secondary)}.preview-disconnected button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent-primary);border:none;border-radius:6px;color:var(--text-inverse);font-size:12px;cursor:pointer}.preview-console{border-top:1px solid var(--border-color);max-height:150px;overflow:hidden;display:flex;flex-direction:column}.preview-console-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary)}.preview-console-content{flex:1;overflow-y:auto;padding:8px;font-family:var(--font-family-mono);font-size:11px}.preview-console-empty{color:var(--text-muted);text-align:center;padding:16px}.console-log{display:flex;gap:8px;padding:2px 0}.console-log.error{color:#ef4444}.console-log.warning{color:#f59e0b}.console-log.info{color:#3b82f6}.console-time{color:var(--text-muted);font-size:10px}.preview-info{display:flex;align-items:center;gap:12px}.connection-status{display:flex;align-items:center;gap:4px;font-size:11px}.connection-status.connected{color:var(--accent-primary)}.connection-status.disconnected{color:#ef4444}.preview-dpr{color:var(--text-muted);font-size:11px}.preview-hmr{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--accent-primary)}.device-bezel{position:relative;padding:8px 0;background:#000;border-radius:12px 12px 0 0}.device-notch{width:80px;height:24px;margin:0 auto;background:#000;border-radius:0 0 12px 12px}.device-speaker{width:40px;height:4px;margin:4px auto 0;background:#333;border-radius:2px}.device-home-indicator{width:100px;height:4px;margin:8px auto;background:#333;border-radius:2px}.file-explorer-search{display:flex;align-items:center;padding:8px 12px;position:relative}.file-explorer-search input{width:100%;padding:6px 10px 6px 28px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px}.file-explorer-search .search-icon{position:absolute;left:20px;color:var(--text-muted)}.search-clear{position:absolute;right:20px;background:none;border:none;color:var(--text-muted);cursor:pointer}.search-highlight{background:#39ff144d;color:var(--accent-primary);border-radius:2px}.project-actions{display:flex;gap:2px;margin-left:auto;opacity:0;transition:opacity .15s ease}.file-explorer-project:hover .project-actions{opacity:1}.icon-button-small{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:3px}.icon-button-small:hover{background:var(--bg-hover);color:var(--text-primary)}.context-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.context-menu{position:fixed;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #0006;padding:4px 0;z-index:1000}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .1s ease}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-item.danger{color:#ef4444}.context-menu-item .shortcut{margin-left:auto;font-size:11px;color:var(--text-muted)}.context-menu-separator{height:1px;margin:4px 0;background:var(--border-color)}.file-icon{font-size:9px;font-weight:700;padding:2px 4px;border-radius:3px;background:#ffffff1a}.file-icon-default{color:var(--text-muted)}[data-lk-theme=default]{color-scheme:dark;--lk-bg: #111;--lk-bg2: rgb(29.75, 29.75, 29.75);--lk-bg3: rgb(42.5, 42.5, 42.5);--lk-bg4: rgb(55.25, 55.25, 55.25);--lk-bg5: #444444;--lk-fg: #fff;--lk-fg2: rgb(244.8, 244.8, 244.8);--lk-fg3: rgb(234.6, 234.6, 234.6);--lk-fg4: rgb(224.4, 224.4, 224.4);--lk-fg5: rgb(214.2, 214.2, 214.2);--lk-border-color: rgba(255, 255, 255, .1);--lk-accent-fg: #fff;--lk-accent-bg: #1f8cf9;--lk-accent2: rgb(50.867826087, 150.2, 249.532173913);--lk-accent3: rgb(70.7356521739, 160.4, 250.0643478261);--lk-accent4: rgb(90.6034782609, 170.6, 250.5965217391);--lk-danger-fg: #fff;--lk-danger: #f91f31;--lk-danger2: rgb(249.532173913, 50.867826087, 67.2713043478);--lk-danger3: rgb(250.0643478261, 70.7356521739, 85.5426086957);--lk-danger4: rgb(250.5965217391, 90.6034782609, 103.8139130435);--lk-success-fg: #fff;--lk-success: #1ff968;--lk-success2: rgb(50.867826087, 249.532173913, 117.3930434783);--lk-success3: rgb(70.7356521739, 250.0643478261, 130.7860869565);--lk-success4: rgb(90.6034782609, 250.5965217391, 144.1791304348);--lk-control-fg: var(--lk-fg);--lk-control-bg: var(--lk-bg2);--lk-control-hover-bg: var(--lk-bg3);--lk-control-active-bg: var(--lk-bg4);--lk-control-active-hover-bg: var(--lk-bg5);--lk-connection-excellent: #06db4d;--lk-connection-good: #f9b11f;--lk-connection-poor: #f91f31;--lk-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--lk-font-size: 16px;--lk-line-height: 1.5;--lk-border-radius: .5rem;--lk-box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15);--lk-drop-shadow: rgba(255, 255, 255, .2) 0px 0px 24px;--lk-grid-gap: .5rem;--lk-control-bar-height: 69px;--lk-chat-header-height: 69px}.lk-button,.lk-start-audio-button,.lk-chat-toggle,.lk-disconnect-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;color:var(--lk-control-fg);background-image:none;background-color:var(--lk-control-bg);border:0;border-radius:var(--lk-border-radius);cursor:pointer;white-space:nowrap;font-size:inherit;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lk-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-start-audio-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-start-audio-button,[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-start-audio-button:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-start-audio-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled{opacity:.5}.lk-button-group{display:inline-flex;align-items:stretch;height:100%}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-start-audio-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-button-group-menu{position:relative;flex-shrink:0}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-start-audio-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-start-audio-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after{margin-left:0}.lk-button-menu:after{display:inline-block;content:"";width:.5em;height:.5em;margin-top:-.25rem;margin-left:.5rem;border-left:.125em solid;border-bottom:.125em solid;transform:rotate(-45deg);transform-origin:center center}.lk-disconnect-button{font-weight:600;color:var(--lk-danger);border:1px solid var(--lk-danger)}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg: var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg: var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{content:attr(data-lk-unread-msgs);position:absolute;top:0;left:0;padding:.25rem;margin-left:.25rem;margin-top:.25rem;border-radius:50%;font-size:.5rem;line-height:.75;background:var(--lk-accent-bg)}.lk-media-device-select:not(:last-child){padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--lk-border-color)}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{width:100%;justify-content:start;padding-block:.5rem}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{cursor:pointer;background-color:#0000000d}.lk-media-device-select [data-lk-active=true]>.lk-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}.lk-device-menu{width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;z-index:5;min-width:10rem;padding:.5rem;margin-bottom:.25rem;white-space:nowrap;background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);border-radius:.75rem;box-shadow:var(--lk-box-shadow)}.lk-device-menu-heading{padding:.25rem .5rem;font-weight:700;opacity:.65}.lk-start-audio-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}@media screen and (max-width:600px){.lk-start-audio-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);transition:opacity ease-in-out .15s;opacity:0}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lk-pagination-count{padding:.5rem .875rem;border-inline:1px solid var(--lk-bg)}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{position:absolute;height:var(--lk-grid-gap);background-color:var(--lk-bg2);width:-moz-fit-content;width:fit-content;padding:.2rem .5rem;bottom:calc(var(--lk-grid-gap)/2);left:50%;transform:translate(-50%);border-radius:2rem;opacity:1;display:flex;gap:.2rem;align-items:center}.lk-pagination-indicator span{display:inline-block;width:.4rem;height:.4rem;border-radius:9999999px;background-color:var(--lk-fg);opacity:.35;transition:opacity linear .2s}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count: 1;--lk-row-count: 1;display:grid;grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:var(--lk-grid-gap);width:100%;height:100%;max-width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{display:grid;grid-template-columns:1fr 5fr;gap:var(--lk-grid-gap);width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{position:absolute;top:10px;right:10px;width:20%;height:auto}@media(max-width:600px){.lk-focus-layout{grid-template-columns:1fr;grid-template-rows:5fr 1fr}.lk-carousel{order:1}}.lk-carousel{max-height:100%;display:flex;gap:var(--lk-grid-gap)}.lk-carousel>*{flex-shrink:0;aspect-ratio:16/10;scroll-snap-align:start}.lk-carousel[data-lk-orientation=vertical]{flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;overflow-x:hidden}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps: calc(100% - calc(var(--lk-grid-gap) * calc(var(--lk-max-visible-tiles) - 1)));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps: calc(100% - var(--lk-grid-gap) * (var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{width:1.5rem;height:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{position:relative;width:var(--lk-indicator-size, 1rem);height:var(--lk-indicator-size, 1rem);margin-inline-end:.25rem;transition:opacity .25s ease-in-out}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg: var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background-color:#000}.lk-participant-media-video[data-lk-orientation=landscape]{-o-object-fit:cover;object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{-o-object-fit:contain;object-fit:contain;background-color:var(--lk-bg2)}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{width:100%;height:100%;min-height:160px;background:var(--lk-bg-control);aspect-ratio:16/9;border-radius:.5rem;display:flex;justify-content:space-around;align-items:center}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:.1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--lk-bg);gap:var(--lk-va-bar-gap, 24px)}.lk-audio-bar-visualizer>.lk-audio-bar{transform-origin:"center";height:100%;width:var(--lk-va-bar-width, 12px);border-radius:var(--lk-va-bar-border-radius, 32px);background-color:var(--lk-va-bar-bg, rgba(136, 136, 136, .2));transition:background-color .25s ease-out}.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar,.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true]{background-color:var(--lk-fg, rgb(136, 136, 136));transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width: 2.5px;position:relative;display:flex;flex-direction:column;gap:.375rem;overflow:hidden;border-radius:var(--lk-border-radius)}.lk-participant-tile:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:var(--lk-border-radius);border:0px solid var(--lk-accent-bg);transition-property:border opacity;transition-delay:.5s;transition-duration:.4s;pointer-events:none}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{transition-delay:0s;transition-duration:.2s;border-width:var(--lk-speaking-indicator-width)}.lk-participant-tile .lk-focus-toggle-button{position:absolute;top:.25rem;right:.25rem;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile:hover .lk-focus-toggle-button,.lk-participant-tile:focus .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor]{opacity:1;transition-delay:0}.lk-participant-tile:hover .lk-connection-quality,.lk-participant-tile:focus .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--lk-bg2);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;border-radius:var(--lk-border-radius)}.lk-participant-tile .lk-participant-placeholder svg{height:100%;width:auto;padding:10%}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{position:absolute;right:.25rem;bottom:.25rem;left:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;line-height:1}.lk-participant-metadata-item{display:flex;align-items:center;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2)}.lk-toast{position:fixed;top:.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow)}.lk-spinner{animation:lk-rotate 2s infinite linear}@keyframes lk-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.lk-room-container{background-color:var(--lk-bg);line-height:var(--lk-line-height)}.lk-room-container{position:relative;width:100%;height:100%;--lk-has-imported-styles: "true"}.lk-room-container *[class^=lk-],.lk-room-container *[class*=" lk-"]{box-sizing:border-box}.lk-audio-conference{position:relative;width:100%;height:100%}.lk-audio-conference-stage{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lk-chat{display:grid;grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);width:clamp(200px,55ch,60ch);background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);align-items:end}.lk-chat-header{height:var(--lk-chat-header-height);padding:.75rem;position:relative;display:flex;align-items:center;justify-content:center}.lk-chat-header .lk-close-button{position:absolute;right:0;transform:translate(-50%);background-color:#0000}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{display:flex;width:100%;max-height:100%;flex-direction:column;gap:.25rem;overflow:auto}.lk-chat-entry{display:flex;flex-direction:column;gap:.25rem;margin:0 .25rem}.lk-chat-entry .lk-meta-data{font-size:.75rem;color:var(--lk-fg5);white-space:nowrap;padding:0 .3rem;display:flex}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{margin-left:auto;align-self:flex-end}.lk-chat-entry .lk-edit-button{background:none;float:right;margin:0;padding:0 .25rem;border-radius:0;font-size:12px}.lk-chat-entry .lk-message-body{display:inline-block;border-radius:15px;padding:.25rem .75rem;word-break:break-word;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 32px)}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{text-decoration:underline;color:inherit}.lk-chat-entry *{margin-block-start:.25em;margin-block-end:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{display:flex;gap:.75rem;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-chat-form-input{font-size:inherit;line-height:inherit;width:100%}@media(max-width:600px){.lk-chat{position:fixed;top:0;right:0;max-width:100%;bottom:var(--lk-control-bar-height)}}.lk-control-bar,.lk-agent-control-bar{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-agent-control-bar{height:var(--lk-control-bar-height);--lk-bg: transparent;--lk-va-bar-width: 2px;--lk-va-bar-gap: 4px;--lk-va-bar-border-radius: 1px}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{background-color:var(--lk-bg);line-height:var(--lk-line-height)}[data-lk-theme]{font-size:var(--lk-font-size);font-family:var(--lk-font-family);color:var(--lk-fg)}[data-lk-theme] .lk-list{list-style:none;margin:0;padding:0}[data-lk-theme] .lk-form-control{font-family:var(--lk-font-family);padding:.625rem 1rem;background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius)}.lk-prejoin{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;margin-inline:auto;background-color:var(--lk-bg);width:min(100%,480px);align-items:stretch}.lk-prejoin .lk-video-container{position:relative;width:100%;height:auto;aspect-ratio:16/10;background-color:#000;border-radius:var(--lk-border-radius);overflow:hidden}.lk-prejoin .lk-video-container video,.lk-prejoin .lk-video-container .lk-camera-off-note{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/10;background-color:#000;display:grid;place-items:center}.lk-prejoin .lk-video-container .lk-camera-off-note>*{height:70%;max-width:100%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{width:100%;height:auto}.lk-prejoin .lk-button-group-container{display:flex;flex-wrap:nowrap;gap:1rem}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media(max-width:400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.lk-prejoin .lk-join-button{--lk-control-fg: var(--lk-accent-fg);--lk-control-bg: var(--lk-accent-bg);--lk-control-hover-bg: var(--lk-accent2);--lk-control-active-bg: var(--lk-accent3);--lk-control-active-hover-bg: var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{position:relative;display:flex;justify-content:center;width:100%;height:calc(100% - var(--lk-control-bar-height))}.lk-grid-layout-wrapper{flex-direction:column;align-items:center}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{position:relative;display:flex;align-items:stretch;height:100%}.lk-video-conference-inner{display:flex;flex-direction:column;align-items:stretch;width:100%}.lk-settings-menu-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lk-bg);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);min-width:50vw;min-height:50vh;max-width:100%;max-height:100%;overflow-y:auto}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%;margin-right:auto;margin-left:auto}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.-bottom-4{bottom:-1rem}.-left-4{left:-1rem}.-right-1{right:-.25rem}.-right-4{right:-1rem}.-top-1{top:-.25rem}.-top-4{top:-1rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-1\/2{top:50%}.top-8{top:2rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-96{max-height:24rem}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[720px\]{width:720px}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[95vw\]{max-width:95vw}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-12{--tw-translate-x: -3rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-12{--tw-translate-x: 3rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow{0%{box-shadow:0 0 5px #00ff94,0 0 10px #00ff94,0 0 15px #00ff94}to{box-shadow:0 0 10px #00ff94,0 0 20px #00ff94,0 0 30px #00ff94}}.animate-glow{animation:glow 2s ease-in-out infinite alternate}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#39ff14\]{--tw-border-opacity: 1;border-color:rgb(57 255 20 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-izai-green{--tw-border-opacity: 1;border-color:rgb(0 255 148 / var(--tw-border-opacity, 1))}.border-izai-green\/20{border-color:#00ff9433}.border-izai-green\/30{border-color:#00ff944d}.border-red-500\/30{border-color:#ef44444d}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-t-transparent{border-top-color:transparent}.bg-\[rgba\(57\,255\,20\,0\.08\)\]{background-color:#39ff1414}.bg-black\/20{background-color:#0003}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/20{background-color:#3b82f633}.bg-card-bg{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-500\/20{background-color:#6b728033}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-green-900\/20{background-color:#14532d33}.bg-izai-card{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.bg-izai-dark{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.bg-izai-green{--tw-bg-opacity: 1;background-color:rgb(0 255 148 / var(--tw-bg-opacity, 1))}.bg-izai-green\/10{background-color:#00ff941a}.bg-izai-green\/20{background-color:#00ff9433}.bg-neon-green{--tw-bg-opacity: 1;background-color:rgb(57 255 20 / var(--tw-bg-opacity, 1))}.bg-neutral-950{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-500\/20{background-color:#f9731633}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/20{background-color:#a855f733}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-green-900\/10{--tw-gradient-from: rgb(20 83 45 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-izai-card\/50{--tw-gradient-from: rgb(26 26 26 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(26 26 26 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-izai-dark{--tw-gradient-from: #0a0a0a var(--tw-gradient-from-position);--tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-izai-green{--tw-gradient-from: #00FF94 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 255 148 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#0f0f0f\]{--tw-gradient-to: rgb(15 15 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0f0f0f var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#050505\]{--tw-gradient-to: #050505 var(--tw-gradient-to-position)}.to-green-400{--tw-gradient-to: #4ade80 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to: #0f172a var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-\[\#0a0a0a\]{--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.text-\[\#39ff14\]{--tw-text-opacity: 1;color:rgb(57 255 20 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-izai-dark{--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.text-izai-green{--tw-text-opacity: 1;color:rgb(0 255 148 / var(--tw-text-opacity, 1))}.text-izai-text-primary{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-izai-text-secondary{--tw-text-opacity: 1;color:rgb(160 160 160 / var(--tw-text-opacity, 1))}.text-izai-text-secondary\/60{color:#a0a0a099}.text-neon-green{--tw-text-opacity: 1;color:rgb(57 255 20 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-text-secondary{--tw-text-opacity: 1;color:rgb(161 161 161 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/40{color:#fff6}.text-white\/60{color:#fff9}.text-white\/80{color:#fffc}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-white\/40::-moz-placeholder{color:#fff6}.placeholder-white\/40::placeholder{color:#fff6}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(0\,255\,148\,0\.08\)\]{--tw-shadow: 0 0 8px rgba(0,255,148,.08);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-izai-green\/20{--tw-ring-color: rgb(0 255 148 / .2)}.ring-neon-green\/20{--tw-ring-color: rgb(57 255 20 / .2)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[10px\]{--tw-backdrop-blur: blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(57,255,20,.05) 0%,transparent 70%);pointer-events:none;z-index:2;transform:translate(-50%,-50%);transition:opacity .15s ease-in-out}.cursor-glow.hidden{opacity:0}:root{font-family:var(--iz-font-sans, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #0a0a0a;--bg-card: rgba(26, 26, 26, .4);--text-primary: #ffffff;--text-secondary: #a1a1a1;--text-muted: #6b6b6b;--accent: #39ff14;--accent-hover: #00ff88;--border: rgba(255, 255, 255, .15);--border-accent: rgba(57, 255, 20, .2);--radius: 12px;--radius-lg: 16px}html,body{margin:0;padding:0;width:100%;height:100%;background:#0d0d0d;overflow-x:hidden}#root{width:100%;min-height:100vh;background:#0d0d0d}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 360px at 15% 20%,rgba(0,255,148,.2),transparent),radial-gradient(700px 280px at 85% 25%,rgba(0,224,132,.18),transparent),radial-gradient(600px 300px at 50% 90%,rgba(0,255,148,.12),transparent);filter:blur(40px)}.hero-aurora{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;filter:blur(60px);pointer-events:none}.hero-aurora .blob{position:absolute;width:50vw;height:50vw;border-radius:50%;opacity:.35;mix-blend-mode:screen}.hero-aurora .blob-1{background:radial-gradient(circle at 50% 50%,rgba(0,255,148,.28),transparent 60%);left:-10%;top:10%;animation:auroraFloat1 18s ease-in-out infinite}.hero-aurora .blob-2{background:radial-gradient(circle at 50% 50%,rgba(0,224,132,.24),transparent 65%);right:-5%;top:20%;animation:auroraFloat2 22s ease-in-out infinite}.hero-aurora .blob-3{background:radial-gradient(circle at 50% 50%,rgba(0,255,148,.18),transparent 70%);left:25%;bottom:-10%;animation:auroraFloat3 26s ease-in-out infinite}@keyframes auroraFloat1{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(6vw,-3vw,0) scale(1.08)}to{transform:translateZ(0) scale(1)}}@keyframes auroraFloat2{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-5vw,4vw,0) scale(1.06)}to{transform:translateZ(0) scale(1)}}@keyframes auroraFloat3{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-4vw,5vw,0) scale(1.05)}to{transform:translateZ(0) scale(1)}}.glass-card{background:linear-gradient(135deg,#0a0a0ab3,#0a0a0a8c);background-color:#0a0a0aa6;border:1px solid rgba(0,255,148,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #00000059}.card-glass{background:#1a1a1a99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(57,255,20,.3);border-radius:16px}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 3px var(--shadow);padding:24px;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}@keyframes pulse-neon{0%,to{color:#00ff94;text-shadow:0 0 5px rgba(0,255,148,0)}50%{color:#00ff94;text-shadow:0 0 15px rgba(0,255,148,.8)}}.icon-pulse{animation:pulse-neon 2s ease-in-out infinite;transition:color .3s ease}.icon-active{color:#00ff94;text-shadow:0 0 10px rgba(0,255,148,.6)}.icon-default{color:#00ff94}.icon-hover:hover{color:#00ff94;text-shadow:0 0 10px rgba(0,255,148,.6)}.lucide{color:#00ff94!important}.hero-bg,.hero-aurora{display:none}.glass-input-dark{background:linear-gradient(135deg,#1a1a1ad9,#1a1a1aa6);border:1px solid rgba(0,255,148,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff0d,0 4px 12px #00000059}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:500;transition:all .3s cubic-bezier(.23,1,.32,1)}.btn-default{background:#1a1a1a80;border:1px solid rgba(0,255,148,.14);color:#fff}.btn-default:hover{background:#1a1a1a99;border-color:#39ff144d;color:#00ff94}.glass-card-light{background:linear-gradient(135deg,#fafafaf2,#fafafad9);background-color:#fafafa;border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000014}:root{color-scheme:light dark}body{background-color:#0d0d0d;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.5}h1{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.5px}h2{font-size:24px;font-weight:700;line-height:1.3}h3{font-size:18px;font-weight:600;line-height:1.4}h4{font-size:16px;font-weight:600;line-height:1.4}.page-title{font-size:32px;font-weight:700;color:#fff;letter-spacing:-.5px}.page-description{font-size:14px;font-weight:400;color:#a1a1a1;margin-top:8px}.section-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px}.kpi-value{font-size:36px;font-weight:700;color:#39ff14;font-variant-numeric:tabular-nums;line-height:1}.kpi-label{font-size:12px;font-weight:500;color:#a1a1a1;text-transform:uppercase;letter-spacing:.8px;margin-top:8px}.kpi-variation{font-size:12px;font-weight:400;color:#39ff14;margin-top:4px;font-variant-numeric:tabular-nums}.item-name{font-size:16px;font-weight:600;color:#fff}.item-status{font-size:11px;font-weight:500;color:#39ff14;text-transform:uppercase;letter-spacing:.5px}.item-meta{font-size:13px;font-weight:400;color:#a1a1a1;margin-top:4px}.button-primary{font-size:14px;font-weight:600;line-height:1.4}.button-secondary{font-size:13px;font-weight:500;line-height:1.4}.footer-text{font-size:12px;font-weight:400;color:#a1a1a1}.notification-text{font-size:13px;font-weight:500;color:#39ff14}.badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:4px}.badge-success{background:#39ff1426;color:#39ff14}.badge-warning{background:#f59e0b26;color:#f59e0b}.badge-error{background:#ef444426;color:#ef4444}html:not(.dark) body{background-color:#fff;color:#1a1a1a}html:not(.dark) .card{background:#fff;border:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000d}html:not(.dark) .status-card{background:#f8f8f8;border:1px solid #e5e5e5}html:not(.dark) .status-item{background:#fff;border:1px solid #e5e5e5}html:not(.dark) .page-title,html:not(.dark) .section-title{color:#1a1a1a}html:not(.dark) .footer-text{color:#666}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[0\.98\]:hover{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-izai-green:hover{--tw-border-opacity: 1;border-color:rgb(0 255 148 / var(--tw-border-opacity, 1))}.hover\:border-izai-green\/10:hover{border-color:#00ff941a}.hover\:border-izai-green\/30:hover{border-color:#00ff944d}.hover\:border-izai-green\/50:hover{border-color:#00ff9480}.hover\:border-izai-greenHover:hover{--tw-border-opacity: 1;border-color:rgb(0 224 132 / var(--tw-border-opacity, 1))}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:bg-card-bg\/60:hover{background-color:#1a1a1a99}.hover\:bg-card-bg\/80:hover{background-color:#1a1a1acc}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-green-400:hover{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-izai-green\/10:hover{background-color:#00ff941a}.hover\:bg-izai-greenHover:hover{--tw-bg-opacity: 1;background-color:rgb(0 224 132 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-500\/30:hover{background-color:#a855f74d}.hover\:bg-red-500\/30:hover{background-color:#ef44444d}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/40:hover{background-color:#fff6}.hover\:from-purple-600:hover{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-pink-600:hover{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.hover\:text-izai-green:hover{--tw-text-opacity: 1;color:rgb(0 255 148 / var(--tw-text-opacity, 1))}.hover\:text-neon-green:hover{--tw-text-opacity: 1;color:rgb(57 255 20 / var(--tw-text-opacity, 1))}.hover\:text-purple-300:hover{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-izai-green\/30:hover{--tw-shadow-color: rgb(0 255 148 / .3);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-izai-green:focus{--tw-border-opacity: 1;border-color:rgb(0 255 148 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-gray-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.focus\:ring-izai-green:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 255 148 / var(--tw-ring-opacity, 1))}.focus\:ring-neon-green:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(57 255 20 / var(--tw-ring-opacity, 1))}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-gray-900:focus{--tw-ring-offset-color: #111827}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\:ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:focus~.peer-focus\:ring-purple-500\/20{--tw-ring-color: rgb(168 85 247 / .2)}.dark\:border-izai-green\/20:is(.dark *){border-color:#00ff9433}.dark\:bg-izai-dark:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.dark\:bg-transparent:is(.dark *){background-color:transparent}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.dark\:placeholder-gray-500:is(.dark *)::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}}@media(min-width:768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:mb-0{margin-bottom:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-8xl{font-size:6rem;line-height:1}}@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--iz-bg-primary: #0a0a0a;--iz-bg-card: rgba(26, 26, 26, .6);--iz-bg-input: rgba(255, 255, 255, .05);--iz-text-primary: #ffffff;--iz-text-secondary: #a1a1a1;--iz-text-muted: #6b6b6b;--iz-accent: #39ff14;--iz-accent-secondary: #00ff88;--iz-accent-hover: #32e612;--iz-accent-glow: rgba(57, 255, 20, .3);--iz-border: rgba(255, 255, 255, .1);--iz-border-focus: rgba(57, 255, 20, .5);--iz-error: #ef4444;--iz-success: #10b981;--iz-glass-blur: 20px;--iz-radius-sm: 8px;--iz-radius-md: 12px;--iz-radius-lg: 24px;--iz-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--iz-font-mono: "JetBrains Mono", "Fira Code", monospace;--iz-orb-green-a: #39ff14;--iz-orb-green-b: #00ff88;--iz-orb-cyan-a: #00d4ff;--iz-orb-cyan-b: #0066ff;--iz-orb-magenta-a: #ff00ff;--iz-orb-magenta-b: #8b00ff;--bg-primary: var(--iz-bg-primary);--bg-secondary: #0f0f0f;--bg-tertiary: #141414;--text-primary: var(--iz-text-primary);--text-secondary: var(--iz-text-secondary);--text-tertiary: #999999;--text-muted: var(--iz-text-muted);--border-color: rgba(57, 255, 20, .28);--accent-primary: var(--iz-accent);--accent-mix: var(--iz-accent-secondary);--accent-shadow: rgba(57, 255, 20, .45);--focus-ring: var(--iz-accent-glow);--btn-on-accent: var(--iz-bg-primary);--card-bg: var(--iz-bg-card);--shadow: rgba(0, 0, 0, .5);--shadow-hover: rgba(57, 255, 20, .15)}html[data-theme=light]{--iz-bg-primary: #fafafa;--iz-bg-card: rgba(255, 255, 255, .92);--iz-bg-input: rgba(0, 0, 0, .04);--iz-text-primary: #1a1a1a;--iz-text-secondary: #525252;--iz-text-muted: #737373;--iz-accent: #16a34a;--iz-accent-secondary: #059669;--iz-accent-hover: #15803d;--iz-accent-glow: rgba(22, 163, 74, .22);--iz-border: rgba(0, 0, 0, .1);--iz-border-focus: rgba(22, 163, 74, .45);--bg-primary: var(--iz-bg-primary);--bg-secondary: #f5f5f5;--bg-tertiary: #f0f0f0;--text-primary: var(--iz-text-primary);--text-secondary: var(--iz-text-secondary);--text-tertiary: #737373;--text-muted: var(--iz-text-muted);--border-color: rgba(22, 163, 74, .22);--accent-primary: var(--iz-accent);--accent-mix: var(--iz-accent-secondary);--accent-shadow: rgba(22, 163, 74, .3);--focus-ring: var(--iz-accent-glow);--btn-on-accent: #fafafa;--card-bg: var(--iz-bg-card);--shadow: rgba(0, 0, 0, .06);--shadow-hover: rgba(0, 0, 0, .1)}[data-theme=light],.light{--bg-primary: #FFFFFF;--bg-secondary: #F8F8F8;--bg-tertiary: #F5F5F5;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e5e5e5;--accent-primary: #10B981;--accent-hover: #059669;--status-online: #10B981;--status-degraded: #F59E0B;--status-offline: #EF4444;--shadow: rgba(0, 0, 0, .05);--shadow-hover: rgba(0, 0, 0, .08)}body[data-theme=light]{background:var(--bg-primary);color:var(--text-primary)}.header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:16px 24px}.header-search{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:8px 12px}.header-search::-moz-placeholder{color:var(--text-tertiary)}.header-search::placeholder{color:var(--text-tertiary)}.header-icon{color:var(--text-secondary);cursor:pointer;transition:color .3s ease}.header-icon:hover{color:var(--accent-primary)}.sidebar-item{color:var(--text-secondary);transition:all .3s ease;padding:12px 16px;border-left:3px solid transparent}.sidebar-item:hover{background:var(--bg-secondary);color:var(--accent-primary)}.sidebar-item.active{background:#10b9811a;color:var(--accent-primary);border-left-color:var(--accent-primary)}.sidebar-icon{color:inherit}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--shadow);transition:all .3s ease}.card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px var(--shadow-hover)}.status-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.status-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.status-item:last-child{margin-bottom:0}.status-label{color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.status-online{color:var(--status-online);background:#10b9811a}.status-degraded{color:var(--status-degraded);background:#f59e0b1a}.status-offline{color:var(--status-offline);background:#ef44441a}.button-primary{background:var(--accent-primary);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;transition:all .3s ease}.button-primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px #10b98133}.button-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;transition:all .3s ease}.button-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}h1{color:var(--text-primary);font-size:32px;font-weight:700}h2{color:var(--text-primary);font-size:24px;font-weight:700}h3{color:var(--text-primary);font-size:18px;font-weight:600}h4{color:var(--text-primary);font-size:16px;font-weight:600}p{color:var(--text-secondary);font-size:14px;line-height:1.5}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}input,textarea,select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-family:inherit;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #10b9811a}input::-moz-placeholder{color:var(--text-tertiary)}input::placeholder{color:var(--text-tertiary)}a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-hover);text-decoration:underline}.sidebar{background:#0d0d0d!important;background-color:#0d0d0d!important;border-right:1px solid var(--border-color);transition:width .3s ease;width:300px;height:100vh;min-height:100vh;position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;z-index:999;margin:0;padding:0;box-sizing:border-box}.sidebar.collapsed{width:80px}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;display:none;animation:fadeIn .2s ease}.sidebar-mobile-close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--text-primary, #e8eaed);cursor:pointer;z-index:1000;transition:all .15s ease}.sidebar-mobile-close:hover{background:#ffffff1a;color:var(--accent-primary)}@media(min-width:1024px){.sidebar-mobile-close{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.sidebar{width:280px}.sidebar.collapsed{width:80px}}@media(max-width:1023px){.mobile-overlay{display:block}.sidebar{transform:translate(-100%);z-index:50;width:280px;box-shadow:2px 0 20px #00000080}.sidebar.mobile-open{transform:translate(0);animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-closed{transform:translate(-100%);animation:slideOut .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:280px}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(min-width:1024px){.mobile-overlay{display:none!important}.sidebar{position:fixed;transform:translate(0)!important}.sidebar.mobile-open,.sidebar.mobile-closed{transform:translate(0)!important}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);height:60px;flex-shrink:0;transition:all .3s ease;background:transparent!important;background-color:transparent!important}.sidebar.collapsed .sidebar-header{justify-content:center;padding:16px 8px}.sidebar-logo{font-size:18px;font-weight:700;color:var(--accent-primary);white-space:nowrap;transition:opacity .3s ease;text-shadow:0 0 14px color-mix(in srgb,var(--accent-primary) 35%,transparent)}.sidebar.collapsed .sidebar-logo{opacity:0;width:0;margin:0}.sidebar-collapse-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease}.sidebar-collapse-btn:hover{background:var(--bg-secondary);color:var(--accent-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:12px;flex:1;overflow-y:auto;overflow-x:hidden;transition:all .3s ease;background:transparent!important;background-color:transparent!important}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-category{margin-bottom:4px}.sidebar-category-header{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:8px;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.sidebar-category-header:hover{background:#ffffff0f;color:var(--text-primary)}.sidebar-category-header svg{transition:all .2s ease}.sidebar-category-header:hover svg{color:var(--accent-primary)}.sidebar-category-header.active{color:var(--accent-primary)}.sidebar-category-header.active svg:first-child{color:var(--accent-primary)}.sidebar-category-items{list-style:none;margin:0;padding:4px 0 4px 8px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:13px;font-weight:400;text-decoration:none;border-left:2px solid transparent;margin-left:4px;position:relative;overflow:visible}.sidebar-item span{flex:1;min-width:0;overflow:visible;text-overflow:clip}.sidebar-item:hover,.sidebar-item:focus,.sidebar-item:active,.sidebar-item:visited{text-decoration:none}.sidebar-item:hover{background:#ffffff0f;color:var(--text-primary);border-left-color:transparent}.sidebar-item svg{transition:all .2s ease}.sidebar-item:hover svg{color:var(--accent-primary)}.sidebar-item.active{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-primary);border-left-color:var(--accent-primary);font-weight:500}.sidebar-item.active svg{color:var(--accent-primary)}.sidebar-badge{font-size:10px;font-weight:600;padding:2px 6px;background:var(--accent-primary);color:var(--bg-primary);border-radius:10px;margin-left:auto}.sidebar.collapsed .sidebar-category-header span{display:none}.sidebar.collapsed .sidebar-category-header svg:last-child{display:none}.sidebar.collapsed .sidebar-category-header svg:first-child{display:block}.sidebar.collapsed .sidebar-category-items{display:none}.sidebar-category-items-collapsed{list-style:none;margin:0;padding:4px 0;display:none}.sidebar.collapsed .sidebar-category-items-collapsed{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px;margin-left:0;border-left:none;border-bottom:2px solid transparent;width:100%}.sidebar.collapsed .sidebar-item span{display:none}.sidebar.collapsed .sidebar-item.active{border-left:none;border-bottom-color:var(--accent-primary)}.sidebar.collapsed .sidebar-item:hover{border-bottom-color:var(--accent-primary);transform:translateY(-2px)}.sidebar-footer{padding:12px;border-top:1px solid var(--border-color);background:transparent!important;background-color:transparent!important;flex-shrink:0;transition:all .3s ease;margin-top:auto}.sidebar.collapsed .sidebar-footer{padding:12px 8px}.logout-button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}.logout-button:hover{background:#ef444433;border-color:#ef4444}.sidebar.collapsed .logout-button{justify-content:center;padding:10px}.sidebar.collapsed .logout-button span{display:none}.main-content{margin-left:280px;transition:margin-left .3s ease;height:100vh;overflow-y:auto}.main-content.sidebar-collapsed,.sidebar-collapsed .main-content{margin-left:80px}[data-theme=light] .sidebar{background:#fafafa;border-right-color:#e5e5e5}[data-theme=light] .sidebar-logo{color:#10b981;text-shadow:none}[data-theme=light] .sidebar-category-header{color:#374151}[data-theme=light] .sidebar-category-header:hover{background:#0000000d;color:#1a1a1a}[data-theme=light] .sidebar-category-header:hover svg{color:#10b981}[data-theme=light] .sidebar-category-header.active{color:#10b981}[data-theme=light] .sidebar-category-header.active svg:first-child{color:#10b981}[data-theme=light] .sidebar-item{color:#4b5563}[data-theme=light] .sidebar-item:hover{background:#0000000d;color:#1a1a1a}[data-theme=light] .sidebar-item:hover svg{color:#10b981}[data-theme=light] .sidebar-item.active{background:#10b9811f;color:#10b981;border-left-color:#10b981}[data-theme=light] .sidebar-item.active svg{color:#10b981}[data-theme=light] .sidebar-collapse-btn{color:#6b7280}[data-theme=light] .sidebar-collapse-btn:hover{background:#0000000d;color:#10b981}[data-theme=light] .sidebar-footer{background:#fafafa;border-top-color:#e5e5e5}@media(min-width:1400px){.sidebar{width:280px}.main-content{margin-left:280px}}@media(min-width:1024px)and (max-width:1399px){.sidebar{width:260px}.main-content{margin-left:260px}.sidebar-item{padding:8px 10px;font-size:12px}}@media(min-width:768px)and (max-width:1023px){.sidebar{width:80px}.main-content{margin-left:80px}.sidebar-item{padding:10px}.sidebar-item span,.sidebar-category-header span{display:none}.sidebar-category-items{padding-left:0}}@media(max-width:767px){.sidebar{position:fixed;width:280px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}@media(min-width:1400px){.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.dashboard-section{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media(min-width:1024px)and (max-width:1399px){.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.dashboard-section{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media(min-width:768px)and (max-width:1023px){.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.dashboard-section{display:grid;grid-template-columns:1fr;gap:16px}.sidebar{width:80px}.main-content{margin-left:80px}}@media(max-width:767px){.dashboard-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.dashboard-section{display:grid;grid-template-columns:1fr;gap:12px}.sidebar{position:fixed;left:0;top:0;width:80px;height:100vh;z-index:1000}.main-content{margin-left:80px;padding:12px}.header{padding:12px}.card{padding:16px}}.card{min-height:200px;display:flex;flex-direction:column;justify-content:space-between}.card-metric{min-height:150px}.card-section{min-height:auto}@media(max-width:1023px){.card{min-height:180px}}@media(max-width:767px){.card{min-height:160px;padding:16px}.card-title{font-size:14px}.card-value{font-size:24px}}.info-section{margin-top:40px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .15s ease}.info-card:hover{border-color:var(--accent-primary)}.info-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.info-list{list-style:none;padding:0;margin:0}.info-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.info-list li:last-child{border-bottom:none}.info-label{font-size:13px;color:var(--text-secondary);font-weight:500}.info-value{font-size:13px;color:var(--accent-primary);font-weight:600}.team-list{display:flex;flex-direction:column;gap:12px}.team-member{display:flex;gap:12px;align-items:center;padding:12px;background:var(--bg-secondary);border-radius:8px}.avatar{width:40px;height:40px;border-radius:50%;background:#1a1a1a66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:0 4px 14px #00000040,inset 0 1px 1px #ffffff14;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-primary);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.avatar:hover{transform:translateY(-1px);border-color:var(--accent-primary);box-shadow:0 6px 18px #39ff141f,inset 0 1px 1px #ffffff1f;background:#1a1a1a80}[data-theme=light] .avatar{background:#fff9;border:1px solid var(--border-color);color:var(--text-primary);box-shadow:0 4px 14px #00000014,inset 0 1px 1px #ffffff80}[data-theme=light] .avatar:hover{border-color:var(--accent-primary);background:#ffffffb3;box-shadow:0 6px 18px #39ff141f,inset 0 1px 1px #ffffffb3}@keyframes ringPulse{0%{box-shadow:0 0 #39ff1459}70%{box-shadow:0 0 0 8px #39ff1400}to{box-shadow:0 0 #39ff1400}}.avatar.online{border-color:var(--accent-primary);animation:ringPulse 2s ease-out infinite}[data-theme=light] .avatar.online{border-color:var(--accent-primary)}.member-info{flex:1}.member-name{font-size:13px;font-weight:600;color:var(--text-primary);margin:0}.member-role{font-size:12px;color:var(--text-secondary);margin:2px 0 0}@media(max-width:768px){.info-grid{grid-template-columns:1fr}}.header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:12px 24px;position:sticky;top:0;z-index:100;height:60px;display:flex;align-items:center}.header-content{width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.header-search{flex:1;display:flex;align-items:center;gap:8px;max-width:400px;margin:0 auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;transition:all .15s ease}.header-search:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #39ff141a}.search-icon{color:var(--text-secondary);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:14px;outline:none}.search-input::-moz-placeholder{color:var(--text-secondary)}.search-input::placeholder{color:var(--text-secondary)}.header-icons{display:flex;gap:8px;align-items:center;flex-shrink:0}.header-icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;position:relative}.header-icon-btn:hover{color:var(--accent-primary);background:#39ff141a}.header-icon-btn:active{transform:scale(.95);background:#39ff1426}.header-divider{width:1px;height:24px;background:var(--border-color);margin:0 4px}.header-icon-btn[data-label]:after{content:attr(data-label);position:absolute;left:50%;top:0;transform:translate(-50%,calc(-100% - 8px));background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 8px;border-radius:6px;font-size:12px;line-height:1;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 12px var(--shadow-hover);opacity:0;pointer-events:none;z-index:1000;transition:opacity .15s ease,transform .15s ease}.header-icon-btn[data-label]:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%,-6px);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--bg-primary);opacity:0;z-index:1000;transition:opacity .15s ease}.header-icon-btn:hover:after{opacity:1;color:var(--accent-primary);border-color:var(--accent-primary);transform:translate(-50%,calc(-100% - 12px))}.header-icon-btn:hover:before{opacity:1}@media(max-width:1024px){.header-content{gap:16px}.header-search{max-width:300px}}@media(max-width:768px){.header{padding:12px 16px}.header-content{gap:12px}.header-search{max-width:100%}.search-input{font-size:13px}.header-icon-btn{padding:6px;min-width:32px;min-height:32px}}@media(max-width:480px){.header{padding:10px 12px;height:50px}.header-content{gap:8px}.header-search{max-width:100%}.search-icon{display:none}.search-input::-moz-placeholder{font-size:12px}.search-input::placeholder{font-size:12px}}.header-left,.header-logo,.header-search-container,.header-icon{display:none!important}@media(min-width:1400px){:root{--spacing-base: 24px;--spacing-small: 16px;--font-size-base: 14px;--font-size-large: 16px}body{font-size:14px}.container{max-width:1400px;margin:0 auto;padding:0 24px}}@media(min-width:1024px)and (max-width:1399px){:root{--spacing-base: 20px;--spacing-small: 12px;--font-size-base: 13px;--font-size-large: 15px}body{font-size:13px}.container{max-width:1200px;margin:0 auto;padding:0 20px}}@media(max-width:1023px){:root{--spacing-base: 16px;--spacing-small: 8px;--font-size-base: 13px;--font-size-large: 14px}body{font-size:13px}.container{max-width:100%;margin:0 auto;padding:0 16px}.sidebar{width:80px}.main-content{margin-left:80px}}@media(max-width:767px){:root{--spacing-base: 12px;--spacing-small: 6px;--font-size-base: 12px;--font-size-large: 13px}body{font-size:12px}.container{max-width:100%;margin:0 auto;padding:0 12px}.sidebar{position:fixed;width:80px;height:100vh;z-index:1000}.main-content{margin-left:80px;padding:12px}}@media(max-width:479px){:root{--spacing-base: 8px;--spacing-small: 4px;--font-size-base: 11px;--font-size-large: 12px}body{font-size:11px}.container{max-width:100%;margin:0 auto;padding:0 8px}.sidebar{position:fixed;width:60px;height:100vh;z-index:1000}.main-content{margin-left:60px;padding:8px}}body,.header,.sidebar,.card{transition:background-color .12s ease,color .12s ease,border-color .12s ease}img,svg,video{transition:none!important}body{background:var(--bg-primary);color:var(--text-primary)}.card{background:#1a1a1a99;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px -20px #0009;border-radius:16px}.header{background:var(--bg-tertiary);color:var(--text-primary);border-bottom:1px solid var(--border-color)}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color)}.sidebar-item{color:var(--text-secondary)}.sidebar-item:hover{color:var(--accent-primary)}.sidebar-item.active{color:var(--accent-primary);border-left-color:var(--accent-primary)}h1,h2,h3,h4{color:var(--text-primary)}p,span{color:var(--text-secondary)}input,textarea,select{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}button{font-family:inherit;transition:all .3s ease}.izai-layout .main-content .card,.izai-layout .main-content .core-panel,.izai-layout .main-content .status-card,.izai-layout .main-content .plan-item,.izai-layout .main-content .panel{background:#1a1a1a99!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;box-shadow:0 12px 40px -20px #0009}.izai-layout .main-content input:not([type=checkbox]):not([type=radio]):not([type=file]),.izai-layout .main-content textarea,.izai-layout .main-content select{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text-primary);font-size:15px;padding:14px 16px;outline:none;transition:all .2s ease}.izai-layout .main-content input:not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder,.izai-layout .main-content textarea::-moz-placeholder{color:var(--text-muted)}.izai-layout .main-content input:not([type=checkbox]):not([type=radio]):not([type=file])::placeholder,.izai-layout .main-content textarea::placeholder{color:var(--text-muted)}.izai-layout .main-content input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,.izai-layout .main-content textarea:hover,.izai-layout .main-content select:hover{border-color:#ffffff40;background:#ffffff14}.izai-layout .main-content input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.izai-layout .main-content textarea:focus,.izai-layout .main-content select:focus{border-color:color-mix(in srgb,var(--accent-primary) 55%,transparent);background:color-mix(in srgb,var(--accent-primary) 6%,transparent);box-shadow:0 0 0 3px var(--focus-ring)}.izai-layout .main-content button:not(.header-action-btn):not(.header-user-btn):not(.sidebar-collapse-btn):not(.logout-button):not(.gc-icon-btn):not(.mark-all-read):not(.user-dropdown-item):not(.notifications-footer button):not(.btn-izai-secondary):not(.btn-izai-danger):not(.jarvis-hud-btn):not(.app-type-card):not(.attach-btn):not(.create-btn):not(.config-tab):not(.filter-button):not(.theme-item):not(.toggle-track):not(.icon-button):not(.studio-icon-btn):not(.quick-theme-toggle):not(.mm-perm-item){display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;box-sizing:border-box;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-mix) 100%)!important;border:none!important;border-radius:10px;color:var(--btn-on-accent)!important;font-size:16px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;text-shadow:none}.izai-layout .main-content button:not(.header-action-btn):not(.header-user-btn):not(.sidebar-collapse-btn):not(.logout-button):not(.gc-icon-btn):not(.mark-all-read):not(.user-dropdown-item):not(.notifications-footer button):not(.btn-izai-secondary):not(.btn-izai-danger):not(.jarvis-hud-btn):not(.app-type-card):not(.attach-btn):not(.create-btn):not(.config-tab):not(.filter-button):not(.theme-item):not(.toggle-track):not(.icon-button):not(.studio-icon-btn):not(.quick-theme-toggle):not(.mm-perm-item) span,.izai-layout .main-content button:not(.header-action-btn):not(.header-user-btn):not(.sidebar-collapse-btn):not(.logout-button):not(.gc-icon-btn):not(.mark-all-read):not(.user-dropdown-item):not(.notifications-footer button):not(.btn-izai-secondary):not(.btn-izai-danger):not(.jarvis-hud-btn):not(.app-type-card):not(.attach-btn):not(.create-btn):not(.config-tab):not(.filter-button):not(.theme-item):not(.toggle-track):not(.icon-button):not(.studio-icon-btn):not(.quick-theme-toggle):not(.mm-perm-item) svg,.izai-layout .main-content button:not(.header-action-btn):not(.header-user-btn):not(.sidebar-collapse-btn):not(.logout-button):not(.gc-icon-btn):not(.mark-all-read):not(.user-dropdown-item):not(.notifications-footer button):not(.btn-izai-secondary):not(.btn-izai-danger):not(.jarvis-hud-btn):not(.app-type-card):not(.attach-btn):not(.create-btn):not(.config-tab):not(.filter-button):not(.theme-item):not(.toggle-track):not(.icon-button):not(.studio-icon-btn):not(.quick-theme-toggle):not(.mm-perm-item) *{color:inherit!important;fill:currentColor;stroke:currentColor}.izai-layout .main-content button:not(.header-action-btn):not(.header-user-btn):not(.sidebar-collapse-btn):not(.logout-button):not(.gc-icon-btn):not(.mark-all-read):not(.user-dropdown-item):not(.notifications-footer button):not(.btn-izai-secondary):not(.btn-izai-danger):not(.jarvis-hud-btn):not(.app-type-card):not(.attach-btn):not(.create-btn):not(.config-tab):not(.filter-button):not(.theme-item):not(.toggle-track):not(.icon-button):not(.studio-icon-btn):not(.quick-theme-toggle):not(.mm-perm-item):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.izai-layout .main-content button:not(.header-action-btn):not(.header-user-btn):not(.sidebar-collapse-btn):not(.logout-button):not(.gc-icon-btn):not(.mark-all-read):not(.user-dropdown-item):not(.notifications-footer button):not(.btn-izai-secondary):not(.btn-izai-danger):not(.jarvis-hud-btn):not(.app-type-card):not(.attach-btn):not(.create-btn):not(.config-tab):not(.filter-button):not(.theme-item):not(.toggle-track):not(.icon-button):not(.studio-icon-btn):not(.quick-theme-toggle):not(.mm-perm-item):hover:before{transform:translate(100%)}.izai-layout .main-content button:not(.header-action-btn):not(.header-user-btn):not(.sidebar-collapse-btn):not(.logout-button):not(.gc-icon-btn):not(.mark-all-read):not(.user-dropdown-item):not(.notifications-footer button):not(.btn-izai-secondary):not(.btn-izai-danger):not(.jarvis-hud-btn):not(.app-type-card):not(.attach-btn):not(.create-btn):not(.config-tab):not(.filter-button):not(.theme-item):not(.toggle-track):not(.icon-button):not(.studio-icon-btn):not(.quick-theme-toggle):not(.mm-perm-item):hover{transform:translateY(-1px);box-shadow:0 4px 18px -6px var(--accent-shadow)}.izai-layout .main-content button:not(.header-action-btn):not(.header-user-btn):not(.sidebar-collapse-btn):not(.logout-button):not(.gc-icon-btn):not(.mark-all-read):not(.user-dropdown-item):not(.notifications-footer button):not(.btn-izai-secondary):not(.btn-izai-danger):not(.jarvis-hud-btn):not(.app-type-card):not(.attach-btn):not(.create-btn):not(.config-tab):not(.filter-button):not(.theme-item):not(.toggle-track):not(.icon-button):not(.studio-icon-btn):not(.quick-theme-toggle):not(.mm-perm-item):disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.izai-layout .main-content button:not(.header-action-btn):not(.header-user-btn):not(.sidebar-collapse-btn):not(.logout-button):not(.gc-icon-btn):not(.mark-all-read):not(.user-dropdown-item):not(.notifications-footer button):not(.btn-izai-secondary):not(.btn-izai-danger):not(.jarvis-hud-btn):not(.app-type-card):not(.attach-btn):not(.create-btn):not(.config-tab):not(.filter-button):not(.theme-item):not(.toggle-track):not(.icon-button):not(.studio-icon-btn):not(.quick-theme-toggle):not(.mm-perm-item) .lucide{color:var(--btn-on-accent)!important}.izai-layout .main-content .btn-izai-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;box-sizing:border-box;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-mix) 100%)!important;border:none!important;border-radius:10px;color:var(--btn-on-accent)!important;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}.izai-layout .main-content .btn-izai-primary .lucide{color:var(--btn-on-accent)!important}.izai-layout .main-content .btn-izai-secondary,.izai-layout .main-content a.btn-izai-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;box-sizing:border-box;background:#ffffff12!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px;color:var(--text-primary)!important;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;text-decoration:none;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:0 1px #ffffff0f inset,0 8px 24px -12px #00000073;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.izai-layout .main-content .btn-izai-secondary:hover,.izai-layout .main-content a.btn-izai-secondary:hover{border-color:#ffffff47!important;background:#ffffff1c!important;box-shadow:0 1px #ffffff1a inset,0 10px 28px -14px #00000080;transform:translateY(-1px)}.izai-layout .main-content .btn-izai-secondary .lucide,.izai-layout .main-content a.btn-izai-secondary .lucide{color:#ffffff8c!important;transition:color .2s ease}.izai-layout .main-content .btn-izai-secondary:hover .lucide,.izai-layout .main-content a.btn-izai-secondary:hover .lucide{color:#ffffffeb!important}.izai-layout .main-content .btn-izai-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;box-sizing:border-box;background:#b4282826!important;border:1px solid rgba(255,120,120,.35)!important;border-radius:10px;color:#ffb4b4!important;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}.izai-layout .main-content .btn-izai-danger:hover{border-color:#ffa0a08c;background:#c8323238!important}.izai-layout .main-content .izai-main-container{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;padding:0 20px}.izai-layout .main-content .izai-main-container:has(.jarvis-page){max-width:none;padding-left:12px;padding-right:12px}.izai-layout .main-content:has(.jarvis-page){overflow-x:visible}.izai-layout .global-command-bar .gc-send-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;min-height:56px;box-sizing:border-box;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-mix) 100%)!important;border:none!important;border-radius:10px;color:var(--btn-on-accent)!important;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;position:relative;overflow:hidden;text-shadow:none}.izai-layout .global-command-bar .gc-send-btn span,.izai-layout .global-command-bar .gc-send-btn svg,.izai-layout .global-command-bar .gc-send-btn *{color:inherit!important;fill:currentColor;stroke:currentColor}.izai-layout .global-command-bar .gc-send-btn .lucide{color:var(--btn-on-accent)!important}.izai-layout .global-command-bar .gc-send-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.izai-layout .global-command-bar .gc-send-btn:hover:before{transform:translate(100%)}.izai-layout .global-command-bar .gc-send-btn:hover{transform:translateY(-1px);box-shadow:0 4px 18px -6px var(--accent-shadow)}.izai-layout .global-command-bar .gc-send-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}[style*="background: white"],[style*="background-color: white"],[style*="background: #FFFFFF"],[style*="background-color: #FFFFFF"]{background:var(--bg-primary)!important}[data-theme=light] .card,[data-theme=light] .izai-layout .main-content .card,[data-theme=light] .izai-layout .main-content .core-panel,[data-theme=light] .izai-layout .main-content .status-card,[data-theme=light] .izai-layout .main-content .plan-item,[data-theme=light] .izai-layout .main-content .panel{background:#ffffffd9!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 4px 20px -8px #0000001f}[data-theme=light] .izai-layout .main-content input:not([type=checkbox]):not([type=radio]):not([type=file]),[data-theme=light] .izai-layout .main-content textarea,[data-theme=light] .izai-layout .main-content select{background:#00000008!important;border:1px solid rgba(0,0,0,.15)!important;color:var(--text-primary)}[data-theme=light] .izai-layout .main-content input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,[data-theme=light] .izai-layout .main-content textarea:hover,[data-theme=light] .izai-layout .main-content select:hover{border-color:#00000040!important;background:#0000000d!important}[data-theme=light] .izai-layout .main-content .btn-izai-secondary,[data-theme=light] .izai-layout .main-content a.btn-izai-secondary{background:#0000000a!important;border:1px solid rgba(0,0,0,.12)!important;color:var(--text-primary)!important;box-shadow:0 1px 3px #00000014}[data-theme=light] .izai-layout .main-content .btn-izai-secondary:hover,[data-theme=light] .izai-layout .main-content a.btn-izai-secondary:hover{background:#00000014!important;border-color:#0003!important}[data-theme=light] .izai-layout .main-content .btn-izai-secondary .lucide,[data-theme=light] .izai-layout .main-content a.btn-izai-secondary .lucide{color:#00000080!important}[data-theme=light] .header{background:#ffffffe6!important;border-bottom-color:#0000001a!important}[data-theme=light] .sidebar{background:var(--bg-primary)!important;border-right-color:#0000001a!important}.izai-livekit-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.izai-layout{position:relative;z-index:0;font-family:var(--iz-font-sans);color:var(--text-primary);--bg-primary: transparent;--bg-secondary: color-mix(in srgb, var(--iz-bg-card) 78%, transparent);--bg-tertiary: color-mix(in srgb, var(--iz-bg-card) 85%, transparent);--header-bg: color-mix(in srgb, var(--iz-bg-card) 72%, transparent);--sidebar-bg: color-mix(in srgb, var(--iz-bg-card) 68%, transparent);--border-color: rgba(57, 255, 20, .22);--btn-on-accent: var(--iz-bg-primary)}.izai-layout .main-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent-primary) 40%,transparent)}.izai-layout:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.izai-layout .sidebar,.izai-layout .sidebar-header{background:var(--sidebar-bg)!important;background-color:var(--sidebar-bg)!important;backdrop-filter:blur(var(--iz-glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--iz-glass-blur)) saturate(160%)}.izai-layout .main-content-wrapper,.izai-layout .main-content{background:transparent!important;background-color:transparent!important;position:relative;z-index:2}.izai-layout .sidebar{border-right-color:var(--border-color)!important}.izai-layout .sidebar-header{border-bottom-color:var(--border-color)!important}.izai-layout .sidebar-logo{color:var(--text-primary);text-shadow:0 0 20px var(--iz-accent-glow)}.izai-layout .sidebar-item.active{background:color-mix(in srgb,var(--accent-primary) 14%,transparent);color:var(--accent-primary);border-left-color:var(--accent-primary)}.izai-layout .sidebar-item:hover svg,.izai-layout .sidebar-item.active svg{color:var(--accent-primary)}.izai-layout .sidebar-badge{color:var(--btn-on-accent)}.izai-layout .sidebar-category-header.active,.izai-layout .sidebar-category-header:hover svg{color:var(--accent-primary)}.izai-layout .izai-header{background:var(--header-bg)!important;background-color:var(--header-bg)!important;backdrop-filter:blur(var(--iz-glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--iz-glass-blur)) saturate(180%);border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 14%,transparent)}.izai-layout .global-command-bar{background:color-mix(in srgb,var(--iz-bg-card) 88%,transparent)!important;border:1px solid var(--border-color)!important;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 25px 50px -12px #00000073,0 0 0 1px #ffffff0a inset,0 -12px 32px -16px #39ff140f inset;z-index:120}.izai-layout .lucide{color:var(--accent-primary)!important}html[data-theme=light] .izai-layout{--border-color: rgba(22, 163, 74, .22);--header-bg: color-mix(in srgb, var(--iz-bg-card) 88%, transparent);--sidebar-bg: color-mix(in srgb, var(--iz-bg-card) 90%, transparent);--btn-on-accent: #fafafa}html[data-theme=light] .izai-layout:after{opacity:.1;mix-blend-mode:multiply}html[data-theme=light] .izai-layout .sidebar-logo{color:var(--text-primary);text-shadow:none}@media(min-width:1400px){.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.dashboard-section{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{padding:24px;min-height:200px}}@media(min-width:1024px)and (max-width:1399px){.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.dashboard-section{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{padding:20px;min-height:180px}}@media(min-width:768px)and (max-width:1023px){.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.dashboard-section{display:grid;grid-template-columns:1fr;gap:16px}.card{padding:16px;min-height:160px}}@media(max-width:767px){.dashboard-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.dashboard-section{display:grid;grid-template-columns:1fr;gap:12px}.card{padding:12px;min-height:140px}}@media(max-width:479px){.dashboard-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:8px}.dashboard-section{display:grid;grid-template-columns:1fr;gap:8px}.card{padding:8px;min-height:120px}}.status-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.status-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.status-item:hover{border-color:var(--accent-primary)}.status-label{color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase}.status-value{color:var(--text-primary);font-size:14px;font-weight:600}.status-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:1px solid;position:relative;overflow:hidden}.badge-online{background:#39ff1426;color:#39ff14;border-color:#39ff1466;box-shadow:0 0 8px #39ff1466,0 0 16px #39ff1433,inset 0 0 8px #39ff141a}.badge-online:hover{background:#39ff1440;border-color:#39ff1499;box-shadow:0 0 12px #39ff1499,0 0 24px #39ff144d,inset 0 0 8px #39ff1426}.badge-degraded{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b66;box-shadow:0 0 8px #f59e0b66,0 0 16px #f59e0b33,inset 0 0 8px #f59e0b1a}.badge-degraded:hover{background:#f59e0b40;border-color:#f59e0b99;box-shadow:0 0 12px #f59e0b99,0 0 24px #f59e0b4d,inset 0 0 8px #f59e0b26}.badge-offline{background:#ef444426;color:#ef4444;border-color:#ef444466;box-shadow:0 0 8px #ef444466,0 0 16px #ef444433,inset 0 0 8px #ef44441a}.badge-offline:hover{background:#ef444440;border-color:#ef444499;box-shadow:0 0 12px #ef444499,0 0 24px #ef44444d,inset 0 0 8px #ef444426}.badge-success{background:#10b98126;color:#10b981;border-color:#10b98166;box-shadow:0 0 8px #10b98166,0 0 16px #10b98133,inset 0 0 8px #10b9811a}.badge-success:hover{background:#10b98140;border-color:#10b98199;box-shadow:0 0 12px #10b98199,0 0 24px #10b9814d,inset 0 0 8px #10b98126}.badge-error{background:#ef444426;color:#ef4444;border-color:#ef444466;box-shadow:0 0 8px #ef444466,0 0 16px #ef444433,inset 0 0 8px #ef44441a}.badge-error:hover{background:#ef444440;border-color:#ef444499;box-shadow:0 0 12px #ef444499,0 0 24px #ef44444d,inset 0 0 8px #ef444426}.badge-warning{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b66;box-shadow:0 0 8px #f59e0b66,0 0 16px #f59e0b33,inset 0 0 8px #f59e0b1a}.badge-warning:hover{background:#f59e0b40;border-color:#f59e0b99;box-shadow:0 0 12px #f59e0b99,0 0 24px #f59e0b4d,inset 0 0 8px #f59e0b26}.badge-icon{width:12px;height:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:8px}.badge-text{font-size:11px;font-weight:600;letter-spacing:.5px}[data-theme=light] .badge-online{background:#10b98126;color:#10b981;border-color:#10b98166;box-shadow:0 0 8px #10b98166,0 0 16px #10b98133,inset 0 0 8px #10b9811a}[data-theme=light] .badge-online:hover{background:#10b98140;border-color:#10b98199;box-shadow:0 0 12px #10b98199,0 0 24px #10b9814d,inset 0 0 8px #10b98126}.projects-section{margin-top:32px}.projects-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .15s ease}.project-card:hover{border-color:var(--accent-primary);box-shadow:0 0 20px #39ff141a}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.project-name{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.project-time{font-size:12px;color:var(--text-secondary);margin:0}.project-status{display:inline-block;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .15s ease}.status-ativo{background:#39ff1426;color:#39ff14;border:1px solid rgba(57,255,20,.3)}[data-theme=light] .status-ativo{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-concluido{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-analise{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.project-description{font-size:13px;color:var(--text-secondary);margin:12px 0;line-height:1.5}.project-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.project-time-small{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.project-icon{display:inline-block;color:inherit}.project-btn{background:var(--accent-primary);color:#000;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.project-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #39ff144d}[data-theme=light] .project-btn{background:#10b981;color:#fff}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}:root{--j-accent: #00ff94;--j-accent-rgb: 0, 255, 148;--j-bg: #020a06;--j-text: #c8ffe0;--j-text-dim: rgba(0, 255, 148, .35);--j-panel-bg: rgba(0, 255, 148, .03);--j-panel-border: rgba(0, 255, 148, .12);--j-danger: #ff4757;--j-font-hud: "Orbitron", "Share Tech Mono", monospace;--j-font-body: "Rajdhani", "Share Tech Mono", monospace;--j-font-mono: "Share Tech Mono", monospace}.jarvis-page{position:relative;width:100%;height:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:var(--j-bg);color:var(--j-text);font-family:var(--j-font-body)}.jarvis-scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,148,.015) 2px,rgba(0,255,148,.015) 4px)}.jarvis-bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,255,148,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,148,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 40%,transparent 100%)}.jarvis-main{position:relative;z-index:5;width:100%;min-height:min(100vh,900px);display:flex;align-items:center;justify-content:center;overflow:visible;padding-top:clamp(2rem,10vh,5.5rem);padding-bottom:clamp(5rem,14vh,8rem);padding-left:clamp(.5rem,3vw,2rem);padding-right:clamp(.5rem,3vw,2rem);box-sizing:border-box}.jarvis-lk-room{width:100%;height:100%}.jarvis-hud-layout{position:relative;width:100%;min-height:calc(100vh - 120px);overflow:visible}.jarvis-reactor-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:10}.jarvis-reactor-wrapper{position:relative;width:460px;height:460px;max-width:min(460px,calc(100vw - 32px));max-height:min(460px,calc(100vw - 32px));margin:0 auto;overflow:visible;flex-shrink:0}.jarvis-reactor-canvas{display:block;margin:0 auto;filter:drop-shadow(0 0 28px rgba(57,255,20,.45)) drop-shadow(0 0 56px rgba(57,255,20,.2))}.jarvis-lipsync-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.lip-sync-core{border-radius:50%;background:#00ff940f;border:2px solid rgba(0,255,148,.5);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:width .1s ease,height .1s ease}.lip-sync-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(0,255,148,.35) 0%,transparent 70%)}.lip-sync-bars{display:flex;align-items:flex-end;gap:3px;height:40px;position:relative;z-index:2}.lip-sync-bar{width:5px;background:var(--j-accent);border-radius:3px;min-height:6px;box-shadow:0 0 6px #00ff9480}.jarvis-state-badge{font-family:var(--j-font-hud);font-size:.8rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--j-text-dim);text-align:center;transition:color .4s,text-shadow .4s}.jarvis-state-badge.speaking{color:var(--j-accent);text-shadow:0 0 20px rgba(var(--j-accent-rgb),.6);animation:j-badge-pulse 1.5s ease-in-out infinite}.jarvis-state-badge.listening{color:rgba(var(--j-accent-rgb),.7);text-shadow:0 0 10px rgba(var(--j-accent-rgb),.3)}.jarvis-state-badge.thinking{color:#0af;text-shadow:0 0 12px rgba(0,170,255,.4);animation:j-badge-pulse 2s ease-in-out infinite}@keyframes j-badge-pulse{0%,to{opacity:1}50%{opacity:.6}}.hud-corner{position:absolute;z-index:20;pointer-events:auto}.hud-top-left{top:1.5rem;left:1.5rem}.hud-top-right{top:1.5rem;right:1.5rem}.hud-bottom-left{bottom:6rem;left:1.5rem}.hud-bottom-right{bottom:6rem;right:1.5rem}.hud-panel{background:var(--j-panel-bg);border:1px solid var(--j-panel-border);padding:1rem 1.25rem;min-width:200px;position:relative;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.hud-panel:before,.hud-panel:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--j-accent);opacity:.5}.hud-panel:before{top:0;left:0;border-top:1px solid;border-left:1px solid}.hud-panel:after{bottom:0;right:0;border-bottom:1px solid;border-right:1px solid}.hud-panel-label{font-family:var(--j-font-hud);font-size:.55rem;font-weight:600;letter-spacing:.2em;color:var(--j-accent);opacity:.6;margin-bottom:.6rem;text-transform:uppercase}.hud-clock-time{font-family:var(--j-font-hud);font-size:1.8rem;font-weight:700;color:var(--j-accent);text-shadow:0 0 15px rgba(var(--j-accent-rgb),.4);line-height:1}.hud-clock-sec{font-size:1rem;opacity:.5}.hud-clock-date{font-family:var(--j-font-mono);font-size:.65rem;color:var(--j-text-dim);letter-spacing:.15em;margin-top:.4rem}.hud-clock-weather{font-family:var(--j-font-mono);font-size:.65rem;color:#00ff94;letter-spacing:.1em;margin-top:.3rem;opacity:.8}.hud-status-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-family:var(--j-font-mono);font-size:.75rem;margin-bottom:.3rem}.hud-status-row.dim{font-size:.65rem;color:var(--j-text-dim)}.hud-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hud-status-text{font-family:var(--j-font-hud);font-size:.7rem;font-weight:600;letter-spacing:.15em}.hud-sysinfo-row{display:flex;justify-content:space-between;gap:1.5rem;font-family:var(--j-font-mono);font-size:.65rem;color:var(--j-text-dim);margin-bottom:.2rem}.hud-sysinfo-row span:last-child{color:rgba(var(--j-accent-rgb),.6)}.hud-transcript{background:var(--j-panel-bg);border:1px solid var(--j-panel-border);padding:.75rem 1rem;max-width:320px;max-height:180px;overflow-y:auto;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.hud-transcript::-webkit-scrollbar{width:3px}.hud-transcript::-webkit-scrollbar-thumb{background:rgba(var(--j-accent-rgb),.2);border-radius:2px}.hud-transcript-empty{font-family:var(--j-font-mono);font-size:.7rem;color:var(--j-text-dim);text-align:center;padding:.5rem 0;animation:j-blink 2s step-end infinite}.hud-transcript-line{font-family:var(--j-font-body);font-size:.8rem;line-height:1.5;color:var(--j-text);margin-bottom:.3rem}.hud-transcript-line.interim{opacity:.4}.hud-transcript-tag{font-family:var(--j-font-hud);font-size:.55rem;color:var(--j-accent);margin-right:.5rem;letter-spacing:.1em}@keyframes j-blink{50%{opacity:.3}}.jarvis-hud-controls{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:30}.jarvis-hud-btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--j-panel-border);background:#00ff940d;color:var(--j-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.jarvis-hud-btn:hover{background:#00ff941f;border-color:rgba(var(--j-accent-rgb),.4);box-shadow:0 0 20px rgba(var(--j-accent-rgb),.15)}.jarvis-hud-btn.muted,.jarvis-hud-btn.danger{color:var(--j-danger);border-color:#ff47574d;background:#ff475714}.jarvis-hud-btn.danger:hover{background:#ff475733;border-color:#ff475780;box-shadow:0 0 20px #ff475733}.jarvis-live-indicator{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-family:var(--j-font-hud);font-size:.65rem;font-weight:700;letter-spacing:.2em;color:#ff3b3b;z-index:30}.jarvis-live-pulse{width:8px;height:8px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 10px #ff3b3b;animation:j-live-pulse 1.5s ease-in-out infinite}@keyframes j-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.jarvis-error-banner{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:#f99;font-family:var(--j-font-mono);font-size:.8rem;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.jarvis-idle-screen{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;overflow:visible;padding-bottom:1rem}.jarvis-idle-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.jarvis-idle-label{font-family:var(--j-font-hud);font-size:1rem;font-weight:600;letter-spacing:.25em;color:var(--j-accent);text-shadow:0 0 20px rgba(var(--j-accent-rgb),.3)}.jarvis-idle-sub{font-family:var(--j-font-mono);font-size:.75rem;color:var(--j-text-dim);letter-spacing:.1em}.jarvis-idle-greeting{font-family:var(--j-font-body);font-size:.95rem;font-weight:500;color:rgba(var(--j-accent-rgb),.85);text-align:center;max-width:28rem;line-height:1.45;padding:0 .75rem;text-shadow:0 0 12px rgba(var(--j-accent-rgb),.2)}.jarvis-warning-msg{display:flex;align-items:center;gap:6px;font-family:var(--j-font-mono);font-size:.75rem;color:#fa0}.jarvis-reconnect-btn{font-family:var(--j-font-hud);font-size:.75rem;font-weight:600;letter-spacing:.2em;padding:10px 28px;border:1px solid rgba(var(--j-accent-rgb),.4);background:#00ff940d;color:var(--j-accent);cursor:pointer;transition:all .3s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.jarvis-reconnect-btn:hover{background:#00ff9426;box-shadow:0 0 30px rgba(var(--j-accent-rgb),.2)}@media(max-width:768px){.hud-corner{display:none}.jarvis-reactor-center{top:56%;transform:translate(-50%,-50%)}.jarvis-reactor-wrapper{width:min(380px,calc(100vw - 24px));height:min(380px,calc(100vw - 24px));max-width:min(380px,calc(100vw - 24px));max-height:min(380px,calc(100vw - 24px))}.jarvis-reactor-center canvas,.jarvis-idle-screen .jarvis-reactor-canvas{width:min(360px,calc(100vw - 28px))!important;height:min(360px,calc(100vw - 28px))!important}.jarvis-hud-controls{bottom:1rem}.jarvis-hud-btn{width:44px;height:44px}}@media(max-width:480px){.jarvis-reactor-wrapper{width:min(320px,calc(100vw - 16px));height:min(320px,calc(100vw - 16px));max-width:min(320px,calc(100vw - 16px));max-height:min(320px,calc(100vw - 16px))}.jarvis-reactor-center canvas,.jarvis-idle-screen .jarvis-reactor-canvas{width:min(300px,calc(100vw - 20px))!important;height:min(300px,calc(100vw - 20px))!important}.jarvis-state-badge{font-size:.65rem}}.izai-layout .jarvis-page{--j-accent: #00ff94;--j-accent-rgb: 0, 255, 148;--j-bg: #0a0a0a;--j-text: #c8ffe0;--j-text-dim: rgba(0, 255, 148, .35);--j-panel-bg: rgba(0, 255, 148, .03);--j-panel-border: rgba(0, 255, 148, .12)}body:has(.jarvis-page) .izai-layout .main-content-wrapper{overflow-x:visible}