body,html{height:100%;margin:0;padding:0}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--panel:#1a1d27;--panel-2:#22263a;--border:#ffffff1a;--text:#f2f5ff;--muted:#8b8fa8;--accent:#6366f1;--accent-h:#4f52d6;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--radius:12px;--shadow:0 8px 32px #00000073}body{background:#0f1117;background:var(--bg);color:#f2f5ff;color:var(--text);font-family:Inter,Segoe UI,sans-serif;font-size:15px;line-height:1.6}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.header{padding:40px 24px 24px;text-align:center}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.5px}.subtitle{color:#8b8fa8;color:var(--muted);font-size:.95rem;margin-top:6px}.main{display:flex;flex:1 1;flex-direction:column;gap:24px;margin:0 auto;max-width:1400px;padding:0 24px 48px;width:100%}.footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border);color:#8b8fa8;color:var(--muted);font-size:.8rem;padding:20px;text-align:center}.panel{background:#1a1d27;background:var(--panel);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:visible;padding:24px}.panel-header{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin-bottom:20px}.panel-header h2{font-size:1.1rem;font-weight:600;margin:0}.panel-header .muted{color:#8b8fa8;color:var(--muted);display:block;font-size:.82rem;margin-top:3px}.btn{align-items:center;background:#22263a;background:var(--panel-2);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;color:#f2f5ff;color:var(--text);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:500;gap:6px;padding:9px 18px;transition:background .15s,border-color .15s;white-space:nowrap}.btn:hover{background:#ffffff14}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.primary{background:#6366f1;background:var(--accent);border-color:#6366f1;border-color:var(--accent);color:#fff}.btn.primary:hover{background:#4f52d6;background:var(--accent-h);border-color:#4f52d6;border-color:var(--accent-h)}.btn.icon{font-size:.85rem;padding:6px 8px}.status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px}.status.pending{background:#f59e0b26;color:#f59e0b;color:var(--warning)}.status.in-progress{background:#6366f126;color:#6366f1;color:var(--accent)}.status.completed{background:#22c55e26;color:#22c55e;color:var(--success)}.toast{border-radius:10px;bottom:24px;box-shadow:0 8px 32px #00000073;box-shadow:var(--shadow);cursor:pointer;font-size:.9rem;padding:12px 20px;position:fixed;right:24px;z-index:9999}.toast.error{background:#7f1d1d;border:1px solid #ef4444;border:1px solid var(--danger);color:#fecaca}.recharts-surface,.recharts-wrapper{overflow:visible!important}.modal-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-box{border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 32px #00000073;box-shadow:var(--shadow);max-height:90vh;max-width:880px;overflow-y:auto;width:100%}.modal-box,.modal-header{background:#1a1d27;background:var(--panel)}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 12px;position:sticky;top:0;z-index:1}.modal-header h2{font-size:1.15rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:6px;color:#8b8fa8;color:var(--muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:4px 8px;transition:background .15s,color .15s}.modal-close:hover{background:#ffffff1a;color:#f2f5ff;color:var(--text)}.modal-footer{background:#1a1d27;background:var(--panel);border-top:1px solid #ffffff1a;border-top:1px solid var(--border);bottom:0;display:flex;gap:10px;justify-content:flex-end;margin-top:8px;padding:16px 24px 20px;position:sticky}.order-form{padding:20px 24px 0}.form-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.form-section h3{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);color:#8b8fa8;color:var(--muted);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;text-transform:uppercase}.form-section label{color:#f2f5ff;color:var(--text);display:flex;flex-direction:column;font-size:.88rem;gap:5px;margin-bottom:14px}.form-section input,.form-section select{background:#ffffff0f;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;color:#f2f5ff;color:var(--text);font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.form-section input:focus,.form-section select:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.form-section input[readonly]{cursor:not-allowed;opacity:.6}.form-section select option{background:#22263a;background:var(--panel-2);color:#f2f5ff;color:var(--text)}.req{margin-left:2px}.field-error,.req{color:#ef4444;color:var(--danger)}.field-error{font-size:.78rem}.input-prefix-wrap{align-items:center;display:flex;position:relative}.input-prefix{color:#8b8fa8;color:var(--muted);font-size:.9rem;left:12px;pointer-events:none;position:absolute;z-index:1}.input-prefix-wrap input.has-prefix{padding-left:26px}.ot-wrap{border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:10px;overflow:hidden;width:100%}.ot-scroll{overflow-x:auto;overflow-y:visible;width:100%}.ot-table{border-collapse:collapse;font-size:.85rem;width:100%}.ot-table thead tr{background:#22263a;background:var(--panel-2);border-bottom:2px solid #ffffff1a;border-bottom:2px solid var(--border)}.ot-table th{color:#8b8fa8;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.ot-table td{background:#1a1d27;background:var(--panel);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);color:#f2f5ff;color:var(--text);padding:12px 14px;vertical-align:middle}.ot-table tbody tr:last-child td{border-bottom:none}.ot-table tbody tr:hover td{background:#6366f10a}.ot-mono{color:#8b8fa8!important;color:var(--muted)!important;font-family:Courier New,monospace;font-size:.78rem!important;letter-spacing:.5px}.ot-nowrap{white-space:nowrap}.ot-addr{font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ot-addr,.ot-center{color:#8b8fa8;color:var(--muted)}.ot-center{background:#1a1d27!important;background:var(--panel)!important;padding:40px 20px!important;text-align:center}.ot-action-cell{padding:0 8px!important;text-align:center;width:40px}.ot-ctx-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:#8b8fa8;color:var(--muted);cursor:pointer;display:flex;font-size:1.3rem;height:30px;justify-content:center;line-height:1;transition:background .15s,border-color .15s,color .15s;width:30px}.ot-ctx-btn.active,.ot-ctx-btn:hover{background:#ffffff14;border-color:#ffffff1a;border-color:var(--border);color:#f2f5ff;color:var(--text)}.ot-ctx-menu{background:#22263a;background:var(--panel-2);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000080;min-width:130px;overflow:hidden;position:fixed;z-index:9999}.ot-ctx-menu button{background:none;border:none;color:#f2f5ff;color:var(--text);cursor:pointer;display:block;font-size:.875rem;padding:11px 16px;text-align:left;transition:background .1s;width:100%}.ot-ctx-menu button:hover{background:#ffffff12}.ot-ctx-menu button.danger{color:#ef4444;color:var(--danger)}.ot-ctx-menu button.danger:hover{background:#ef44441f}.dashboard-page{width:100%}.dashboard-topbar{gap:12px;justify-content:space-between;margin-bottom:24px}.dashboard-topbar,.dashboard-topbar-left{align-items:center;display:flex;flex-wrap:wrap}.dashboard-topbar-left{gap:20px}.dashboard-topbar-left h2{font-size:1.1rem;font-weight:600;margin:0}.date-filter-wrap{align-items:center;display:flex;gap:8px}.date-filter-label{color:#8b8fa8;color:var(--muted);font-size:.85rem;white-space:nowrap}.date-filter-select{appearance:auto;background:#22263a;background:var(--panel-2);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;color:#f2f5ff;color:var(--text);cursor:pointer;font-size:.85rem;outline:none;padding:7px 28px 7px 12px}.date-filter-select:focus{border-color:#6366f1;border-color:var(--accent)}.dashboard-empty{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:72px 24px;text-align:center}.dashboard-empty-icon{color:#8b8fa8;color:var(--muted);opacity:.35}.dashboard-empty h3{color:#f2f5ff;color:var(--text);font-size:1.05rem;font-weight:600;margin:0}.dashboard-empty p{color:#8b8fa8;color:var(--muted);font-size:.9rem;margin:0}.dashboard-canvas-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(12,1fr)}.dashboard-widget-card{background:#22263a;background:var(--panel-2);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;grid-column:span 4;grid-column:span var(--col-span,4);overflow:hidden}.dwc-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:14px 16px 10px}.dwc-header-left{display:flex;flex-direction:column;gap:3px;min-width:0}.dwc-title{color:#f2f5ff;color:var(--text);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dwc-desc{line-height:1.4}.dwc-badge{background:#6366f11f;border-radius:4px;color:#6366f1;color:var(--accent);flex-shrink:0;font-size:.68rem;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.dwc-body{flex:1 1;padding:16px}.wgt-kpi{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:90px;padding:20px 12px 12px;text-align:center}.wgt-kpi-value{color:#6366f1;color:var(--accent);font-size:2.4rem;font-weight:700;letter-spacing:-1px;line-height:1}.wgt-kpi-meta{align-items:center;display:flex;gap:6px;margin-top:10px}.wgt-kpi-agg{background:#6366f11f;border-radius:4px;color:#6366f1;color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.4px;padding:2px 7px;text-transform:uppercase}.wgt-kpi-field{color:#8b8fa8;color:var(--muted);font-size:.8rem}.wgt-table-wrap{width:100%}.wgt-table{border-collapse:collapse;white-space:nowrap;width:100%}.wgt-table th{color:#fff;font-size:.78rem;font-weight:600;padding:9px 12px;text-align:left}.wgt-table td{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);color:#f2f5ff;color:var(--text);font-size:.85rem;padding:9px 12px}.wgt-table tbody tr:last-child td{border-bottom:none}.wgt-table tbody tr:hover{background:#ffffff08}.wgt-table-footer{font-size:.78rem;padding:8px 4px 0;text-align:right}.wgt-table-footer,.widget-empty{color:#8b8fa8;color:var(--muted)}.widget-empty{align-items:center;display:flex;font-size:.85rem;justify-content:center;min-height:100px}.cfg-layout{border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;height:calc(100vh - 160px);min-height:500px;overflow:hidden}.cfg-sidebar{background:#1a1d27;background:var(--panel);border-right:1px solid #ffffff1a;border-right:1px solid var(--border);flex-shrink:0;min-width:220px;overflow-y:auto;width:220px}.cfg-sidebar-header{color:#8b8fa8;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.6px;padding:14px 16px;text-transform:uppercase}.cfg-group,.cfg-sidebar-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border)}.cfg-group-toggle{align-items:center;background:none;border:none;color:#f2f5ff;color:var(--text);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 16px;text-align:left;transition:background .1s;width:100%}.cfg-group-toggle:hover{background:#ffffff0d}.cfg-group-arrow{color:#8b8fa8;color:var(--muted);display:inline-block;font-size:1rem;line-height:1;transition:transform .2s}.cfg-group-arrow.open{transform:rotate(90deg)}.cfg-group-items{padding:4px 8px 8px}.cfg-widget-pill{align-items:center;border:1px solid #0000;border-radius:8px;color:#f2f5ff;color:var(--text);cursor:grab;display:flex;font-size:.85rem;gap:8px;margin-bottom:2px;padding:8px 10px;transition:background .1s,border-color .1s;-webkit-user-select:none;user-select:none}.cfg-widget-pill:hover{background:#6366f11a;border-color:#6366f14d}.cfg-widget-pill:active{cursor:grabbing}.cfg-widget-pill-icon{color:#6366f1;color:var(--accent);font-size:1rem;text-align:center;width:18px}.cfg-canvas-wrap{background:#0f1117;background:var(--bg);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.cfg-canvas-topbar{align-items:center;background:#1a1d27;background:var(--panel);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:14px 20px}.cfg-canvas-topbar h2{font-size:1rem;font-weight:600;margin:0}.cfg-canvas{grid-gap:16px;align-content:start;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(12,1fr);overflow-y:auto;padding:20px;transition:background .15s}.cfg-canvas.drag-over{background:#6366f10a;outline:2px dashed #6366f166;outline-offset:-4px}.cfg-canvas.empty{align-items:center;display:flex;justify-content:center}.cfg-canvas-empty{color:#8b8fa8;color:var(--muted);pointer-events:none;text-align:center}.cfg-canvas-empty-icon{font-size:3rem;margin-bottom:12px;opacity:.25}.cfg-canvas-empty p{font-size:.9rem}.cfg-widget-card{background:#1a1d27;background:var(--panel);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;grid-column:span 4;grid-column:span var(--col-span,4);overflow:hidden;transition:border-color .15s,box-shadow .15s}.cfg-widget-card.active,.cfg-widget-card:hover{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 2px #6366f133}.cfg-widget-card-header{align-items:center;background:#22263a;background:var(--panel-2);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:10px 12px}.cfg-widget-type-badge{background:#6366f126;border-radius:4px;color:#6366f1;color:var(--accent);font-size:.68rem;font-weight:600;letter-spacing:.4px;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.cfg-widget-card-title{flex:1 1;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfg-widget-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.cfg-widget-card:hover .cfg-widget-actions{opacity:1}.cfg-action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;line-height:1;padding:4px 6px;transition:background .1s}.cfg-action-btn.settings{color:#8b8fa8;color:var(--muted)}.cfg-action-btn.settings:hover{background:#ffffff14;color:#f2f5ff;color:var(--text)}.cfg-action-btn.delete{color:#8b8fa8;color:var(--muted)}.cfg-action-btn.delete:hover{background:#ef444426;color:#ef4444;color:var(--danger)}.cfg-widget-card-preview{min-height:72px;padding:14px 16px}.cfg-widget-card-preview,.widget-preview{align-items:center;display:flex;justify-content:center}.widget-preview{width:100%}.preview-bar{align-items:flex-end;display:flex;gap:5px;height:44px}.preview-bar span{background:#6366f1;background:var(--accent);border-radius:2px 2px 0 0;opacity:.65;width:12px}.preview-bar span:first-child{height:55%}.preview-bar span:nth-child(2){height:90%}.preview-bar span:nth-child(3){height:40%}.preview-bar span:nth-child(4){height:72%}.preview-bar span:nth-child(5){height:55%}.preview-scatter{display:flex;flex-wrap:wrap;gap:7px;padding:6px;width:72px}.preview-scatter span{background:#6366f1;background:var(--accent);border-radius:50%;height:7px;opacity:.7;width:7px}.preview-table{display:flex;flex-direction:column;gap:4px;max-width:110px;width:100%}.preview-table span{background:#ffffff1a;background:var(--border);border-radius:2px;height:7px}.preview-table span:first-child{background:#6366f166}.preview-kpi{text-align:center}.preview-kpi strong{color:#6366f1;color:var(--accent);display:block;font-size:1.3rem;font-weight:700}.preview-kpi small{color:#8b8fa8;color:var(--muted);font-size:.72rem}.cfg-drop-placeholder{background:#6366f1;background:var(--accent);border-radius:2px;grid-column:span 12;height:3px;margin:-6px 0;opacity:.7}.cfg-settings-panel{border-left:1px solid #ffffff1a;border-left:1px solid var(--border);flex-shrink:0;min-width:280px;overflow-y:auto;width:280px}.cfg-settings-header,.cfg-settings-panel{background:#1a1d27;background:var(--panel)}.cfg-settings-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;padding:14px 16px;position:sticky;top:0;z-index:1}.cfg-close-btn{background:none;border:none;border-radius:4px;color:#8b8fa8;color:var(--muted);cursor:pointer;font-size:.9rem;padding:2px 6px;transition:background .1s}.cfg-close-btn:hover{background:#ffffff14;color:#f2f5ff;color:var(--text)}.cfg-settings-body{padding:16px}.settings-section{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section-title{color:#8b8fa8;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.settings-label{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.settings-input,.settings-label{color:#f2f5ff;color:var(--text);font-size:.85rem}.settings-input{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:6px;outline:none;padding:8px 10px;transition:border-color .15s;width:100%}.settings-input:focus{border-color:#6366f1;border-color:var(--accent)}.settings-input option{background:#22263a;color:#f2f5ff}.settings-input[readonly]{cursor:not-allowed;opacity:.5}.settings-input:disabled{background:#ffffff05;color:#8b8fa8;color:var(--muted);cursor:not-allowed;opacity:.4}.date-filter-select option,.form-section select option,.settings-input option,select option{background-color:#22263a;color:#f2f5ff}.settings-textarea{min-height:56px;resize:vertical}.settings-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.settings-checkbox-label{align-items:center;cursor:pointer;flex-direction:row!important;gap:8px!important}.settings-multiselect{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:5px;max-height:190px;overflow-y:auto;padding:8px}.settings-filter-section{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:6px;margin-top:10px;padding:10px}.filter-builder{display:flex;flex-direction:column;gap:8px}.filter-row{align-items:center;display:flex;gap:6px}@media (max-width:1024px){.dashboard-canvas-grid{grid-template-columns:repeat(8,1fr)}.dashboard-widget-card{grid-column:span min(4,8);grid-column:span min(var(--col-span,4),8)}.cfg-layout{flex-direction:column;height:auto}.cfg-sidebar{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);border-right:none}.cfg-settings-panel,.cfg-sidebar{min-width:0;min-width:auto;width:100%}.cfg-settings-panel{border-left:none;border-top:1px solid #ffffff1a;border-top:1px solid var(--border)}}@media (max-width:640px){.dashboard-canvas-grid{grid-template-columns:repeat(4,1fr)}.dashboard-widget-card{grid-column:span min(4,4);grid-column:span min(var(--col-span,4),4)}.form-grid{grid-template-columns:1fr}}.cfg-drag-handle{color:#8b8fa8;color:var(--muted);cursor:grab;flex-shrink:0;font-size:1rem;opacity:.5;padding:0 4px;transition:opacity .15s}.cfg-widget-card:hover .cfg-drag-handle{opacity:1}.cfg-col-badge{background:#ffffff14;border-radius:4px;color:#8b8fa8;color:var(--muted);flex-shrink:0;font-size:.68rem;font-weight:600;padding:2px 6px;white-space:nowrap}.cfg-widget-card.drag-over-card{border-color:#6366f1;border-color:var(--accent);border-style:dashed;box-shadow:0 0 0 2px #6366f14d}.cfg-resize-handle{align-items:center;background:#ffffff08;border-top:1px solid #ffffff1a;border-top:1px solid var(--border);color:#8b8fa8;color:var(--muted);cursor:ew-resize;display:flex;font-size:.75rem;height:20px;justify-content:center;letter-spacing:2px;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.cfg-resize-handle:hover{background:#6366f11a;color:#6366f1;color:var(--accent)}.cfg-save-msg{animation:fadeIn .2s ease;background:#22c55e1f;border:1px solid #22c55e40;border-radius:6px;color:#22c55e;color:var(--success);font-size:.82rem;padding:4px 10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dwc-delete-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:#8b8fa8;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:26px;justify-content:center;opacity:0;transition:background .15s,border-color .15s,color .15s;width:26px}.dashboard-widget-card:hover .dwc-delete-btn{opacity:1}.dwc-delete-btn:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444;color:var(--danger)}.dwc-panel-body .settings-input{background:#ffffff0f!important;border:1px solid #ffffff1a!important;border:1px solid var(--border)!important;border-radius:6px;color:#f2f5ff!important;color:var(--text)!important}.dwc-panel-body .settings-input:focus{border-color:#6366f1!important;border-color:var(--accent)!important;box-shadow:0 0 0 2px #6366f133!important}.dwc-panel-body .settings-input[readonly]{cursor:not-allowed;opacity:.5}.dwc-panel-body .settings-input:disabled{cursor:not-allowed;opacity:.35}.dwc-panel-body select.settings-input option{background:#22263a!important;color:#f2f5ff!important}.dwc-panel-body .settings-textarea{min-height:56px;resize:vertical}.dwc-panel-body .settings-section{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:16px}.dwc-panel-body .settings-section:last-child{border-bottom:none;margin-bottom:0}.dwc-panel-body .settings-label{color:#f2f5ff;color:var(--text);font-size:.85rem;margin-bottom:10px}.dwc-panel-body .settings-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.dwc-panel-body .settings-checkbox-label{align-items:center;cursor:pointer;flex-direction:row!important;gap:8px!important}.dwc-panel-body .settings-multiselect{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:6px;max-height:150px;overflow-y:auto;padding:8px}.dwc-drag-handle{color:#8b8fa8;color:var(--muted);cursor:grab;flex-shrink:0;font-size:1rem;margin-right:6px;opacity:.4;transition:opacity .15s}.dashboard-widget-card:hover .dwc-drag-handle{opacity:1}.dashboard-widget-card.drag-over-card{border-color:#6366f1;border-color:var(--accent);border-style:dashed;box-shadow:0 0 0 2px #6366f14d}.dwc-action-btn{transition:background .15s,border-color .15s,color .15s}.dwc-modal-overlay{align-items:center;animation:fadeInOverlay .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.dwc-modal{animation:popIn .22s cubic-bezier(.34,1.56,.64,1);background:#1a1d27;background:var(--panel);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 80px #000000b3;display:flex;flex-direction:column;max-height:85vh;max-width:560px;width:100%}@keyframes popIn{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.dwc-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.dwc-modal-header-left{display:flex;flex-direction:column;gap:3px}.dwc-modal-title{color:#f2f5ff;color:var(--text);font-size:1.05rem;font-weight:700}.dwc-modal-subtitle{color:#8b8fa8;color:var(--muted);font-size:.78rem}.dwc-modal-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;color:#8b8fa8;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;transition:background .15s,color .15s;width:32px}.dwc-modal-close:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444;color:var(--danger)}.dwc-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.dwc-modal-grid{grid-gap:0 24px;display:grid;gap:0 24px;grid-template-columns:1fr 1fr}.dwc-modal-grid .settings-section{grid-column:span 2}.dwc-modal-grid .settings-section.half{grid-column:span 1}.dwc-modal-body .settings-section{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:18px}.dwc-modal-body .settings-section:last-child{border-bottom:none;margin-bottom:0}.dwc-modal-body .settings-section-title{border-bottom:1px solid #6366f133;color:#6366f1;color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.6px;margin-bottom:12px;padding-bottom:6px;text-transform:uppercase}.dwc-modal-body .settings-label{color:#f2f5ff;color:var(--text);display:flex;flex-direction:column;font-size:.85rem;gap:5px;margin-bottom:12px}.dwc-modal-body .settings-input{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;color:#f2f5ff;color:var(--text);font-size:.875rem;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.dwc-modal-body .settings-input:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.dwc-modal-body .settings-input[readonly]{cursor:not-allowed;opacity:.45}.dwc-modal-body .settings-input:disabled{cursor:not-allowed;opacity:.35}.dwc-modal-body select.settings-input option{background:#22263a;color:#f2f5ff}.dwc-modal-body .settings-textarea{min-height:60px;resize:vertical}.dwc-modal-body .settings-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.dwc-modal-body .settings-checkbox-label{align-items:center;cursor:pointer;flex-direction:row!important;font-size:.875rem;gap:8px!important}.dwc-modal-body .settings-multiselect{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto;padding:10px}.dwc-modal-footer{background:#22263a;background:var(--panel-2);border-radius:0 0 16px 16px;border-top:1px solid #ffffff1a;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px}.realtime-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:20px;color:#22c55e;color:var(--success);display:flex;font-size:.75rem;font-weight:600;gap:5px;padding:3px 10px}.realtime-dot{animation:pulse 2s ease-in-out infinite;background:#22c55e;background:var(--success);border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:24px;z-index:9999}.dash-toast{align-items:center;animation:toastIn .25s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;box-shadow:0 8px 24px #0006;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 18px}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dash-toast-success{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.dash-toast-error{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.widget-skeleton{padding:8px}.skel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.skel-bar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%);background-size:200% 100%;border-radius:6px;height:12px}.skel-bar.w60{width:60%}.skel-bar.w30{border-radius:4px;height:20px;width:30%}.skel-chart{animation:shimmer 1.5s .2s infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:8px;height:160px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.layout-switcher select{font-size:.85rem}.layout-popup{animation:popIn .18s cubic-bezier(.34,1.56,.64,1);background:#1a1d27;background:var(--panel);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 40px #00000080;padding:14px;position:absolute;right:0;top:calc(100% + 8px);width:220px;z-index:500}.layout-input{background:#ffffff0f;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:7px;color:#f2f5ff;color:var(--text);font-size:.875rem;outline:none;padding:8px 12px;width:100%}.layout-input:focus{border-color:#6366f1;border-color:var(--accent)}@media print{.dashboard-topbar,.dwc-action-btn,.dwc-resize-handle,.header,.layout-switcher,.ot-wrap,.panel-header,.realtime-badge,.toast-container,footer{display:none!important}.panel{border:none!important;box-shadow:none!important;padding:0!important}.dashboard-canvas-grid{gap:12px!important}.dashboard-widget-card{break-inside:avoid;page-break-inside:avoid}body{background:#fff!important;color:#000!important}}.side-panel-overlay{background:#00000026;inset:0;position:fixed;z-index:498}.side-panel{animation:slideInRight .22s ease;background:#1a1d27;background:var(--panel);border-left:1px solid #ffffff1a;border-left:1px solid var(--border);box-shadow:-8px 0 40px #00000080;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:300px;z-index:499}.side-panel-header{align-items:flex-start;background:#22263a;background:var(--panel-2);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px}.side-panel-title{color:#f2f5ff;color:var(--text);font-size:.95rem;font-weight:700}.side-panel-subtitle{color:#6366f1;color:var(--accent);font-size:.78rem;margin-top:2px}.side-panel-body{flex:1 1;overflow-y:auto;padding:16px 20px}.side-panel-footer{background:#22263a;background:var(--panel-2);border-top:1px solid #ffffff1a;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}.sp-section{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:18px}.sp-section:last-child{border-bottom:none;margin-bottom:0}.sp-section-title{border-bottom:1px solid #6366f126;color:#6366f1;color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.6px;margin-bottom:10px;padding-bottom:6px;text-transform:uppercase}.sp-label{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.sp-input,.sp-label{color:#f2f5ff;color:var(--text);font-size:.84rem}.sp-input{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:7px;outline:none;padding:8px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.sp-input:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 2px #6366f133}.sp-input[readonly]{cursor:not-allowed;opacity:.45}.sp-input:disabled{cursor:not-allowed;opacity:.35}.sp-input option{background:#22263a;color:#f2f5ff}.sp-textarea{min-height:56px;resize:vertical}.sp-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.sp-checkbox-label{align-items:center;color:#f2f5ff;color:var(--text);cursor:pointer;display:flex;font-size:.84rem;gap:8px;margin-bottom:8px}.sp-multiselect{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:7px;display:flex;flex-direction:column;gap:5px;max-height:180px;overflow-y:auto;padding:8px}.dwc-action-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:#8b8fa8;color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:26px;justify-content:center;opacity:0;transition:all .15s;width:26px}.dashboard-widget-card:hover .dwc-action-btn{opacity:1}.dwc-action-btn:hover{background:#ffffff14;border-color:#ffffff1a;border-color:var(--border);color:#f2f5ff;color:var(--text)}.dwc-action-btn.danger:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444;color:var(--danger)}.dwc-resize-handle{align-items:center;background:#ffffff05;border-top:1px solid #ffffff1a;border-top:1px solid var(--border);color:#8b8fa8;color:var(--muted);cursor:ew-resize;display:flex;font-size:.75rem;gap:8px;height:22px;justify-content:center;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.dwc-resize-handle:hover{background:#6366f11a;color:#6366f1;color:var(--accent)}.dwc-col-badge{background:#ffffff0f;border-radius:4px;font-size:.68rem;padding:1px 6px}.dwc-col-badge,.dwc-desc{color:#8b8fa8;color:var(--muted)}.dwc-desc{font-size:.78rem;margin-top:2px}
/*# sourceMappingURL=main.68198be2.css.map*/