*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;overflow:hidden}:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-border: #334155;--color-border-hover: #475569;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-accent-blue: #3b82f6;--color-accent-green: #22c55e;--color-accent-purple: #8b5cf6;--color-accent-orange: #f59e0b;--color-accent-red: #ef4444;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}gridster{background:transparent!important}.canvas-wrapper{flex:1;overflow:auto!important;padding:20px;position:relative;min-height:0}.main-content{flex:1;display:flex;overflow:hidden;min-height:0!important}.canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0!important}.sidebar-content{flex:1;overflow-y:auto;padding:16px;min-height:0}.widget-sidebar{display:flex;flex-direction:column;overflow:hidden;min-height:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent-blue);color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-success{background:var(--color-accent-green);color:#fff}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-danger{background:var(--color-accent-red);color:#fff}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-icon{width:36px;height:36px;padding:0;background:transparent;border:none;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.form-control,.form-select{width:100%;padding:10px 12px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px}.form-control:focus,.form-select:focus{outline:none;border-color:var(--color-accent-blue)}.form-control::placeholder,.form-select::placeholder{color:var(--color-text-muted)}.form-select{cursor:pointer}.form-label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--color-text-secondary)}.cdk-drag-preview{box-shadow:var(--shadow-lg);border-radius:var(--radius-md);z-index:1000}.cdk-drag-placeholder{opacity:.3}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn .3s ease}.animate-spin,.spin{animation:spin 1s linear infinite}.apexcharts-canvas{background:transparent!important}.apexcharts-text,.apexcharts-legend-text{fill:var(--color-text-secondary)!important;color:var(--color-text-secondary)!important}.apexcharts-gridline{stroke:var(--color-border)!important}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.card-body{padding:20px}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent-blue)}.text-success{color:var(--color-accent-green)}.text-danger{color:var(--color-accent-red)}.bg-primary{background:var(--color-bg-primary)}.bg-secondary{background:var(--color-bg-secondary)}.bg-tertiary{background:var(--color-bg-tertiary)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.grid-pattern{background-image:linear-gradient(rgba(51,65,85,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(51,65,85,.3) 1px,transparent 1px);background-size:20px 20px}.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;z-index:2000;animation:fadeIn .3s ease}.toast-success{border-left:4px solid var(--color-accent-green)}.toast-error{border-left:4px solid var(--color-accent-red)}.toast-info{border-left:4px solid var(--color-accent-blue)}