@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#181825;color:#cdd6f4;height:100vh;overflow:hidden}.app-container{display:flex;height:100vh;overflow:hidden}.nav-menu{width:240px;min-width:240px;background:#11111b;border-right:1px solid #313244;display:flex;flex-direction:column;transition:all .3s ease;z-index:100}.nav-menu.collapsed{width:60px;min-width:60px}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px}.nav-logo{display:flex;align-items:center;gap:10px;overflow:hidden}.logo-icon{font-size:20px;color:#fab387;flex-shrink:0}.logo-text{font-size:18px;font-weight:600;color:#cdd6f4;white-space:nowrap;transition:opacity .2s}.nav-menu.collapsed .logo-text{opacity:0;width:0}.nav-toggle{background:transparent;border:none;color:#7f849c;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.nav-toggle:hover{background:#1e1e2e;color:#cdd6f4}.nav-menu.collapsed .nav-toggle svg{transform:rotate(180deg)}.nav-items{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#7f849c;text-decoration:none;border-radius:8px;transition:all .15s;cursor:pointer;white-space:nowrap;overflow:hidden}.nav-item:hover{background:#1e1e2e;color:#cdd6f4}.nav-item.active{background:#94e2d5;color:#11111b;font-weight:600}.nav-item.active .nav-icon{color:#11111b}.nav-icon{width:20px;height:20px;flex-shrink:0}.nav-label{font-size:14px;transition:opacity .2s}.nav-menu.collapsed .nav-label{opacity:0;width:0}.nav-footer{padding:12px 8px;border-top:1px solid #313244}.nav-user{gap:10px}.user-avatar{width:28px;height:28px;background:linear-gradient(135deg,#fab387,#eba0ac);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#11111b;flex-shrink:0}.nav-support{margin-top:auto}.nav-support-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:#fab3871a;border:1px solid rgba(250,179,135,.2);border-radius:8px;color:#fab387;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;overflow:hidden;white-space:nowrap}.nav-support-btn:hover{background:#fab38733;border-color:#fab3874d;color:#f9e2af}.nav-support-btn svg{width:20px;height:20px;flex-shrink:0}.nav-support-btn span{transition:opacity .2s}.nav-menu.collapsed .nav-support-btn{justify-content:center;padding:10px}.nav-menu.collapsed .nav-support-btn span{display:none}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.view-container{display:none;height:100%;overflow:hidden}.view-container.active{display:flex}.placeholder-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c7086;gap:16px}.placeholder-view svg{opacity:.3}.placeholder-view h2{font-size:24px;font-weight:600;color:#7f849c}.placeholder-view p{font-size:14px;color:#7f849c}.coming-soon{padding:6px 16px;background:#313244;border-radius:20px;font-size:12px;color:#fab387;margin-top:8px}.utilities-view{flex:1;padding:40px;overflow-y:auto}.utilities-header{margin-bottom:32px}.utilities-header h1{font-size:28px;font-weight:600;color:#cdd6f4;margin-bottom:8px}.utilities-header p{font-size:14px;color:#7f849c}.utilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;max-width:1200px}.utility-card{background:#1e1e2e;border:1px solid #313244;border-radius:12px;padding:24px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .2s ease}.utility-card:hover{background:#313244;border-color:#fab387;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.utility-icon{width:48px;height:48px;background:linear-gradient(135deg,#fab387,#eba0ac);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.utility-icon svg{width:24px;height:24px;color:#11111b}.utility-content{flex:1;min-width:0}.utility-content h3{font-size:16px;font-weight:600;color:#cdd6f4;margin-bottom:6px}.utility-content p{font-size:13px;color:#7f849c;margin-bottom:12px;line-height:1.4}.utility-formats{display:flex;flex-wrap:wrap;gap:6px}.format-tag{padding:3px 8px;background:#313244;border-radius:4px;font-size:11px;color:#9399b2;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace}.utility-card:hover .format-tag{background:#45475a;color:#bac2de}.utility-arrow{display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.utility-arrow svg{width:20px;height:20px;color:#fab387}.utility-card:hover .utility-arrow{opacity:1;transform:translate(4px)}.converter-view{flex:1;padding:32px 40px;overflow-y:auto;max-width:800px}.converter-header{margin-bottom:32px}.back-button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#7f849c;font-size:14px;cursor:pointer;padding:8px 12px;margin-left:-12px;margin-bottom:16px;border-radius:6px;transition:all .2s}.back-button:hover{background:#1e1e2e;color:#cdd6f4}.back-button svg{width:18px;height:18px}.converter-title h1{font-size:24px;font-weight:600;color:#cdd6f4;margin-bottom:8px}.converter-title p{font-size:14px;color:#7f849c}.converter-notice{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;padding:16px;background:#a6e3a10d;border:1px solid rgba(166,227,161,.2);border-radius:8px}.notice-item{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:250px}.notice-item svg{width:20px;height:20px;color:#a6e3a1;flex-shrink:0;margin-top:1px}.notice-item span{font-size:13px;color:#9399b2;line-height:1.4}.notice-item strong{color:#a6e3a1}.converter-content{display:flex;flex-direction:column;gap:24px}.converter-card{background:#1e1e2e;border:1px solid #313244;border-radius:12px;padding:24px}.converter-step{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid #313244}.converter-step:last-child{border-bottom:none;padding-bottom:0}.converter-step:first-child{padding-top:0}.step-number{width:32px;height:32px;background:#313244;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#7f849c;flex-shrink:0}.step-content{flex:1;min-width:0}.step-label{display:block;font-size:14px;font-weight:500;color:#cdd6f4;margin-bottom:12px}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{display:none}.file-input-display{border:2px dashed #45475a;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .2s}.file-input-display:hover{border-color:#fab387;background:#fab3870d}.file-input-display svg{width:32px;height:32px;color:#7f849c;margin-bottom:12px}.file-input-text{display:block;font-size:14px;color:#bac2de;margin-bottom:4px}.file-input-formats{display:block;font-size:12px;color:#7f849c}.file-selected{display:flex;align-items:center;justify-content:space-between;background:#313244;border:1px solid #45475a;border-radius:8px;padding:12px 16px}.file-info{display:flex;align-items:center;gap:12px;min-width:0}.file-info svg{width:24px;height:24px;color:#fab387;flex-shrink:0}.file-details{display:flex;flex-direction:column;min-width:0}.file-name{font-size:14px;color:#cdd6f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:#7f849c}.file-remove{background:transparent;border:none;color:#7f849c;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.file-remove:hover{background:#ff64641a;color:#f38ba8}.file-remove svg{width:18px;height:18px}.format-select{width:100%;padding:12px 16px;background:#313244;border:1px solid #45475a;border-radius:8px;color:#cdd6f4;font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.format-select:focus{outline:none;border-color:#fab387}.format-select option{background:#1e1e2e;color:#cdd6f4}.format-select.small{padding:8px 12px;font-size:13px}.format-options{margin-top:16px;padding:16px;background:#fab3870d;border:1px solid #45475a;border-radius:8px}.format-hint{display:block;margin-top:8px;font-size:11px;color:#7f849c;font-style:italic}.convert-state{display:flex}.convert-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#fab387,#eba0ac);border:none;border-radius:8px;color:#11111b;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.convert-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #fab38766;filter:brightness(1.05)}.convert-button:disabled{opacity:.5;cursor:not-allowed}.convert-button svg{width:20px;height:20px}.progress-state{padding:8px 0}.progress-info{display:flex;justify-content:space-between;margin-bottom:10px}.progress-info span{font-size:13px;color:#7f849c}#progressPercent{color:#fab387;font-weight:500}.progress-bar{height:8px;background:#313244;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fab387,#eba0ac);border-radius:4px;transition:width .3s ease}.complete-state{display:flex;flex-direction:column;gap:12px}.complete-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#a6e3a11a;border:1px solid rgba(166,227,161,.3);border-radius:8px;color:#a6e3a1;font-size:14px}.complete-message svg{width:20px;height:20px;flex-shrink:0}.download-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#a6e3a1,#94e2d5);border:none;border-radius:8px;color:#11111b;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.download-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #a6e3a166;filter:brightness(1.05)}.download-button svg{width:20px;height:20px}.reset-button{background:transparent;border:1px solid #45475a;border-radius:8px;padding:10px 16px;color:#7f849c;font-size:13px;cursor:pointer;transition:all .2s}.reset-button:hover{border-color:#fab387;color:#cdd6f4}.dbc-section{margin-top:16px;padding-top:16px;border-top:1px dashed #313244}.step-label-small{display:block;font-size:12px;color:#7f849c;margin-bottom:8px}.file-input-display.small{padding:12px 16px;display:flex;align-items:center;gap:10px}.file-input-display.small svg{width:20px;height:20px;margin-bottom:0}.file-input-display.small .file-input-text{margin-bottom:0;font-size:13px}.file-selected.small{padding:8px 12px}.file-selected.small .file-info svg{width:18px;height:18px}.file-selected.small .file-name{font-size:13px}.error-state{display:flex;flex-direction:column;gap:12px}.error-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f38ba81a;border:1px solid rgba(243,139,168,.3);border-radius:8px;color:#f38ba8;font-size:14px}.error-message svg{width:20px;height:20px;flex-shrink:0}.concat-file-list{border:1px solid #313244;border-radius:8px;min-height:100px;margin-bottom:12px;overflow:hidden}.concat-empty{display:flex;align-items:center;justify-content:center;height:100px;color:#6c7086;font-size:13px}.concat-file-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e1e2e;border-bottom:1px solid #313244;cursor:grab;transition:background .2s}.concat-file-item:last-child{border-bottom:none}.concat-file-item:hover{background:#313244}.concat-file-item.dragging{opacity:.5;background:#45475a}.concat-file-item.drag-over{border-top:2px solid #fab387}.concat-file-order{width:24px;height:24px;background:#313244;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#7f849c;flex-shrink:0}.concat-file-drag{color:#6c7086;cursor:grab;flex-shrink:0}.concat-file-drag svg{width:16px;height:16px}.concat-file-info{flex:1;min-width:0}.concat-file-name{font-size:13px;color:#cdd6f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.concat-file-size{font-size:11px;color:#7f849c}.concat-file-remove{background:transparent;border:none;color:#6c7086;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;flex-shrink:0}.concat-file-remove:hover{background:#ff64641a;color:#f38ba8}.concat-file-remove svg{width:16px;height:16px}.concat-add-wrapper{margin-bottom:12px}.concat-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:transparent;border:2px dashed #45475a;border-radius:8px;color:#7f849c;font-size:13px;cursor:pointer;transition:all .2s}.concat-add-btn:hover{border-color:#fab387;color:#cdd6f4;background:#fab3870d}.concat-add-btn svg{width:18px;height:18px}.concat-hint{display:flex;align-items:center;gap:8px;font-size:12px;color:#6c7086;margin:0}.concat-hint svg{width:14px;height:14px;flex-shrink:0}.concat-info{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#7f849c;padding:10px 12px;background:#fab3870d;border:1px solid #313244;border-radius:6px;margin-top:12px}.concat-info-sep{color:#45475a}.concat-info-remaining{color:#a6e3a1}.concat-stats{padding:12px 16px;background:#313244;border-radius:6px;font-size:13px;color:#9399b2;margin-bottom:12px}.concat-stats strong{color:#cdd6f4}.app{display:flex;height:100%;width:100%}.sidebar{width:250px;background:#11111b;border-right:1px solid #313244;display:flex;flex-direction:column}.sidebar-header{padding:14px;border-bottom:1px solid #313244}.sidebar-title{font-size:11px;font-weight:600;color:#7f849c;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.search-box{width:100%;padding:8px 10px;background:#1e1e2e;border:1px solid #313244;border-radius:4px;color:#cdd6f4;font-size:12px}.search-box:focus{outline:none;border-color:#fab387}.signal-list{flex:1;overflow-y:auto;padding:10px}.signal-list::-webkit-scrollbar{width:5px}.signal-list::-webkit-scrollbar-thumb{background:#45475a;border-radius:3px}.sidebar-footer{padding:10px 14px;border-top:1px solid #313244;font-size:10px;color:#7f849c;background:#0003}.sidebar-footer span{color:#7f849c}.create-variable-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 20px);margin:0 10px 10px;padding:10px 12px;background:transparent;border:1px dashed #45475a;border-radius:8px;color:#7f849c;font-size:12px;cursor:pointer;transition:all .2s ease}.create-variable-btn:hover{background:#fab38714;border-color:#fab387;color:#fab387}.create-variable-btn svg{width:16px;height:16px;flex-shrink:0}.create-var-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:#181825;border-left:1px solid #313244;box-shadow:-8px 0 32px #0006;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.create-var-drawer.active{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #313244;background:#11111b}.drawer-header h2{font-size:16px;font-weight:600;color:#cdd6f4;margin:0}.drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:6px;color:#7f849c;font-size:20px;cursor:pointer;transition:all .15s}.drawer-close:hover{background:#313244;border-color:#313244;color:#cdd6f4}.drawer-body{flex:1;overflow-y:auto;padding:20px}.drawer-description{font-size:13px;color:#7f849c;margin-bottom:20px;line-height:1.5;padding:12px;background:#fab3870d;border-radius:8px;border-left:3px solid #fab387}.drawer-field{margin-bottom:20px}.drawer-field:last-child{margin-bottom:0}.drawer-field>label{display:block;font-size:12px;font-weight:600;color:#bac2de;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.drawer-field .required{color:#f38ba8}.drawer-field .optional{font-weight:400;color:#6c7086;text-transform:none;letter-spacing:0}.create-var-row{display:flex;gap:12px}.create-var-row .drawer-field{flex:1}.create-var-row .drawer-field.unit-field{flex:0 0 100px}.drawer-field input[type=text],.drawer-field textarea{width:100%;padding:10px 12px;background:#1e1e2e;border:1px solid #313244;border-radius:6px;color:#cdd6f4;font-size:13px;transition:all .2s}.drawer-field input[type=text]:focus,.drawer-field textarea:focus{outline:none;border-color:#fab387;box-shadow:0 0 0 3px #fab3871a}.drawer-field input[type=text]::placeholder,.drawer-field textarea::placeholder{color:#6c7086}.drawer-field textarea{resize:vertical;min-height:60px;font-family:inherit}.var-mapping-section{margin-bottom:20px}.var-mapping-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.var-mapping-header label{font-size:12px;font-weight:600;color:#bac2de;text-transform:uppercase;letter-spacing:.5px}.var-mapping-actions{display:flex;gap:6px}.var-mapping-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#1e1e2e;border:1px solid #313244;border-radius:6px;color:#7f849c;font-size:16px;cursor:pointer;transition:all .15s}.var-mapping-btn:hover{background:#313244;border-color:#45475a;color:#cdd6f4}.var-mapping-btn.add:hover{border-color:#a6e3a1;color:#a6e3a1}.var-mapping-btn.remove:hover{border-color:#f38ba8;color:#f38ba8}.var-mapping-btn:disabled{opacity:.4;cursor:not-allowed}.var-mapping-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;padding-right:4px}.var-mapping-item{display:flex;align-items:center;gap:10px}.var-mapping-label{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:linear-gradient(135deg,#fab387,#eba0ac);border-radius:8px;color:#11111b;font-size:14px;font-weight:700;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace}.var-mapping-dropzone{flex:1;min-height:40px;padding:8px 12px;background:#1e1e2e;border:2px dashed #45475a;border-radius:8px;display:flex;align-items:center;gap:8px;transition:all .2s;cursor:default}.var-mapping-dropzone.empty{color:#6c7086;font-size:12px;font-style:italic}.var-mapping-dropzone.dragover{background:#fab38726;border-color:#fab387;border-style:solid;box-shadow:0 0 0 3px #fab3871a}.var-mapping-dropzone .mapped-signal{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#313244;border:1px solid #313244;border-radius:6px;font-size:12px;color:#bac2de;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace}.var-mapping-dropzone .mapped-signal .signal-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.var-mapping-dropzone .mapped-signal .remove-mapped{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;background:transparent;border:none;border-radius:4px;color:#7f849c;font-size:14px;cursor:pointer;transition:all .15s}.var-mapping-dropzone .mapped-signal .remove-mapped:hover{background:#f38ba833;color:#f38ba8}.formula-field{position:relative}.formula-input{width:100%;padding:14px 16px;background:#11111b;border:1px solid #313244;border-radius:8px;color:#a6e3a1;font-size:15px;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;transition:all .2s}.formula-input:focus{outline:none;border-color:#fab387;box-shadow:0 0 0 3px #fab3871a}.formula-input::placeholder{color:#6c7086;font-style:italic}.formula-hint{margin-top:10px;font-size:11px;color:#6c7086;line-height:1.6}.formula-hint code{padding:2px 6px;background:#1e1e2e;border-radius:4px;color:#7f849c;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace}.drawer-field.error input,.drawer-field.error textarea,.formula-field.error .formula-input{border-color:#f38ba8}.drawer-field .error-message{margin-top:6px;font-size:11px;color:#f38ba8}.drawer-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #313244;background:#11111b}.create-var-drawer.creating .drawer-body{opacity:.6;pointer-events:none}.create-var-drawer .creating-indicator{display:none;align-items:center;gap:8px;padding:12px 16px;background:#fab3871a;border-radius:6px;margin-top:16px;font-size:13px;color:#fab387}.create-var-drawer.creating .creating-indicator{display:flex}.creating-indicator .spinner{width:16px;height:16px;border:2px solid rgba(250,179,135,.3);border-top-color:#fab387;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.create-var-drawer.active~.app-container .signal-item,.app-container:has(~.create-var-drawer.active) .signal-item{cursor:grab}.create-var-drawer.active~.app-container .signal-item:active,.app-container:has(~.create-var-drawer.active) .signal-item:active{cursor:grabbing}.layouts-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:#181825;border-left:1px solid #313244;box-shadow:-8px 0 32px #0006;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.layouts-drawer.active{transform:translate(0)}.layouts-drawer .header-save,.layouts-drawer .footer-save,.layouts-drawer.save-mode .header-list,.layouts-drawer.save-mode .footer-list,.layouts-drawer.save-mode .layouts-list-mode{display:none}.layouts-drawer.save-mode .header-save,.layouts-drawer.save-mode .footer-save,.layouts-drawer.save-mode .layouts-save-mode{display:block}.layouts-drawer .layouts-save-mode{display:none}.layouts-list{flex:1;overflow-y:auto;margin:0 -20px;padding:0 20px}.layouts-loading,.layouts-empty,.layouts-error{padding:40px 20px;text-align:center;color:#7f849c;font-size:13px}.layouts-error{color:#f38ba8}.layouts-section{margin-bottom:24px}.layouts-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6c7086;margin-bottom:12px;padding-left:4px}.layout-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#1e1e2e;border:1px solid #313244;border-radius:8px;margin-bottom:8px;transition:all .15s}.layout-item:hover{background:#313244;border-color:#45475a}.layout-item.demo{border-left:3px solid #74c7ec}.layout-info{flex:1;min-width:0}.layout-name{font-size:13px;font-weight:500;color:#cdd6f4;display:flex;align-items:center;gap:8px}.layout-badge{font-size:9px;font-weight:600;padding:2px 6px;background:#74c7ec33;color:#74c7ec;border-radius:4px;text-transform:uppercase}.layout-meta{font-size:11px;color:#7f849c;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-actions{display:flex;gap:6px;flex-shrink:0}.btn-small{padding:6px 12px;font-size:11px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s}.btn-small.btn-primary{background:#fab387;color:#11111b;font-weight:500}.btn-small.btn-primary:hover{background:#fcbf9a}.btn-small.btn-danger{background:transparent;border-color:#313244;color:#7f849c}.btn-small.btn-danger:hover{background:#f38ba81a;border-color:#f38ba8;color:#f38ba8}.layouts-save-trigger{margin-top:16px;padding-top:16px;border-top:1px solid #313244}.layouts-save-trigger .btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.layouts-save-trigger .btn-primary svg{width:16px;height:16px}.layouts-back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:20px;background:transparent;border:1px solid #313244;border-radius:6px;color:#7f849c;font-size:12px;cursor:pointer;transition:all .15s}.layouts-back-btn:hover{background:#313244;border-color:#45475a;color:#cdd6f4}.layouts-back-btn svg{width:16px;height:16px}.layout-preview{margin-top:20px;padding:16px;background:#74c7ec14;border:1px solid rgba(116,199,236,.2);border-radius:8px}.layout-preview-title{font-size:12px;font-weight:600;color:#74c7ec;margin-bottom:12px}.layout-preview-list{margin:0;padding-left:20px;font-size:12px;color:#bac2de;line-height:1.8}.layout-preview-list li::marker{color:#74c7ec}.signal-item{position:relative;display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:4px;background:#1e1e2e;border:1px solid transparent;border-left:3px solid #6c7086;cursor:grab;transition:all .15s;font-size:12px;min-width:0;border-radius:8px;-webkit-mask-image:-webkit-radial-gradient(white,black)}.signal-item:hover{background:#313244;border-color:#45475a}.signal-item.dragging{opacity:.4}.signal-item.active{border-left-color:var(--signal-color, #a6e3a1)}.signal-item.active .signal-dot{background:var(--signal-color, #a6e3a1);box-shadow:0 0 6px var(--signal-color, #a6e3a1)}.signal-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:#6c7086;transition:all .15s;flex-shrink:0}.signal-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signal-unit{color:#7f849c;font-size:10px;flex-shrink:0;min-width:30px;text-align:right}.signal-item.computed{background:#94e2d514;border-left:3px solid #94e2d5;position:relative}.signal-item.computed:before{content:"fx";position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:9px;font-weight:600;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;color:#94e2d5;opacity:.6;pointer-events:none}.signal-item.computed:hover{background:#94e2d526;border-color:#94e2d5;cursor:pointer}.signal-item.computed:hover:before{opacity:1}.signal-item.computed .signal-dot{background:#94e2d5}.signal-item.computed .signal-name{color:#cdd6f4}.signal-item.computed .signal-unit{margin-right:20px}.signal-item.computed.active{border-left-color:var(--signal-color, #94e2d5);background:#94e2d51f}.signal-item.computed.active .signal-dot{background:var(--signal-color, #94e2d5);box-shadow:0 0 6px var(--signal-color, #94e2d5)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.toolbar{padding:10px 16px;background:#11111b;border-bottom:1px solid #313244;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.toolbar-title{font-size:16px;font-weight:600}.toolbar-group{display:flex;align-items:center;gap:8px}.toolbar-group label{font-size:11px;color:#7f849c}#sourceSelector{padding:6px 10px;background:#1e1e2e;border:1px solid #313244;border-radius:4px;color:#cdd6f4;font-size:12px;cursor:pointer;min-width:150px;max-width:250px;width:250px;text-overflow:ellipsis}#sourceSelector:focus{outline:none;border-color:#fab387}#sourceSelector:hover{background:#313244}#sourceSelector option{background:#1e1e2e;color:#cdd6f4}#sourceSelector option:disabled{color:#7f849c}button{background:#45475a;color:#cdd6f4;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:12px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0!important;background:#45475a;border:1px solid #585b70;border-radius:4px;color:#bac2de;cursor:pointer;transition:all .2s}.toolbar-btn:hover{background:#94e2d5;border-color:#94e2d5;color:#11111b}.toolbar-btn.disabled{opacity:.5;cursor:not-allowed}.toolbar-btn svg{width:16px;height:16px}#clearBtn,#resetBtn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:#45475a;border:1px solid #585b70;border-radius:4px;color:#bac2de;font-size:12px;font-weight:500;cursor:pointer;overflow:hidden;transition:all .2s ease;z-index:1}#clearBtn:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#f38ba8;z-index:-1;transition:width .35s ease}#clearBtn:hover{color:#11111b;border-color:#f38ba8}#clearBtn:hover:after{width:100%}#resetBtn:hover{background:#94e2d5;border-color:#94e2d5;color:#11111b}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.active{display:flex}.modal-content{background:#181825;border:1px solid #313244;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #313244}.modal-header h2{font-size:18px;font-weight:600;color:#cdd6f4}.modal-close{background:transparent;border:none;color:#7f849c;font-size:24px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close:hover{color:#cdd6f4}.modal-body{padding:24px}.modal-description{font-size:13px;color:#7f849c;margin-bottom:20px;line-height:1.5}.modal-field{margin-bottom:20px}.modal-field:last-child{margin-bottom:0}.modal-field>label{display:block;font-size:13px;font-weight:500;color:#bac2de;margin-bottom:8px}.modal-field .optional{font-weight:400;color:#7f849c}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #313244}.btn-secondary{padding:10px 20px;background:transparent;border:1px solid #45475a;border-radius:6px;color:#7f849c;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#fab387;color:#cdd6f4}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#fab387,#eba0ac);border:none;border-radius:6px;color:#11111b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #fab38766;filter:brightness(1.05)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary svg{width:16px;height:16px}.upload-progress{margin-top:20px;padding:16px;background:#313244;border-radius:8px}button:hover{background:#585b70}button:disabled{background:#45475a;color:#7f849c;cursor:default}input[type=number]{width:60px;padding:5px 8px;background:#1e1e2e;border:1px solid #313244;border-radius:4px;color:#cdd6f4;font-size:12px}.tabs-container{display:flex;align-items:center;padding:0 12px;background:transparent;gap:4px;min-height:36px;flex-shrink:0}.tabs-list{display:flex;align-items:center;gap:2px;overflow-x:auto;padding:4px 0}.tabs-list::-webkit-scrollbar{height:3px}.tabs-list::-webkit-scrollbar-thumb{background:#45475a;border-radius:2px}.tab-item{display:flex;align-items:center;gap:10px;padding:6px 12px;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;color:#7f849c;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap;position:relative;top:1px}.tab-item:hover{background:#ffffff0d;color:#bac2de}.tab-item.active{background:#1e1e2e;border-color:#313244;color:#cdd6f4}.tab-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.tab-name-input{background:transparent;border:none;border-bottom:1px solid #fab387;color:#cdd6f4;font-size:12px;padding:0;width:100px;outline:none}.tab-close{display:flex;align-items:center;justify-content:center;min-width:16px;width:16px;height:16px;background:transparent;border:none;border-radius:3px;color:#7f849c;font-size:14px;line-height:1;cursor:pointer;padding:0 2px;transition:all .15s;opacity:0;margin-left:4px}.tab-item:hover .tab-close,.tab-item.active .tab-close{opacity:1}.tab-close:hover{background:#ff646433;color:#f38ba8}.tab-add{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px dashed #45475a;border-radius:4px;color:#7f849c;font-size:16px;cursor:pointer;transition:all .15s;flex-shrink:0;margin-left:6px;position:relative;top:1px}.tab-add:hover{border-color:#fab387;color:#fab387;background:#fab3871a}.tabs-actions{display:flex;align-items:center;gap:6px;margin-left:auto;padding-left:12px;border-left:1px solid #313244;position:relative;top:1px}.tab-action-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:transparent;border:1px solid #45475a;border-radius:4px;color:#7f849c;font-size:11px;cursor:pointer;transition:all .15s}.tab-action-btn:hover{border-color:#fab387;color:#cdd6f4;background:#fab3871a}.tab-action-btn svg{width:14px;height:14px}.tab-content{display:none;flex:1;flex-direction:column;overflow:hidden}.tab-content.active{display:flex}.plots-area{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:4px 16px 12px}.plots-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.plot-container{background:#1e1e2e;border:1px solid #313244;border-radius:6px;display:flex;flex-direction:column;min-height:100px;overflow:hidden}.plot-container.drop-target{border-color:#6c708680;box-shadow:0 0 10px #5555cc4d}.plot-main{flex:1;display:flex;min-height:0;overflow:hidden}.plot-body{flex:1;min-height:0;min-width:0;overflow:hidden}.plot-body .chart{width:100%;height:100%}.plot-legend{width:150px;flex-shrink:0;background:#0003;border-left:1px solid #313244;padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.plot-legend::-webkit-scrollbar{width:4px}.plot-legend::-webkit-scrollbar-thumb{background:#45475a;border-radius:2px}.legend-item{background:#ffffff08;border-radius:4px;font-size:10px;overflow:hidden}.legend-item-header{display:flex;align-items:center;gap:6px;padding:4px 6px;cursor:pointer;transition:background .1s}.legend-item-header:hover{background:#ffffff0d}.legend-color-btn{width:16px;height:10px;border-radius:2px;border:none;cursor:pointer;padding:0}.legend-color-btn::-webkit-color-swatch-wrapper{padding:0}.legend-color-btn::-webkit-color-swatch{border:none;border-radius:2px}.legend-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bac2de}.legend-toggle{opacity:.4;font-size:8px;transition:transform .2s}.legend-item.expanded .legend-toggle{transform:rotate(180deg)}.legend-remove{opacity:0;cursor:pointer;color:#7f849c;font-size:12px;line-height:1;transition:opacity .1s}.legend-item-header:hover .legend-remove{opacity:1}.legend-remove:hover{color:#f38ba8}.legend-controls{display:none;padding:6px;background:#0003;border-top:1px solid #313244}.legend-item.expanded .legend-controls{display:flex;flex-direction:column;gap:6px}.legend-control-row{display:flex;align-items:center;gap:6px}.legend-control-row label{color:#7f849c;font-size:9px;min-width:35px}.legend-control-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;background:#313244;border-radius:2px;outline:none}.legend-control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#6c708680;border-radius:50%;cursor:pointer}.legend-control-row select{flex:1;background:#1e1e2e;border:1px solid #313244;color:#bac2de;font-size:9px;padding:2px 4px;border-radius:3px;cursor:pointer}.legend-control-row select:focus{outline:none;border-color:#6c708680}.legend-width-value{color:#9399b2;font-size:9px;min-width:20px;text-align:right}.plot-stats{display:flex;align-items:center;justify-content:space-between;padding:2px 10px;font-size:9px;color:#6c7086;font-family:monospace;flex-shrink:0;border-top:1px solid #313244;background:#0003}.plot-stats-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plot-stats .plot-delete{background:transparent;border:none;color:#f38ba8;padding:2px 6px;font-size:10px;cursor:pointer;border-radius:3px;transition:all .15s;flex-shrink:0;margin-left:8px}.plot-stats .plot-delete:hover{background:#ff646426;color:#f38ba8}.splitter{height:8px;background:transparent;cursor:row-resize;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s}.splitter:hover,.splitter.active{background:#55c3}.splitter:after{content:"";width:40px;height:3px;background:#45475a;border-radius:2px}.splitter:hover:after,.splitter.active:after{background:#6c708680}.drop-zone{border:2px dashed #45475a;border-radius:6px;padding:12px;text-align:center;color:#6c7086;font-size:12px;flex-shrink:0;margin-top:8px}.drop-zone.active{border-color:#6c708680;background:#5555cc1a;color:#7f849ccc}.empty-plot{flex:1;display:flex;align-items:center;justify-content:center;color:#6c7086;background:#1e1e2e;border:1px solid #313244;border-radius:6px}.cursor-line{position:absolute;top:0;bottom:0;width:6px;margin-left:-3px;pointer-events:auto;z-index:50;cursor:ew-resize}.cursor-line:after{content:"";position:absolute;left:2px;top:0;bottom:0;width:2px;background:var(--cursor-color)}.cursor-line:hover:after{width:4px;left:1px}.cursor-1{--cursor-color: rgba(0, 255, 100, .7)}.cursor-2{--cursor-color: rgba(255, 100, 150, .7)}.cursor-line.dragging:after{width:4px;left:1px}.cursor-label{position:absolute;font-size:10px;font-family:monospace;padding:2px 5px;border-radius:3px;pointer-events:none;z-index:60;white-space:nowrap;transform:translateY(-50%);background:#000000d9;border:1px solid var(--sig-color);color:var(--sig-color)}.cursor-time-label{position:absolute;top:2px;font-size:10px;font-family:monospace;padding:2px 6px;border-radius:3px;pointer-events:none;z-index:70;white-space:nowrap;background:#000000e6;border:1px solid var(--cursor-color);color:var(--cursor-color);transform:translate(-50%);left:50%}.cursor-delta-line{position:absolute;top:8px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,170,68,.6) 0px,rgba(255,170,68,.6) 4px,transparent 4px,transparent 8px);pointer-events:none;z-index:45}.cursor-delta-label{position:absolute;top:2px;font-size:10px;font-family:monospace;padding:2px 8px;border-radius:3px;pointer-events:none;z-index:70;white-space:nowrap;background:#464646f2;color:#f9e2af;transform:translate(-50%)}:root{--scrollbar-size: 8px;--scrollbar-size-thin: 6px;--scrollbar-track: rgba(255, 255, 255, .03);--scrollbar-thumb: rgba(100, 100, 140, .3);--scrollbar-thumb-hover: rgba(100, 100, 140, .5);--scrollbar-thumb-active: rgba($color-primary, .6)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.signal-list::-webkit-scrollbar,.plot-legend::-webkit-scrollbar,.tabs-list::-webkit-scrollbar,.nav-items::-webkit-scrollbar,.palette-blocks::-webkit-scrollbar,.outline-content::-webkit-scrollbar,#consoleContent::-webkit-scrollbar,#mappingItems::-webkit-scrollbar{width:var(--scrollbar-size-thin);height:var(--scrollbar-size-thin)}.canvas-block-code-content::-webkit-scrollbar,pre::-webkit-scrollbar,code::-webkit-scrollbar{width:6px;height:6px}.canvas-block-code-content::-webkit-scrollbar-track,pre::-webkit-scrollbar-track{background:#0003}.canvas-block-code-content::-webkit-scrollbar-thumb,pre::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.canvas-block-code-content::-webkit-scrollbar-thumb:hover,pre::-webkit-scrollbar-thumb:hover{background:#fff3}.modal-content::-webkit-scrollbar{width:var(--scrollbar-size)}.modal-content::-webkit-scrollbar-track{background:#0003;border-radius:0 12px 12px 0}#editionCanvas::-webkit-scrollbar,#canvasBlocks::-webkit-scrollbar,.edition-canvas::-webkit-scrollbar{width:var(--scrollbar-size)}.utilities-view::-webkit-scrollbar,.converter-view::-webkit-scrollbar{width:var(--scrollbar-size)}.signal-list,.plot-legend,.nav-items,.palette-blocks{scrollbar-color:transparent transparent}.signal-list:hover,.plot-legend:hover,.nav-items:hover,.palette-blocks:hover{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.signal-list::-webkit-scrollbar-thumb,.plot-legend::-webkit-scrollbar-thumb,.nav-items::-webkit-scrollbar-thumb,.palette-blocks::-webkit-scrollbar-thumb{background:transparent}.signal-list:hover::-webkit-scrollbar-thumb,.plot-legend:hover::-webkit-scrollbar-thumb,.nav-items:hover::-webkit-scrollbar-thumb,.palette-blocks:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.dashboard-view{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:#11111b}.dashboard-toggle-header{display:flex;align-items:center;justify-content:center;padding:12px 20px;background:#11111b;border-bottom:1px solid #313244;height:56px;min-height:56px}.dashboard-toggle{display:flex;background:#1e1e2e;border:1px solid #313244;border-radius:8px;overflow:hidden;position:relative;width:400px}.dashboard-toggle-btn{flex:1 1 33.333%;padding:10px 0;font-size:13px;font-weight:500;color:#7f849c;background:transparent;border:none;cursor:pointer;transition:color .2s;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px}.dashboard-toggle-btn svg{width:16px;height:16px}.dashboard-toggle-btn:hover{color:#bac2de}.dashboard-toggle-btn.active{color:#cdd6f4;z-index:3}.dashboard-toggle-indicator{position:absolute;top:3px;bottom:3px;left:3px;width:calc(33.333% - 2px);background:linear-gradient(135deg,#fab387,#eba0ac);border-radius:6px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}.dashboard-toggle.edition .dashboard-toggle-indicator{transform:translate(100%)}.dashboard-toggle.mapping .dashboard-toggle-indicator{transform:translate(200%)}.dashboard-slider{flex:1;overflow:hidden;position:relative}.dashboard-slider-track{display:flex;width:300%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.dashboard-slider-track.show-edition{transform:translate(-33.333%)}.dashboard-slider-track.show-mapping{transform:translate(-66.666%)}.dashboard-panel{width:33.333%;height:100%;overflow:hidden;display:flex}.execution-panel{display:flex;flex-direction:column;width:100%;height:100%;background:#11111b}.execution-scripts{flex:1;overflow-y:auto;padding:20px}.execution-scripts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.execution-scripts-header h3{font-size:14px;font-weight:600;color:#cdd6f4;margin:0}.execution-scripts-count{font-size:12px;color:#7f849c}.script-card{background:#1e1e2e;border:1px solid #313244;border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s}.script-card:hover{border-color:#6c7086;background:#313244}.script-card-main{display:flex;align-items:center;gap:14px;margin-bottom:14px}.script-card-icon{width:48px;height:48px;background:linear-gradient(135deg,#fab387,#eba0ac);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.script-card-icon svg{width:24px;height:24px;color:#11111b}.script-card-content{flex:1;min-width:0}.script-card-name{font-size:16px;font-weight:600;color:#cdd6f4;margin-bottom:6px}.script-card-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:#7f849c}.script-card-status.success{color:#a6e3a1}.script-card-status.error{color:#f38ba8}.script-card-actions{display:flex;gap:10px;padding-top:14px;border-top:1px solid #313244}.script-btn-edit,.script-btn-run{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.script-btn-edit svg,.script-btn-run svg{width:16px;height:16px}.script-btn-edit{background:transparent;border:1px solid #6c7086;color:#bac2de}.script-btn-edit:hover{border-color:#fab387;background:#fab3871a;color:#cdd6f4}.script-btn-run{background:linear-gradient(135deg,#a6e3a1,#94e2d5);border:none;color:#11111b}.script-btn-run:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a6e3a166;filter:brightness(1.05)}.scripts-loading,.scripts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#7f849c}.scripts-empty svg{width:48px;height:48px;color:#45475a;margin-bottom:16px}.scripts-empty p{font-size:14px;margin:0}.scripts-empty-hint{font-size:12px;color:#6c7086;margin-top:8px}.execution-console{height:200px;min-height:150px;background:#11111b;border-top:1px solid #313244;display:flex;flex-direction:column}.execution-console-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#11111b;border-bottom:1px solid #313244}.execution-console-header h4{font-size:12px;font-weight:600;color:#7f849c;margin:0;display:flex;align-items:center;gap:8px}.execution-console-header h4 svg{width:14px;height:14px}.console-clear-btn{padding:4px 8px;font-size:10px;color:#7f849c;background:transparent;border:1px solid #313244;border-radius:4px;cursor:pointer;transition:all .2s}.console-clear-btn:hover{color:#cdd6f4;border-color:#45475a}.execution-console-content{flex:1;overflow-y:auto;padding:12px 16px;font-family:Fira Code,SF Mono,Monaco,monospace;font-size:12px;line-height:1.6}.console-line{display:flex;gap:8px;margin-bottom:4px}.console-time{color:#6c7086}.console-message{color:#9399b2}.console-message.info{color:#fab387}.console-message.success{color:#a6e3a1}.console-message.warning{color:#f9e2af}.console-message.error{color:#f38ba8}.edition-panel{display:flex;width:100%;height:100%;background:#11111b}.edition-palette{width:200px;min-width:200px;background:#11111b;border-right:1px solid #313244;display:flex;flex-direction:column}.edition-palette-header{padding:16px;border-bottom:1px solid #313244}.edition-palette-header h3{font-size:13px;font-weight:600;color:#cdd6f4;margin:0}.edition-palette-search{padding:12px;border-bottom:1px solid #313244}.edition-palette-search input{width:100%;padding:8px 10px;background:#1e1e2e;border:1px solid #313244;border-radius:6px;color:#cdd6f4;font-size:12px}.edition-palette-search input:focus{outline:none;border-color:#fab387}.edition-palette-blocks{flex:1;overflow-y:auto;padding:12px}.palette-block{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#1e1e2e;border:1px solid #313244;margin-bottom:8px;cursor:grab;transition:all .2s;border-radius:8px}.palette-block:hover{background:#313244;border-color:#fab387}.palette-block:active,.palette-block.dragging{cursor:grabbing;opacity:.6}.palette-block-icon{width:28px;height:28px;background:var(--block-color, #94e2d5);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 C 0,5 5,0 50,0 S 100,5 100,50 95,100 50,100 0,95 0,50' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 0,50 C 0,5 5,0 50,0 S 100,5 100,50 95,100 50,100 0,95 0,50' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;display:flex;align-items:center;justify-content:center}.palette-block-icon svg{width:14px;height:14px;color:#11111b}.palette-block-name{font-size:12px;font-weight:500;color:#cdd6f4}.palette-block-desc{font-size:10px;color:#7f849c;margin-top:2px}.edition-canvas-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.edition-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#11111b;border-bottom:1px solid #313244}.edition-canvas-toolbar-left{display:flex;align-items:center;gap:12px}.edition-script-name input{background:transparent;border:none;border-bottom:1px solid transparent;color:#cdd6f4;font-size:14px;font-weight:500;padding:4px 0;width:200px}.edition-script-name input:hover{border-bottom-color:#45475a}.edition-script-name input:focus{outline:none;border-bottom-color:#fab387}.script-status-indicator{font-size:11px;color:#7f849c;padding:3px 8px;background:#1e1e2e;border-radius:4px}.script-status-indicator.modified{color:#f9e2af;background:#f59e0b1a}.script-status-indicator.saved{color:#a6e3a1;background:#a6e3a11a}.edition-canvas-toolbar-right{display:flex;align-items:center;gap:8px}.edition-toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.edition-toolbar-btn svg{width:14px;height:14px}.edition-toolbar-btn.secondary{background:transparent;border:1px solid #45475a;color:#bac2de}.edition-toolbar-btn.secondary:hover{border-color:#fab387;color:#cdd6f4}.edition-toolbar-btn.primary{background:linear-gradient(135deg,#fab387,#eba0ac);border:none;color:#11111b}.edition-toolbar-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fab38766;filter:brightness(1.05)}.edition-toolbar-btn.success{background:linear-gradient(135deg,#a6e3a1,#94e2d5);border:none;color:#11111b}.edition-toolbar-btn.success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a6e3a166;filter:brightness(1.05)}.edition-canvas{flex:1;overflow-y:auto;padding:20px}.edition-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;border:2px dashed #313244;border-radius:12px;color:#6c7086;text-align:center;transition:all .2s}.edition-canvas-empty.drag-over{border-color:#fab387;background:#fab3870d}.edition-canvas-empty svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.edition-canvas-empty h3{font-size:16px;color:#7f849c;margin:0 0 8px}.edition-canvas-empty p{font-size:13px;color:#6c7086;margin:0}.canvas-block{background:#313244;border:1px solid #313244;border-radius:8px;margin-bottom:8px;overflow:hidden;transition:all .2s ease}.canvas-block:hover{border-color:#45475a}.canvas-block.dragging{opacity:.5;border-color:#fab387}.canvas-block.highlighted{border-color:#fab387;box-shadow:0 0 0 3px #fab3874d;animation:highlight-pulse 1.5s ease-out}@keyframes highlight-pulse{0%{box-shadow:0 0 0 3px #fab38780}to{box-shadow:0 0 0 3px #fab38700}}.canvas-block-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#45475a;cursor:grab;transition:background .15s}.canvas-block-header:hover{background:#585b70}.canvas-block.dragging .canvas-block-header{cursor:grabbing}.canvas-block-icon{width:28px;height:28px;background:var(--block-color, #fab387);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-block-icon svg{width:14px;height:14px;color:#11111b}.canvas-block-info{flex:1;min-width:0}.canvas-block-title{font-size:12px;font-weight:600;color:#cdd6f4}.canvas-block-subtitle{font-size:11px;color:#7f849c;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-block-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}.canvas-block:hover .canvas-block-actions{opacity:1}.canvas-block-action{width:26px;height:26px;background:transparent;border:none;border-radius:4px;color:#7f849c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.canvas-block-action:hover{background:#ffffff1a;color:#cdd6f4}.canvas-block-action.delete:hover{background:#f38ba833;color:#f38ba8}.canvas-block-action svg{width:14px;height:14px}.canvas-block-body{transition:max-height .25s ease,opacity .2s ease}.canvas-block-config{padding:12px 14px;background:#11111b}.block-config-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.block-config-row:last-child{margin-bottom:0}.block-config-label{width:70px;font-size:11px;color:#7f849c;padding-top:8px;flex-shrink:0}.block-config-input,.block-config-select{flex:1;padding:8px 10px;background:#1e1e2e;border:1px solid #313244;border-radius:6px;color:#cdd6f4;font-size:12px;transition:border-color .15s}.block-config-input:focus,.block-config-select:focus{outline:none;border-color:#fab387}.block-config-input.code-input{font-family:Fira Code,SF Mono,Monaco,monospace;font-size:13px;line-height:1.6;resize:vertical;background:#11111b;color:#cdd6f4;border:1px solid #313244;border-radius:6px;padding:12px 14px;min-height:120px;-moz-tab-size:4;tab-size:4;white-space:pre;overflow-wrap:normal;overflow-x:auto}.code-editor-container{width:100%;min-height:150px;border-radius:6px;overflow:hidden;border:1px solid #313244;transition:border-color .15s,box-shadow .15s}.code-editor-container:focus-within{border-color:#fab387;box-shadow:0 0 0 3px #fab38726}.code-editor-container .cm-editor{height:100%;min-height:150px}.code-editor-container .cm-scroller{font-family:Fira Code,SF Mono,Monaco,monospace!important;font-size:13px!important;line-height:1.6!important}.code-editor-container .cm-content{padding:12px 0}.code-editor-container .cm-line{padding:0 14px}.code-editor-fallback{width:100%;min-height:150px;font-family:Fira Code,SF Mono,Monaco,monospace;font-size:13px;line-height:1.6;background:#11111b;color:#cdd6f4;border:1px solid #313244;border-radius:6px;padding:12px 14px;resize:vertical;-moz-tab-size:4;tab-size:4}.code-editor-fallback:focus{outline:none;border-color:#fab387;box-shadow:0 0 0 3px #fab38726}.block-config-color{width:36px;height:36px;padding:2px;background:#1e1e2e;border:1px solid #313244;border-radius:6px;cursor:pointer}.canvas-block-code{border-top:1px solid #313244}.canvas-block-code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#181825;cursor:pointer;transition:background .15s}.canvas-block-code-header:hover{background:#181825}.canvas-block-code-header-left{display:flex;align-items:center;gap:6px;font-size:11px;color:#7f849c}.canvas-block-code-header-left svg{width:12px;height:12px;transition:transform .2s ease}.canvas-block-code-copy{padding:4px 8px;font-size:10px;color:#6c7086;background:transparent;border:1px solid #313244;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s}.canvas-block-code-copy:hover{color:#cdd6f4;border-color:#45475a}.canvas-block-code-copy svg{width:10px;height:10px}.canvas-block-code-content{display:none;margin:0;padding:12px 14px;background:#11111b;font-family:Fira Code,SF Mono,Monaco,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.canvas-block.is-section{background:transparent;border:none;border-radius:0;margin-bottom:4px}.canvas-block.is-section>.canvas-block-header{background:#1e1e2e;border-radius:8px;border-left:4px solid var(--block-color);padding-left:10px}.canvas-block.is-section:hover>.canvas-block-header{background:#313244}.section-toggle{width:24px;height:24px;background:transparent;border:none;color:#7f849c;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s;flex-shrink:0;padding:0}.section-toggle:hover{background:#ffffff1a;color:#cdd6f4}.section-toggle svg{width:14px;height:14px;transition:transform .2s ease}.canvas-block.is-section.collapsed .section-toggle svg{transform:rotate(-90deg)}.canvas-block.is-section>.canvas-block-body{padding-left:16px;margin-left:10px;border-left:2px solid var(--block-color);background:#ffffff05}.canvas-block.is-section>.canvas-block-children{padding-left:16px;margin-left:10px;margin-top:8px;border-left:2px solid var(--block-color);transition:all .25s ease}.canvas-block.is-section.collapsed>.canvas-block-body,.canvas-block.is-section.collapsed>.canvas-block-children{display:none}.canvas-block.is-section.h1>.canvas-block-header{padding:12px 14px 12px 10px}.canvas-block.is-section.h1 .canvas-block-title{font-size:14px}.canvas-block.is-section.h1>.canvas-block-children{border-left-width:3px}.canvas-block.is-section.h2>.canvas-block-header{background:#313244;padding:10px 12px 10px 8px}.canvas-block.is-section.h2 .canvas-block-title{font-size:13px}.canvas-block.is-section.h3>.canvas-block-header{background:#181825;padding:8px 10px 8px 6px}.canvas-block.is-section.h3 .canvas-block-title{font-size:12px;font-weight:500}.canvas-block.is-section.h3 .canvas-block-icon{width:24px;height:24px}.canvas-block.is-section.h3 .canvas-block-icon svg{width:12px;height:12px}.canvas-drop-zone{height:4px;margin:2px 0;border-radius:2px;transition:all .2s ease}.canvas-drop-zone.drag-over{height:40px;background:#fab3871a;border:2px dashed #fab387;border-radius:6px}.canvas-drop-zone.empty-section{height:60px;display:flex;align-items:center;justify-content:center;border:2px dashed #313244;border-radius:6px;margin:8px 0;color:#6c7086;font-size:12px}.canvas-drop-zone.empty-section.drag-over{border-color:#fab387;background:#fab3870d;color:#fab387}.edition-outline{width:200px;min-width:200px;background:#11111b;border-left:1px solid #313244;display:flex;flex-direction:column}.edition-outline-header{padding:16px;border-bottom:1px solid #313244;display:flex;align-items:center;justify-content:space-between}.edition-outline-header h3{font-size:13px;font-weight:600;color:#cdd6f4;margin:0;display:flex;align-items:center;gap:8px}.edition-outline-header h3 svg{width:14px;height:14px;color:#7f849c}.outline-actions{display:flex;gap:4px}.outline-action-btn{width:24px;height:24px;background:transparent;border:1px solid #313244;border-radius:4px;color:#7f849c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.outline-action-btn:hover{border-color:#fab387;color:#cdd6f4}.outline-action-btn svg{width:12px;height:12px}.edition-outline-content{flex:1;overflow-y:auto;padding:12px}.outline-empty{text-align:center;padding:20px 12px;color:#6c7086}.outline-empty p{font-size:12px;margin:0;line-height:1.5}.outline-item{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:4px;border-radius:6px;cursor:pointer;transition:all .15s;color:#9399b2;font-size:12px}.outline-item:hover{background:#313244;color:#cdd6f4}.outline-item.active{background:#fab38726;color:#cdd6f4}.outline-item-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.outline-item-icon svg{width:12px;height:12px}.outline-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline-item.h1{font-weight:600;color:#cdd6f4;background:#fab3871a;border-left:3px solid #eba0ac}.outline-item.h1:hover{background:#fab38733}.outline-item.h1.active{background:#fab38740}.outline-item.h1 .outline-item-icon{color:#eba0ac}.outline-item.h2{padding-left:24px;font-weight:500;background:#fab38714;border-left:3px solid #fab387}.outline-item.h2:hover{background:#fab38726}.outline-item.h2.active{background:#fab38733}.outline-item.h2 .outline-item-icon{color:#fab387}.outline-item.h3{padding-left:38px;font-weight:400;font-size:11px;background:#818cf80d;border-left:3px solid #f9e2af}.outline-item.h3:hover{background:#818cf81f}.outline-item.h3.active{background:#818cf82e}.outline-item.h3 .outline-item-icon{color:#f9e2af}.outline-stats{padding:12px;border-top:1px solid #313244;font-size:11px;color:#7f849c;text-align:center}.mapping-panel{display:flex;flex-direction:column;width:100%;height:100%;background:#11111b}.mapping-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#11111b;border-bottom:1px solid #313244}.mapping-header-left h2{font-size:18px;font-weight:600;color:#cdd6f4;margin:0 0 4px}.mapping-header-left p{font-size:13px;color:#7f849c;margin:0}.mapping-header-right{display:flex;align-items:center;gap:10px}.mapping-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.mapping-btn svg{width:14px;height:14px}.mapping-btn.secondary{background:transparent;border:1px solid #45475a;color:#bac2de}.mapping-btn.secondary:hover{border-color:#fab387;color:#cdd6f4}.mapping-btn.primary{background:linear-gradient(135deg,#fab387,#eba0ac);border:none;color:#11111b}.mapping-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fab38766;filter:brightness(1.05)}.mapping-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#11111b;border-bottom:1px solid #313244}.mapping-search{display:flex;align-items:center;gap:10px;background:#1e1e2e;border:1px solid #313244;border-radius:6px;padding:8px 12px;width:300px}.mapping-search svg{width:16px;height:16px;color:#7f849c}.mapping-search input{background:transparent;border:none;color:#cdd6f4;font-size:13px;width:100%}.mapping-search input::placeholder{color:#6c7086}.mapping-search input:focus{outline:none}.mapping-stats{font-size:13px;color:#7f849c}.mapping-list{flex:1;overflow-y:auto;padding:20px 24px}.mapping-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;text-align:center;color:#6c7086}.mapping-empty svg{width:64px;height:64px;margin-bottom:20px;opacity:.5}.mapping-empty h3{font-size:16px;color:#7f849c;margin:0 0 8px}.mapping-empty p{font-size:13px;color:#6c7086;margin:0 0 20px}.mapping-items{display:flex;flex-direction:column;gap:16px}.mapping-item{background:#1e1e2e;border:1px solid #313244;border-radius:10px;overflow:hidden}.mapping-item:hover{border-color:#45475a}.mapping-item-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#313244;cursor:pointer}.mapping-item-header-left{display:flex;align-items:center;gap:12px}.mapping-item-icon{width:36px;height:36px;background:linear-gradient(135deg,#fab387,#eba0ac);border-radius:8px;display:flex;align-items:center;justify-content:center}.mapping-item-icon svg{width:18px;height:18px;color:#11111b}.mapping-item-name input{background:transparent;border:none;border-bottom:1px solid transparent;color:#cdd6f4;font-size:14px;font-weight:600;padding:2px 0;width:200px}.mapping-item-name input:hover{border-bottom-color:#45475a}.mapping-item-name input:focus{outline:none;border-bottom-color:#fab387}.mapping-item-meta{font-size:11px;color:#7f849c}.mapping-item-content{display:none;padding:16px;border-top:1px solid #313244}.mapping-item.expanded .mapping-item-content{display:block}@media(max-width:1200px){.edition-outline{width:160px;min-width:160px}}@media(max-width:900px){.edition-palette{width:160px;min-width:160px}.palette-block-desc,.edition-outline{display:none}.dashboard-toggle{width:320px}}#view-settings{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}.settings-view{width:100%;height:100%;overflow:hidden;margin:0;padding:0}.settings-container{display:flex;width:100%;height:100%}.settings-sidebar{width:260px;background:#11111b;border-right:1px solid #313244;display:flex;flex-direction:column;flex-shrink:0}.settings-sidebar-header{padding:24px;border-bottom:1px solid #313244}.settings-sidebar-header h2{font-size:20px;font-weight:600;color:#cdd6f4;margin:0}.settings-nav{flex:1;padding:16px 0;overflow-y:auto}.settings-nav-section{margin-bottom:24px}.settings-nav-title{padding:8px 24px;font-size:11px;font-weight:600;color:#7f849c;text-transform:uppercase;letter-spacing:.5px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#7f849c;text-decoration:none;font-size:14px;transition:all .15s;border-left:3px solid transparent;cursor:pointer}.settings-nav-item:hover{color:#cdd6f4;background:#ffffff08}.settings-nav-item.active{color:#cdd6f4;background:#fab3871a;border-left-color:#fab387}.settings-nav-item svg{width:18px;height:18px;flex-shrink:0}.settings-content{flex:1;padding:32px 48px;overflow-y:auto;background:#11111b}.settings-section{display:none;width:100%;max-width:1400px;margin:0 auto}.settings-section.active{display:block}.settings-section-header{margin-bottom:32px}.settings-section-header h3{font-size:26px;font-weight:600;color:#cdd6f4;margin:0 0 8px}.settings-section-header p{font-size:14px;color:#7f849c;margin:0}.settings-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.settings-card{background:#11111b;border:1px solid #313244;border-radius:12px;padding:24px}.settings-card.full-width{grid-column:1/-1}.settings-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #313244}.settings-card-header h4{font-size:16px;font-weight:600;color:#cdd6f4;margin:0;display:flex;align-items:center;gap:10px}.settings-card-header h4 svg{width:20px;height:20px;color:#fab387}.settings-card-header .settings-btn{margin:0}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field.full-width{grid-column:1/-1}.settings-field label{font-size:13px;font-weight:500;color:#bac2de}.settings-field input,.settings-field select{padding:12px 16px;background:#1e1e2e;border:1px solid #313244;border-radius:8px;color:#cdd6f4;font-size:14px;transition:all .2s;width:100%}.settings-field input:focus,.settings-field select:focus{outline:none;border-color:#fab387;box-shadow:0 0 0 3px #fab3871a}.settings-field input:disabled{opacity:.5;cursor:not-allowed}.settings-field input::placeholder{color:#6c7086}.settings-hint{font-size:11px;color:#7f849c}.settings-actions{display:flex;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid #313244}.settings-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.settings-btn svg{width:16px;height:16px}.settings-btn.primary{background:linear-gradient(135deg,#fab387,#eba0ac);color:#11111b}.settings-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fab38766;filter:brightness(1.05)}.settings-btn.secondary{background:#1e1e2e;border:1px solid #313244;color:#bac2de}.settings-btn.secondary:hover{background:#313244;border-color:#45475a;color:#cdd6f4}.settings-btn.small{padding:6px 12px;font-size:12px}.settings-btn.small svg{width:14px;height:14px}.settings-btn.danger{background:#f38ba81a;border:1px solid rgba(243,139,168,.3);color:#f38ba8}.settings-btn.danger:hover{background:#f38ba833}.settings-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.settings-users-list{display:flex;flex-direction:column;gap:12px}.settings-user-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#1e1e2e;border:1px solid #313244;border-radius:10px;transition:all .15s}.settings-user-item:hover{border-color:#45475a;background:#313244}.settings-user-avatar{width:48px;height:48px;background:linear-gradient(135deg,#fab387,#eba0ac);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#11111b;flex-shrink:0}.settings-user-info{flex:1;min-width:0}.settings-user-name{font-size:15px;font-weight:600;color:#cdd6f4;margin-bottom:4px}.settings-user-email{font-size:13px;color:#7f849c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-user-meta{display:flex;align-items:center;gap:12px}.settings-user-role{padding:5px 12px;background:#fab3871a;border:1px solid rgba(250,179,135,.3);border-radius:12px;font-size:11px;font-weight:600;color:#fab387;text-transform:uppercase;letter-spacing:.5px}.settings-user-role.admin{background:#f59e0b1a;border-color:#f59e0b4d;color:#f9e2af}.settings-user-status{width:10px;height:10px;border-radius:50%;background:#a6e3a1;box-shadow:0 0 8px #a6e3a180}.settings-user-status.inactive{background:#7f849c;box-shadow:none}.settings-user-actions{display:flex;gap:8px}.settings-prefs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.settings-pref-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#1e1e2e;border:1px solid #313244;border-radius:10px}.settings-pref-item label{font-size:13px;font-weight:500;color:#bac2de}.settings-pref-item select,.settings-pref-item input{padding:10px 14px;background:#11111b;border:1px solid #313244;border-radius:6px;color:#cdd6f4;font-size:14px}.settings-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.settings-stat-card{background:#1e1e2e;border:1px solid #313244;border-radius:10px;padding:20px;text-align:center}.settings-stat-value{font-size:32px;font-weight:700;color:#cdd6f4;margin-bottom:4px}.settings-stat-label{font-size:13px;color:#7f849c}.settings-stat-card.highlight{border-color:#fab387;background:#fab3870d}.settings-stat-card.highlight .settings-stat-value{color:#fab387}.settings-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:#7f849c;font-size:14px}.settings-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px;color:#7f849c;font-size:14px;text-align:center}.settings-coming-soon svg{width:48px;height:48px;color:#585b70}.settings-login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;max-width:400px;margin:0 auto}.settings-login-prompt svg{width:72px;height:72px;color:#585b70;margin-bottom:24px}.settings-login-prompt h3{font-size:22px;font-weight:600;color:#cdd6f4;margin:0 0 8px}.settings-login-prompt p{font-size:14px;color:#7f849c;margin:0 0 24px;line-height:1.5}.view-load-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:#7f849c}.view-load-error svg{width:48px;height:48px;color:#f38ba8;margin-bottom:16px}.view-load-error h3{font-size:18px;font-weight:600;color:#cdd6f4;margin:0 0 8px}.view-load-error p{font-size:14px;margin:0 0 24px}.view-load-error button{padding:10px 24px;background:#1e1e2e;border:1px solid #313244;border-radius:8px;color:#cdd6f4;font-size:14px;cursor:pointer;transition:all .2s}.view-load-error button:hover{background:#313244;border-color:#45475a}.metrics-realtime{margin-bottom:24px}.metrics-realtime .settings-stat-card{background:linear-gradient(135deg,#1e1e2e,#313244)}.metrics-realtime .settings-stat-card.highlight{background:linear-gradient(135deg,#fab387,#eba0ac)}.metrics-weekly-summary{padding:20px}.metrics-weekly-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metrics-weekly-stat{background:#11111b;border-radius:8px;padding:16px;text-align:center}.metrics-weekly-stat-value{font-size:24px;font-weight:700;color:#cdd6f4;margin-bottom:4px}.metrics-weekly-stat-label{font-size:12px;color:#7f849c}.metrics-weekly-stat.highlight .metrics-weekly-stat-value{color:#fab387}.metrics-daily-breakdown{padding:16px}.metrics-day-row{display:grid;grid-template-columns:120px repeat(4,1fr) 100px;gap:12px;align-items:center;padding:12px 16px;background:#11111b;border-radius:8px;margin-bottom:8px;transition:background .2s}.metrics-day-row:hover{background:#1e1e2e}.metrics-day-row.header{background:transparent;color:#7f849c;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metrics-day-row.header:hover{background:transparent}.metrics-day-date{font-weight:500;color:#cdd6f4}.metrics-day-date .day-name{font-size:11px;color:#7f849c;margin-left:8px}.metrics-day-value{text-align:center;color:#bac2de;font-size:14px}.metrics-day-value.highlight{color:#fab387;font-weight:600}.metrics-day-bar{height:6px;background:#313244;border-radius:3px;overflow:hidden}.metrics-day-bar-fill{height:100%;background:linear-gradient(90deg,#fab387,#eba0ac);border-radius:3px;transition:width .3s ease}.metrics-endpoints-list{padding:16px}.metrics-endpoint-row{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#11111b;border-radius:8px;margin-bottom:8px}.metrics-endpoint-rank{width:28px;height:28px;background:#313244;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#7f849c}.metrics-endpoint-rank.top-3{background:linear-gradient(135deg,#fab387,#eba0ac);color:#11111b}.metrics-endpoint-path{flex:1;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:13px;color:#bac2de;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metrics-endpoint-count{font-size:14px;font-weight:600;color:#cdd6f4;min-width:60px;text-align:right}.metrics-endpoint-bar{width:120px;height:6px;background:#313244;border-radius:3px;overflow:hidden}.metrics-endpoint-bar-fill{height:100%;background:linear-gradient(90deg,#a6e3a1,#94e2d5);border-radius:3px}.metrics-latency-stats{padding:20px}.metrics-latency-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.metrics-latency-item{background:#11111b;border-radius:8px;padding:16px;text-align:center}.metrics-latency-value{font-size:20px;font-weight:700;color:#cdd6f4;margin-bottom:4px}.metrics-latency-value.good{color:#a6e3a1}.metrics-latency-value.warning{color:#f9e2af}.metrics-latency-value.bad{color:#f38ba8}.metrics-latency-label{font-size:11px;color:#7f849c;text-transform:uppercase;letter-spacing:.5px}.metrics-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#7f849c;text-align:center}.metrics-no-data svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.metrics-no-data p{font-size:14px;margin:0}.metrics-status-codes{display:flex;gap:8px;margin-top:8px}.metrics-status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.metrics-status-badge.success{background:#a6e3a126;color:#a6e3a1}.metrics-status-badge.error{background:#f38ba826;color:#f38ba8}.metrics-status-badge.other{background:#fab38726;color:#fab387}@media(max-width:1200px){.metrics-weekly-stats{grid-template-columns:repeat(2,1fr)}.metrics-latency-grid{grid-template-columns:repeat(3,1fr)}.metrics-day-row{grid-template-columns:100px repeat(3,1fr) 80px}.metrics-day-row>*:nth-child(5){display:none}}@media(max-width:768px){.settings-container{flex-direction:column}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid #313244}.settings-nav{display:flex;flex-wrap:wrap;padding:8px}.settings-nav-section{margin-bottom:0}.settings-nav-title{display:none}.settings-nav-item{padding:8px 16px;border-left:none;border-radius:8px}.settings-nav-item.active{background:#fab38733}.settings-content{padding:24px 16px}.settings-form-row,.settings-users-grid,.settings-prefs-grid{grid-template-columns:1fr}.metrics-day-row{grid-template-columns:1fr 1fr;gap:8px}.metrics-day-row.header{display:none}.metrics-latency-grid{grid-template-columns:repeat(2,1fr)}}.storage-quota-card{background:linear-gradient(135deg,#1e1e2e,#11111b);border:1px solid #313244;border-radius:12px;padding:24px;margin-bottom:24px}.storage-quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.storage-quota-info{display:flex;align-items:baseline;gap:4px}.storage-quota-used{font-size:28px;font-weight:700;color:#cdd6f4}.storage-quota-separator{font-size:20px;color:#7f849c}.storage-quota-total{font-size:18px;color:#7f849c}.storage-quota-percent{font-size:24px;font-weight:600;color:#fab387}.storage-quota-bar{height:8px;background:#313244;border-radius:4px;overflow:hidden;margin-bottom:16px}.storage-quota-bar-fill{height:100%;background:linear-gradient(90deg,#fab387,#eba0ac);border-radius:4px;transition:width .3s ease}.storage-quota-bar-fill.warning{background:linear-gradient(90deg,#f9e2af,#fbecc5)}.storage-quota-bar-fill.critical{background:linear-gradient(90deg,#f38ba8,#f6a0b8)}.storage-quota-details{display:flex;flex-wrap:wrap;gap:16px}.storage-quota-category{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#ffffff08;border-radius:6px}.storage-quota-category-name{font-size:11px;color:#7f849c;text-transform:uppercase;letter-spacing:.5px}.storage-quota-category-value{font-size:13px;color:#bac2de;font-weight:500}.storage-tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #313244;overflow-x:auto}.storage-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #313244;border-radius:8px;color:#7f849c;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.storage-tab:hover{background:#ffffff08;color:#bac2de}.storage-tab.active{background:#fab3871a;border-color:#fab3874d;color:#fab387}.storage-tab svg{width:16px;height:16px}.storage-tab-count{padding:2px 8px;background:#ffffff1a;border-radius:10px;font-size:11px;font-weight:600}.storage-tab.active .storage-tab-count{background:#fab38733}.storage-files-area{background:#11111b;border:1px solid #313244;border-radius:12px;overflow:hidden}.storage-files-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #313244;background:#ffffff05}.storage-files-title{display:flex;align-items:center;gap:16px}.storage-files-title h4{margin:0;font-size:16px;font-weight:600;color:#cdd6f4}.storage-show-default{display:flex;align-items:center;gap:8px;font-size:12px;color:#7f849c;cursor:pointer}.storage-show-default input{accent-color:#fab387}.storage-files-actions{display:flex;gap:8px}.storage-files-list{padding:16px;max-height:500px;overflow-y:auto}.storage-files-list::-webkit-scrollbar{width:6px}.storage-files-list::-webkit-scrollbar-thumb{background:#45475a;border-radius:3px}.storage-files-group{margin-bottom:20px}.storage-files-group:last-child{margin-bottom:0}.storage-files-group-title{font-size:11px;font-weight:600;color:#7f849c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-left:4px}.storage-file-item{display:flex;align-items:center;gap:16px;padding:14px 16px;background:#1e1e2e;border:1px solid #313244;border-radius:10px;margin-bottom:8px;transition:all .15s}.storage-file-item:last-child{margin-bottom:0}.storage-file-item:hover{border-color:#45475a;background:#313244}.storage-file-item.default{background:#fab38708;border-color:#fab38726}.storage-file-icon{position:relative;flex-shrink:0}.storage-file-icon svg{width:36px;height:36px;color:#fab387}.storage-file-badge{position:absolute;bottom:-4px;right:-8px;padding:2px 6px;background:linear-gradient(135deg,#fab387,#eba0ac);border-radius:4px;font-size:8px;font-weight:700;color:#11111b;letter-spacing:.5px}.storage-file-info{flex:1;min-width:0}.storage-file-name{font-size:14px;font-weight:500;color:#cdd6f4;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-file-meta{display:flex;gap:12px;font-size:12px;color:#7f849c}.storage-file-desc{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7f849c}.storage-file-actions{display:flex;gap:6px}.storage-file-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;background:#ffffff0d;border:1px solid #313244;border-radius:6px;color:#7f849c;cursor:pointer;transition:all .15s;padding:0}.storage-file-btn:hover{background:#ffffff1a;color:#cdd6f4}.storage-file-btn.danger:hover{background:#f38ba81a;border-color:#f38ba84d;color:#f38ba8}.storage-file-btn svg{width:16px;height:16px;min-width:16px;min-height:16px;flex-shrink:0}.storage-loading,.storage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;color:#7f849c}.storage-empty svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.storage-empty p{margin:0;font-size:14px}.storage-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;align-items:center;justify-content:center;padding:20px}.storage-modal.active{display:flex}.storage-modal-content{background:#11111b;border:1px solid #313244;border-radius:16px;width:100%;max-width:500px;overflow:hidden;animation:modalSlideIn .2s ease}.storage-modal-content.small{max-width:400px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.storage-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #313244}.storage-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#cdd6f4}.storage-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#7f849c;cursor:pointer;transition:all .15s}.storage-modal-close:hover{background:#ffffff1a;color:#cdd6f4}.storage-modal-close svg{width:20px;height:20px}.storage-modal-body{padding:24px}.storage-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #313244;background:#ffffff05}.storage-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:2px dashed #45475a;border-radius:12px;background:#ffffff05;cursor:pointer;transition:all .2s}.storage-upload-zone:hover,.storage-upload-zone.dragover{border-color:#fab387;background:#fab3870d}.storage-upload-icon{width:56px;height:56px;background:#fab3871a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.storage-upload-icon svg{width:28px;height:28px;color:#fab387}.storage-upload-zone p{margin:0 0 8px;font-size:14px;color:#bac2de}.storage-upload-zone p span{color:#fab387;cursor:pointer;font-weight:500}.storage-upload-zone p span:hover{text-decoration:underline}.storage-upload-hint{font-size:12px;color:#7f849c}.storage-upload-selected{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#1e1e2e;border:1px solid #313244;border-radius:10px;margin-bottom:16px}.storage-upload-file-info{display:flex;align-items:center;gap:12px}.storage-upload-file-info svg{width:32px;height:32px;color:#fab387}.storage-upload-filename{font-size:14px;font-weight:500;color:#cdd6f4}.storage-upload-filesize{font-size:12px;color:#7f849c}.storage-upload-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#7f849c;cursor:pointer;transition:all .15s}.storage-upload-remove:hover{background:#f38ba81a;color:#f38ba8}.storage-upload-remove svg{width:16px;height:16px}.storage-upload-description{margin-bottom:16px}.storage-upload-description label{display:block;font-size:13px;font-weight:500;color:#bac2de;margin-bottom:8px}.storage-upload-description input{width:100%;padding:12px 16px;background:#1e1e2e;border:1px solid #313244;border-radius:8px;color:#cdd6f4;font-size:14px}.storage-upload-description input:focus{outline:none;border-color:#fab387}.storage-upload-description input::placeholder{color:#6c7086}.storage-upload-progress{display:flex;align-items:center;gap:12px}.storage-upload-progress-bar{flex:1;height:6px;background:#313244;border-radius:3px;overflow:hidden}.storage-upload-progress-fill{height:100%;background:linear-gradient(90deg,#fab387,#eba0ac);border-radius:3px;transition:width .2s}.storage-upload-progress-text{font-size:13px;font-weight:600;color:#fab387;min-width:40px;text-align:right}.storage-delete-warning{font-size:13px;color:#f38ba8;margin-top:8px}.storage-modal-body p{margin:0;font-size:14px;color:#bac2de;line-height:1.5}.storage-modal-body strong{color:#cdd6f4}@media(max-width:768px){.storage-tabs{gap:4px}.storage-tab{padding:8px 12px;font-size:12px}.storage-tab svg{display:none}.storage-files-header{flex-direction:column;gap:12px;align-items:stretch}.storage-files-title{flex-direction:column;align-items:flex-start;gap:8px}.storage-files-actions{justify-content:flex-end}.storage-file-item{flex-wrap:wrap}.storage-file-info{flex-basis:calc(100% - 60px)}.storage-file-actions{margin-left:auto}.storage-quota-details{flex-direction:column;gap:8px}}.header-auth{display:flex;align-items:center;gap:12px;margin-left:auto}.login-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#fab387,#eba0ac);border:none;border-radius:8px;color:#11111b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fab38766;filter:brightness(1.05)}.login-btn svg{width:16px;height:16px}.nav-login{cursor:pointer;background:linear-gradient(135deg,#fab38733,#fab38733);border:1px solid rgba(250,179,135,.3);border-radius:10px;margin:0 12px;transition:all .2s}.nav-login:hover{background:linear-gradient(135deg,#fab3874d,#fab3874d);border-color:#fab38780}.nav-login .nav-icon{color:#fab387}.nav-user{cursor:pointer;border-radius:10px;margin:0 12px;transition:all .2s}.nav-user:hover{background:#ffffff0d}.nav-footer{position:relative}.nav-user-dropdown{position:absolute;bottom:100%;left:12px;right:12px;margin-bottom:8px;background:#1e1e2e;border:1px solid #313244;border-radius:12px;box-shadow:0 8px 32px #0006;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s;z-index:1000;overflow:hidden}.nav-user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-user-dropdown-header{padding:16px;background:#fab3871a}.nav-user-dropdown-header .user-name{display:block;font-size:14px;font-weight:600;color:#cdd6f4;margin-bottom:2px}.nav-user-dropdown-header .user-email{display:block;font-size:12px;color:#7f849c}.nav-user-dropdown-divider{height:1px;background:#313244}.nav-user-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:#bac2de;font-size:13px;text-align:left;cursor:pointer;transition:all .15s}.nav-user-dropdown-item:hover{background:#ffffff0d;color:#cdd6f4}.nav-user-dropdown-item svg{width:16px;height:16px;flex-shrink:0}.nav-user-dropdown-item.logout{color:#f38ba8}.nav-user-dropdown-item.logout:hover{background:#f38ba81a}.nav-menu.collapsed .nav-user-dropdown{left:70px;right:auto;width:220px;bottom:0;margin-bottom:0}.nav-menu.collapsed .nav-footer{padding:8px;overflow:visible}.nav-menu.collapsed .nav-login,.nav-menu.collapsed .nav-user{margin:0;justify-content:center;padding:12px;width:44px;height:44px;box-sizing:border-box}.nav-menu.collapsed .nav-login .nav-icon{width:20px;height:20px}.nav-menu.collapsed .nav-login .nav-label,.nav-menu.collapsed .nav-user .nav-label{display:none}.nav-menu.collapsed .nav-user .user-avatar{margin:0;width:32px;height:32px;min-width:32px;font-size:13px}.user-info{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#1e1e2e;border:1px solid #313244;border-radius:8px;cursor:pointer;transition:all .2s}.user-info:hover{border-color:#45475a;background:#313244}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#fab387,#eba0ac);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#11111b}.user-details{display:flex;flex-direction:column}.user-name{font-size:13px;font-weight:500;color:#cdd6f4}.user-email{font-size:11px;color:#7f849c}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background:#1e1e2e;border:1px solid #313244;border-radius:10px;box-shadow:0 8px 24px #0006;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:1000}.user-info-wrapper{position:relative}.user-info-wrapper:hover .user-dropdown,.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#bac2de;font-size:13px;cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left}.user-dropdown-item:first-child{border-radius:10px 10px 0 0}.user-dropdown-item:last-child{border-radius:0 0 10px 10px}.user-dropdown-item:hover{background:#313244;color:#cdd6f4}.user-dropdown-item svg{width:16px;height:16px}.user-dropdown-divider{height:1px;background:#313244;margin:4px 0}.user-dropdown-item.logout{color:#f38ba8}.user-dropdown-item.logout:hover{background:#f38ba81a}.auth-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .2s}.auth-modal.active{opacity:1;visibility:visible}.auth-modal-content{width:100%;max-width:420px;background:#11111b;border:1px solid #313244;border-radius:16px;padding:32px;transform:scale(.95);transition:transform .2s}.auth-modal.active .auth-modal-content{transform:scale(1)}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.auth-modal-header h2{font-size:24px;font-weight:600;color:#cdd6f4;margin:0}.auth-modal-close{width:40px;height:40px;background:transparent;border:1px solid #313244;border-radius:10px;color:#7f849c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.auth-modal-close:hover{background:#313244;border-color:#45475a;color:#cdd6f4}.auth-modal-close svg{width:22px;height:22px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:13px;font-weight:500;color:#bac2de}.auth-field input{padding:12px 16px;background:#1e1e2e;border:1px solid #313244;border-radius:8px;color:#cdd6f4;font-size:14px;transition:all .2s}.auth-field input:focus{outline:none;border-color:#fab387;box-shadow:0 0 0 3px #fab3871a}.auth-field input::placeholder{color:#6c7086}.auth-hint{font-size:11px;color:#7f849c}.auth-password-rules{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.auth-rule{display:flex;align-items:center;gap:4px;font-size:11px;color:#7f849c;transition:color .2s}.auth-rule svg{width:14px;height:14px;flex-shrink:0}.auth-rule.valid{color:#a6e3a1}.auth-rule.valid svg{stroke:#a6e3a1}.auth-rule.invalid{color:#7f849c}.auth-password-match{font-size:12px;margin-top:6px;display:flex;align-items:center;gap:6px}.auth-password-match.match{color:#a6e3a1}.auth-password-match.no-match{color:#f38ba8}.auth-password-match svg{width:14px;height:14px}.auth-error{color:#f38ba8;font-size:13px;min-height:20px}.auth-submit-btn{padding:14px 24px;background:linear-gradient(135deg,#fab387,#eba0ac);border:none;border-radius:8px;color:#11111b;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.auth-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fab38766;filter:brightness(1.05)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{margin-top:24px;text-align:center;font-size:13px;color:#7f849c}.auth-footer a{color:#fab387;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.notification-container{position:fixed;top:20px;right:20px;z-index:10001;display:flex;flex-direction:column;gap:10px}.notification{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#1e1e2e;border:1px solid #313244;border-radius:10px;color:#cdd6f4;font-size:13px;box-shadow:0 4px 16px #0000004d;animation:slideIn .3s ease;min-width:280px;max-width:400px}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.notification button{background:none;border:none;color:#7f849c;font-size:18px;cursor:pointer;padding:0;line-height:1}.notification button:hover{color:#cdd6f4}.notification-success{border-left:3px solid #a6e3a1}.notification-error{border-left:3px solid #f38ba8}.notification-warning{border-left:3px solid #f9e2af}.notification-info{border-left:3px solid #fab387}.feature-locked{position:relative;pointer-events:none}.feature-locked:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;opacity:.8}.feature-locked>*{opacity:.4;filter:blur(2px)}.login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#7f849c}.login-prompt svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.login-prompt h3{font-size:16px;color:#bac2de;margin:0 0 8px}.login-prompt p{font-size:13px;margin:0 0 20px}.login-prompt .login-btn{padding:10px 24px}@media(max-width:768px){.auth-modal-content{margin:20px;padding:24px}.user-details{display:none}.notification-container{left:20px;right:20px}.notification{min-width:auto;max-width:none}}.reports-view{display:flex;width:100%;height:100%;overflow:hidden}.reports-sidebar{width:300px;min-width:300px;background:#11111b;border-right:1px solid #313244;display:flex;flex-direction:column}.reports-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;min-height:56px;border-bottom:1px solid #313244}.reports-sidebar-header h2{font-size:16px;font-weight:600;color:#cdd6f4;margin:0}.reports-search{padding:12px 16px;border-bottom:1px solid #313244}.reports-search input{width:100%;padding:8px 12px;background:#1e1e2e;border:1px solid #313244;border-radius:6px;color:#cdd6f4;font-size:13px}.reports-search input:focus{outline:none;border-color:#fab387}.reports-search input::placeholder{color:#7f849c}.reports-list{flex:1;overflow-y:auto;padding:12px}.reports-list::-webkit-scrollbar{width:6px}.reports-list::-webkit-scrollbar-thumb{background:#45475a;border-radius:3px}.reports-loading{text-align:center;padding:40px 20px;color:#7f849c;font-size:13px}.reports-empty-list{text-align:center;padding:40px 20px;color:#6c7086}.reports-empty-list svg{width:48px;height:48px;margin-bottom:12px;opacity:.3}.reports-empty-list p{font-size:13px;margin:0}.report-item{display:flex;flex-direction:column;padding:14px 16px;background:#1e1e2e;border:1px solid transparent;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .15s;position:relative}.report-item:hover{background:#313244;border-color:#45475a}.report-item.active{background:#313244;border-color:#fab387}.report-item-header{display:flex;align-items:flex-start;gap:12px}.report-item-icon{width:36px;height:36px;background:linear-gradient(135deg,#fab387,#eba0ac);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-item-icon svg{width:18px;height:18px;color:#11111b}.report-item-info{flex:1;min-width:0}.report-item-name{font-size:14px;font-weight:500;color:#cdd6f4;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-item-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#7f849c}.report-item-meta span{display:flex;align-items:center;gap:4px}.report-item-meta svg{width:12px;height:12px}.report-item-delete{position:absolute;top:8px;right:8px;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#6c7086;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s}.report-item:hover .report-item-delete{opacity:1}.report-item-delete:hover{background:#f38ba826;color:#f38ba8}.report-item-delete svg{width:14px;height:14px}.reports-sidebar-footer{padding:12px 16px;border-top:1px solid #313244;font-size:11px;color:#7f849c;text-align:center}.reports-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#11111b}.reports-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c7086;gap:16px}.reports-empty svg{opacity:.3}.reports-empty h3{font-size:18px;font-weight:600;color:#7f849c;margin:0}.reports-empty p{font-size:13px;color:#7f849c;margin:0}.reports-viewer{flex:1;display:flex;flex-direction:column;overflow:hidden}.reports-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;min-height:56px;background:#11111b;border-bottom:none;flex-shrink:0;position:relative}.reports-viewer-toolbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(to bottom,#11111b 0%,transparent 100%);pointer-events:none;transform:translateY(100%);z-index:10}.reports-viewer-title{font-size:14px;font-weight:500;color:#cdd6f4;display:flex;align-items:center;gap:10px}.reports-viewer-actions{display:flex;gap:10px}.reports-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid #45475a;border-radius:6px;color:#bac2de;font-size:12px;cursor:pointer;transition:all .2s}.reports-action-btn:hover{background:#313244;border-color:#fab387;color:#cdd6f4}.reports-action-btn.primary{background:linear-gradient(135deg,#fab387,#eba0ac);border:none;color:#11111b}.reports-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fab38766;filter:brightness(1.05)}.reports-action-btn.danger{color:#f38ba8;border-color:#f38ba84d}.reports-action-btn.danger:hover{background:#f38ba826;border-color:#f38ba8;color:#f38ba8}.reports-action-btn.danger:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;background:transparent;border-color:#f38ba826;color:#7f849c}.reports-action-btn svg{width:16px;height:16px}.reports-iframe{flex:1;width:100%;border:none;background:#cdd6f4}.reports-delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .2s}.reports-delete-modal.show{opacity:1;visibility:visible}.reports-delete-modal-content{background:#1e1e2e;border:1px solid #313244;border-radius:12px;padding:24px;max-width:400px;width:90%;text-align:center}.reports-delete-modal h3{color:#cdd6f4;font-size:16px;margin:0 0 12px}.reports-delete-modal p{color:#7f849c;font-size:13px;margin:0 0 20px}.reports-delete-modal-actions{display:flex;gap:12px;justify-content:center}.reports-delete-modal-actions button{padding:10px 20px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.reports-delete-modal-actions .cancel-btn{background:transparent;border:1px solid #45475a;color:#bac2de}.reports-delete-modal-actions .cancel-btn:hover{background:#313244;border-color:#fab387}.reports-delete-modal-actions .delete-btn{background:#f38ba8;border:none;color:#11111b}.reports-delete-modal-actions .delete-btn:hover{background:#eba0ac;filter:brightness(1.05)}@media(max-width:900px){.reports-view{flex-direction:column}.reports-sidebar{width:100%;min-width:auto;max-height:40vh;border-right:none;border-bottom:1px solid #313244}}.canvas-block-code-content{font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace!important;font-size:13px!important;line-height:1.6!important;font-feature-settings:"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#181825!important;color:#cdd6f4!important;padding:16px!important;border-radius:8px!important;overflow-x:auto;white-space:pre!important;-moz-tab-size:4;tab-size:4;margin:0!important;box-shadow:inset 0 1px 3px #0000004d}.canvas-block-code-content code{font-family:inherit!important;font-size:inherit!important;background:transparent!important;padding:0!important;color:inherit!important}.canvas-block-code-content .token.comment,.canvas-block-code-content .token.prolog,.canvas-block-code-content .token.doctype,.canvas-block-code-content .token.cdata{color:#7f849c;font-style:italic}.canvas-block-code-content .token.punctuation{color:#9399b2}.canvas-block-code-content .token.property,.canvas-block-code-content .token.tag,.canvas-block-code-content .token.constant,.canvas-block-code-content .token.symbol,.canvas-block-code-content .token.deleted{color:#cba6f7}.canvas-block-code-content .token.boolean,.canvas-block-code-content .token.number{color:#fab387}.canvas-block-code-content .token.selector,.canvas-block-code-content .token.attr-name,.canvas-block-code-content .token.string,.canvas-block-code-content .token.char,.canvas-block-code-content .token.builtin,.canvas-block-code-content .token.inserted{color:#a6e3a1}.canvas-block-code-content .token.operator,.canvas-block-code-content .token.entity,.canvas-block-code-content .token.url,.language-css .canvas-block-code-content .token.string,.style .canvas-block-code-content .token.string{color:#89dceb}.canvas-block-code-content .token.atrule,.canvas-block-code-content .token.attr-value,.canvas-block-code-content .token.keyword{color:#cba6f7;font-weight:500}.canvas-block-code-content .token.function,.canvas-block-code-content .token.class-name{color:#89b4fa}.canvas-block-code-content .token.regex,.canvas-block-code-content .token.important,.canvas-block-code-content .token.variable{color:#cdd6f4}.canvas-block-code-content .token.important,.canvas-block-code-content .token.bold{font-weight:600}.canvas-block-code-content .token.italic{font-style:italic}.canvas-block-code-content .token.entity{cursor:help}.canvas-block-code-content .token.decorator{color:#cdd6f4;font-style:italic}.canvas-block-code-content .token.self{color:#cba6f7;font-style:italic}.canvas-block-code-content .token.triple-quoted-string{color:#a6e3a1}.canvas-block-code-content::-webkit-scrollbar{height:8px;width:8px}.canvas-block-code-content::-webkit-scrollbar-track{background:#181825;border-radius:4px}.canvas-block-code-content::-webkit-scrollbar-thumb{background:#585b70;border-radius:4px}.canvas-block-code-content::-webkit-scrollbar-thumb:hover{background:#7f849c}.canvas-block-code-header{font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:12px;background:linear-gradient(135deg,#1e1e2e,#313244);border-bottom:1px solid rgba(255,255,255,.05);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px 8px 0 0;color:#7f849c;transition:background .2s ease}.canvas-block-code-header:hover{background:linear-gradient(135deg,#313244,#45475a)}.canvas-block-code-header-left{display:flex;align-items:center;gap:8px}.canvas-block-code-header-left svg{width:14px;height:14px;transition:transform .2s ease}.canvas-block-code.expanded .canvas-block-code-header-left svg{transform:rotate(90deg)}.canvas-block-code-copy{font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:11px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;background:#ffffff0d;border:none;color:#7f849c;cursor:pointer;transition:all .2s ease}.canvas-block-code-copy:hover{background:#7aa2f733;color:#89b4fa}.canvas-block-code-copy svg{width:12px;height:12px}.canvas-block-code{border-radius:8px;overflow:hidden;background:#181825;margin-top:12px;border:1px solid rgba(255,255,255,.05)}.canvas-block-code-content{display:none;border-radius:0 0 8px 8px!important}.canvas-block-code.expanded .canvas-block-code-content{display:block}@media(max-width:768px){.canvas-block-code-content{font-size:12px!important;padding:12px!important}}