@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";:global(:root){--bg: #ffffff;--bg-alt: #f6f8fa;--text: #222222;--text-muted: #555;--success: #4caf50;--warning: #ff9f43;--info: #4ecdc4;--border: #e0e0e01f;--axodus-bg: #0b1326;--axodus-text: #dae2fd;--axodus-gradient: linear-gradient(135deg, #c0c1ff 0%, #8083ff 100%);--axodus-glass-bg: rgba(45, 52, 73, .4);--axodus-glass-bg-alt: rgba(34, 42, 61, .6);--axodus-border-ghost: rgba(70, 69, 84, .15);--header-h: 60px;--footer-h: 50px;--sidebar-w: 200px;--sidebar-w-collapsed: 40px;--header-bg: #5cc6d0;--sidebar-bg: #5cc6d0;--card-bg: #e6e6e6;--footer-bg: #5cc6d0;--md-sys-color-on-secondary: #00382a;--md-sys-color-secondary-container: #00c89e;--md-sys-color-on-secondary-container: #004d3b;--md-sys-color-on-tertiary: #4f2500;--md-sys-color-tertiary-container: #d97721;--md-sys-color-on-tertiary-container: #452000;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-outline-variant: #464554;--md-sys-color-inverse-surface: #dae2fd;--md-sys-color-inverse-on-surface: #283044;--md-sys-color-inverse-primary: #494bd6;--md-sys-color-surface-dim: #0b1326;--md-sys-color-primary-fixed: #e1e0ff;--md-sys-color-primary-fixed-dim: #c0c1ff;--md-sys-color-on-primary-fixed: #07006c;--md-sys-color-on-primary-fixed-variant: #2f2ebe;--md-sys-color-secondary-fixed: #5ffcce;--md-sys-color-secondary-fixed-dim: #38dfb3;--md-sys-color-on-secondary-fixed: #002117;--md-sys-color-on-secondary-fixed-variant: #00513e;--md-sys-color-tertiary-fixed: #ffdcc5;--md-sys-color-tertiary-fixed-dim: #ffb783;--md-sys-color-on-tertiary-fixed: #301400;--md-sys-color-on-tertiary-fixed-variant: #703700;--md-sys-color-surface-tint: #c0c1ff;--md-sys-shape-corner-default: .125rem;--md-sys-shape-corner-lg: .25rem;--md-sys-shape-corner-xl: .5rem;--md-sys-shape-corner-full: .75rem}:global(.dark){--bg: #04191b;--bg-alt: #081718;--text: #5cc6ce;--text-muted: #c3c3c3;--primary: #00bcd4;--success: #43a047;--error: #e53935;--warning: #fb8c00;--info: #4ecdc4;--border: #505c817a;--header-bg: #222222;--sidebar-bg: #222222;--card-bg: #0c2224;--footer-bg: #222222}:global(.dark) *,:global(.dark) :before,:global(.dark) :after{border-color:#505c817a}:global(html),:global(body){margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;background-color:var(--axodus-bg)!important;color:var(--axodus-text);overflow-x:hidden}:global(.bg-background){background-color:var(--axodus-bg)!important}:global(code){font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:global(.material-symbols-outlined){font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;display:inline-block}:global(::-webkit-scrollbar){width:6px}:global(::-webkit-scrollbar-track){background:var(--axodus-bg)}:global(::-webkit-scrollbar-thumb){background:#2d3449;border-radius:10px}:global(.glassPanel){background:var(--axodus-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}:global(.glassCard){background:var(--axodus-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(192,193,255,.05)}:global(.glassEffect){background:var(--axodus-glass-bg-alt);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:global(.ghostBorder){border:1px solid var(--axodus-border-ghost)}:global(.kineticGradient){background:var(--axodus-gradient)}:global(.gradientText){background:var(--axodus-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}:global(.gradientBg){background:var(--axodus-gradient)}:global(.glowSecondary){filter:drop-shadow(0 0 4px #41e4b866)}:global(.glowError){filter:drop-shadow(0 0 4px #ffb4ab66)}:global(.scrollbarHide){-ms-overflow-style:none;scrollbar-width:none}:global(.scrollbarHide)::-webkit-scrollbar{display:none}:global(.customScrollbar)::-webkit-scrollbar{width:4px}:global(.customScrollbar)::-webkit-scrollbar-track{background:#060e20}:global(.customScrollbar)::-webkit-scrollbar-thumb{background:#464554;border-radius:2px}:global(.mono){font-family:JetBrains Mono,monospace}:global(.appLayout){display:flex;flex-direction:column;height:100vh}:global(.appMain){display:flex;flex:1;overflow:hidden;background:var(--axodus-bg)}:global(.appContent){display:flex;flex-direction:column;flex:1;overflow-y:auto;background:var(--axodus-bg);margin-left:var(--sidebar-w);margin-top:var(--header-h);margin-bottom:var(--footer-h);padding:5px 5px 5px 2%}:global(.collapsed) .appContent{margin-left:var(--sidebar-w-collapsed)}:global(footer){width:100%;text-align:center;background-color:var(--footer-bg);font-size:.875rem;color:var(--text-muted)}:global(h1),:global(h2),:global(h3),:global(h4),:global(h5),:global(h6){margin:0 0 1rem;color:var(--axodus-text)}:global(pre){background-color:var(--bg-alt);color:var(--text);padding:1rem;border-radius:5px;overflow-x:auto}:global(.appHeader){height:var(--header-h);background-color:var(--header-bg);color:var(--text);display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;box-shadow:0 2px 4px #0000000f;position:fixed;top:0;left:0;right:0;z-index:1000}:global(.appHeaderLeft) h1{font-size:1.5rem;font-weight:700;margin:0}:global(.appHeaderRight){display:flex;align-items:center;gap:2rem;width:fit-content}:global(.walletAddress){font-size:.875rem;padding:.4rem .75rem;border-radius:4px;color:var(--text);min-width:fit-content;font-weight:700}:global(.appSidebar){width:var(--sidebar-w);background-color:var(--sidebar-bg);color:var(--text);padding:1% 1% 0 0;height:calc(98vh - var(--header-h));position:fixed;top:var(--header-h);left:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between}:global(.appSidebar) nav ul{list-style:none;padding:0}:global(.appSidebar) nav ul li{margin-bottom:1rem}:global(.appSidebar) nav ul li a{color:var(--text);text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;display:block;border-radius:5px}:global(.appSidebar) nav ul li a:hover,:global(.appSidebar) nav ul li a.active{background-color:var(--bg-alt);color:var(--primary)}:global(.appSidebar) nav ul li a.active{font-weight:600}:global(.appSidebarToggle){background:none;border:none;color:var(--text);cursor:pointer;align-self:flex-end}:global(.sdFooter){margin-bottom:20px}:global(.themeToggle){background:none;border:none;color:var(--text);cursor:pointer;align-self:flex-end}:global(.themeToggle) li{display:grid}:global(.disconnectButton){border:none;background:var(--text);cursor:pointer;padding:4% 10%;border-radius:50px;color:var(--bg);font-weight:400}:global(.border){border:1px solid var(--border)}.container{display:inline-flex}.indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:20px;font-size:.85rem;font-weight:600;transition:all .3s}.indicator.connected{background:#f0fff4;color:#2d6a3e;border:1px solid #4caf50}.indicator.disconnected{background:#fff3f3;color:#d63031;border:1px solid #ff6b6b}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.connected .dot{background:#4caf50;animation:pulse 2s infinite}.disconnected .dot{background:#ff6b6b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.label{-webkit-user-select:none;user-select:none}.refreshButton{padding:.75rem 1.5rem;background:#4ecdc4;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.metricsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metricCard{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.metricLabel{color:#666;font-size:.9rem;margin-bottom:.5rem}.metricValue{font-size:1.8rem;font-weight:700;color:#1a1a1a}.metricSubvalue{color:#4ecdc4;font-size:.95rem;margin-top:.25rem}.chartsGrid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.chartFull{grid-column:1 / -1}.balancesSection{margin-top:2rem}.balancesSection h2{font-size:1.5rem;margin-bottom:1.5rem;color:#1a1a1a}.exchangesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.exchangeCard{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.exchangeCard h3{margin:0 0 1rem;font-size:1.2rem;color:#1a1a1a;text-transform:capitalize;border-bottom:2px solid #4ecdc4;padding-bottom:.5rem}.tokenList{display:flex;flex-direction:column;gap:1rem}.tokenItem{padding:.75rem;background:#f9f9f9;border-radius:8px}.tokenHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tokenName{font-weight:600;color:#1a1a1a;font-size:1rem}.tokenValue{font-weight:700;color:#4ecdc4;font-size:1rem}.tokenDetails{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#666}.locked{color:#ff6b6b}.loadingState{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4ecdc4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emptyState p:first-child{font-size:3rem;margin-bottom:1rem}.emptyHint{font-size:.95rem;color:#bbb}@media(max-width:1200px){.chartsGrid{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:1rem}.header{flex-direction:column;gap:1rem;align-items:flex-start}.metricsGrid,.exchangesGrid{grid-template-columns:1fr}}.container{padding:2rem;max-width:1400px;margin:0 auto}.layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.formSection{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.formSection h2{margin:0 0 1.5rem;font-size:1.3rem;color:#1a1a1a}.currentPrice{background:#f0f9ff;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;color:#1a1a1a}.currentPrice strong{color:#4ecdc4;font-size:1.2rem}.formGroup{margin-bottom:1.5rem}.formGroup label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.formGroup input,.formGroup select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.formGroup input:focus,.formGroup select:focus{outline:none;border-color:#4ecdc4}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tab{flex:1;padding:.75rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.tab:hover{background:#f5f5f5}.tab.active{background:#4ecdc4;color:#fff;border-color:#4ecdc4}.buyTab.active{background:#4caf50;border-color:#4caf50}.sellTab.active{background:#f44336;border-color:#f44336}.total{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9f9f9;border-radius:8px;margin-bottom:1.5rem;font-size:1.1rem}.total strong{color:#4ecdc4;font-size:1.3rem}.submitButton{width:100%;padding:1rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.submitButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.buyButton{background:#4caf50;color:#fff}.buyButton:hover:not(:disabled){background:#45a049}.sellButton{background:#f44336;color:#fff}.sellButton:hover:not(:disabled){background:#da190b}.errorMessage{margin-top:1rem;padding:1rem;background:#fff3f3;border:2px solid #ff6b6b;border-radius:8px;color:#d32f2f}.successMessage{margin-top:1rem;padding:1rem;background:#f0f9ff;border:2px solid #4caf50;border-radius:8px;color:#2e7d32}.ordersSection{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.ordersHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ordersHeader h2{margin:0;font-size:1.3rem;color:#1a1a1a}.refreshButton{padding:.5rem 1rem;background:#4ecdc4;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.emptyOrders{text-align:center;padding:3rem;color:#999}.ordersList{display:flex;flex-direction:column;gap:1rem}.orderCard{background:#f9f9f9;border-radius:8px;padding:1rem;border:2px solid #e0e0e0;transition:border-color .3s}.orderCard:hover{border-color:#4ecdc4}.orderHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e0e0e0}.orderSymbol{font-weight:700;font-size:1.1rem;color:#1a1a1a}.orderSide{padding:.25rem .75rem;border-radius:20px;font-weight:600;font-size:.85rem;color:#fff}.orderSide.buy{background:#4caf50}.orderSide.sell{background:#f44336}.orderDetails{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.9rem;color:#666;margin-bottom:.75rem}.status{color:#4ecdc4;font-weight:600}.cancelButton{width:100%;padding:.5rem;background:#ff6b6b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}.cancelButton:hover{background:#ff5252}@media(max-width:1024px){.layout{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:1rem}.formSection,.ordersSection{padding:1.5rem}.orderDetails{grid-template-columns:1fr}}.container{padding:2rem;max-width:1600px;margin:0 auto}.header{margin-bottom:2rem}.controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.controlGroup{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.controlGroup label{font-weight:600;color:#666;font-size:.9rem}.controlGroup input,.controlGroup select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;min-width:150px;transition:border-color .3s}.controlGroup input:focus,.controlGroup select:focus{outline:none;border-color:#4ecdc4}.refreshButton{padding:.75rem 1.5rem;background:#4ecdc4;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;align-self:flex-end}.refreshButton:hover{background:#45b7af;transform:translateY(-2px)}.refreshButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.summaryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.summaryCard{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.summaryLabel{color:#666;font-size:.85rem;margin-bottom:.5rem}.summaryValue{font-size:1.5rem;font-weight:700;color:#1a1a1a}.summaryValue.positive{color:#4caf50}.summaryValue.negative{color:#f44336}.chartsLayout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:1200px){.chartsLayout{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:1rem}.controls{flex-direction:column}.controlGroup input,.controlGroup select{width:100%}.summaryGrid{grid-template-columns:1fr}}.form{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.form h2{font-size:1.5rem;font-weight:700;margin:0 0 2rem;color:var(--text)}.section h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--text);border-bottom:2px solid var(--border);padding-bottom:.5rem}.field label{font-weight:600;color:var(--text-muted);font-size:.9rem}.field input,.field select{padding:.75rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .3s}.field input:focus,.field select:focus{outline:none;border-color:var(--primary)}.fieldGroup{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.submitButton{width:100%;padding:1.25rem;background:var(--primary);color:var(--bg);border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #00000026;margin-top:1rem}.submitButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}@media(max-width:768px){.form{padding:1.5rem}.fieldGroup{grid-template-columns:1fr}}.container{height:100%;overflow-y:auto}.header h2{font-size:1.5rem;font-weight:700;margin:0;color:#1a1a1a}.strategyBadge{padding:.5rem 1rem;background:#f0f9ff;border:2px solid #4ecdc4;border-radius:20px;font-weight:600;font-size:.9rem;color:#4ecdc4;text-transform:uppercase}.metricsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.metricCard{background:#f8f9fa;border-radius:12px;padding:1.25rem;border-left:4px solid #4ecdc4}.metricLabel{font-size:.85rem;color:#666;margin-bottom:.5rem}.metricValue{font-size:1.5rem;font-weight:700;color:#1a1a1a}.chartSection{margin-bottom:2rem}.chartSection h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#1a1a1a}.tradeAnalysis{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px}.tradeAnalysis h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#1a1a1a}.analysisGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.analysisItem{display:flex;justify-content:space-between;padding:.75rem;background:#fff;border-radius:8px}.analysisLabel{color:#666;font-size:.9rem}.analysisValue{font-weight:600;font-size:.95rem;color:#1a1a1a}.tradesSection{margin-bottom:2rem}.tradesSection h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#1a1a1a}.tradesTable{border:2px solid #e0e0e0;border-radius:12px;overflow:hidden}.tradesHeader{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;background:#f8f9fa;font-weight:600;font-size:.9rem;color:#666;border-bottom:2px solid #e0e0e0}.tradeRow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid #e0e0e0;font-size:.9rem;align-items:center}.tradeRow:last-child{border-bottom:none}.tradeRow:hover{background:#f8f9fa}.buyBadge,.sellBadge{padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.85rem;text-transform:uppercase;text-align:center}.buyBadge{background:#f0fff4;color:#4caf50;border:1px solid #4caf50}.sellBadge{background:#fff3f3;color:#f44336;border:1px solid #f44336}.pnlValue{font-weight:700}.empty{text-align:center;padding:3rem;color:#999}@media(max-width:768px){.metricsGrid{grid-template-columns:1fr 1fr}.tradesHeader,.tradeRow{grid-template-columns:1fr;gap:.5rem}.tradesHeader span,.tradeRow span{padding:.25rem 0}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header h3{font-size:1.1rem;font-weight:600;margin:0;color:#1a1a1a}.refreshButton{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s}.refreshButton:hover{background:#f5f5f5}.empty{text-align:center;padding:2rem;color:#999}.list{display:flex;flex-direction:column;gap:.75rem}.item{padding:1rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s}.item:hover{border-color:#4ecdc4;background:#f8f9fa}.itemSelected{border-color:#4ecdc4;background:#f0f9ff}.itemHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.itemTitle{font-weight:600;font-size:.95rem;color:#1a1a1a;text-transform:uppercase}.statusBadge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.statusCompleted{background:#f0fff4;color:#2d6a3e;border:1px solid #4caf50}.statusRunning{background:#f0f9ff;color:#1976d2;border:1px solid #4ecdc4}.statusFailed{background:#fff3f3;color:#d63031;border:1px solid #ff6b6b}.statusPending{background:#fff9e6;color:#ff9f43;border:1px solid #ffd93d}.itemDetails{display:flex;flex-direction:column;gap:.25rem}.detailRow{display:flex;justify-content:space-between;font-size:.85rem}.detailLabel{color:#666}.detailValue{font-weight:600;color:#1a1a1a}.positive{color:#4caf50}.negative{color:#f44336}.progressBar{margin-top:.75rem;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,#4ecdc4,#44a08d);transition:width .3s}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.tab{padding:.875rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:600;color:#666;transition:all .3s;margin-bottom:-2px}.tab:hover{color:#4ecdc4;background:#f8f9fa}.tabActive{color:#4ecdc4;border-bottom-color:#4ecdc4}.content{min-height:600px}.formSection{max-width:800px;margin:0 auto}.historySection{width:100%}.historyLayout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;min-height:600px}.listPanel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;overflow-y:auto;max-height:calc(100vh - 250px)}.resultsPanel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.loading{text-align:center;padding:3rem;color:#999}@media(max-width:1200px){.historyLayout{grid-template-columns:1fr}.listPanel{max-height:400px}}@media(max-width:768px){.container{padding:1rem}.tabs{flex-direction:column}.tab{width:100%;text-align:left}}.form{height:100%;overflow-y:auto}.formHeader{margin-bottom:2rem}.formHeader h2{font-size:1.5rem;font-weight:700;margin:0;color:#1a1a1a}.errorBox{background:#fff3f3;border:2px solid #ff6b6b;border-radius:8px;padding:1rem;margin-bottom:2rem}.errorBox strong{display:block;margin-bottom:.5rem;color:#d63031}.errorBox ul{margin:0;padding-left:1.5rem;color:#d63031}.section h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#1a1a1a;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.field label{font-weight:600;color:#666;font-size:.9rem}.field input,.field select,.field textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#4ecdc4}.field input:disabled{background:#f5f5f5;cursor:not-allowed}.checkboxLabel{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkboxLabel input[type=checkbox]{width:18px;height:18px;cursor:pointer}.hint{font-size:.8rem;color:#999}.templateGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.templateCard{padding:1.25rem;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s}.templateCard:hover{border-color:#4ecdc4;background:#f8f9fa}.templateCardSelected{border-color:#4ecdc4;background:#f0f9ff}.templateName{font-weight:600;font-size:1rem;color:#1a1a1a;margin-bottom:.5rem}.templateDescription{font-size:.85rem;color:#666;line-height:1.4}.parametersGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:2px solid #e0e0e0}.cancelButton{padding:.875rem 2rem;background:#fff;color:#666;border:2px solid #e0e0e0;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s}.cancelButton:hover{border-color:#999;color:#1a1a1a}.submitButton{padding:.875rem 2rem;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #4ecdc44d}.submitButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4ecdc466}.submitButton:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.templateGrid,.parametersGrid{grid-template-columns:1fr}.actions{flex-direction:column}.cancelButton,.submitButton{width:100%}}.container{height:100%}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.header h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#1a1a1a}.description{margin:0;color:#666;font-size:.95rem;line-height:1.4}.typeBadge{padding:.5rem 1rem;background:#f0f9ff;border:2px solid #4ecdc4;border-radius:20px;font-weight:600;font-size:.9rem;color:#4ecdc4}.section{margin-bottom:2rem}.section h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#1a1a1a}.configGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.configItem{padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #4ecdc4}.configLabel{display:block;font-size:.85rem;color:#666;margin-bottom:.25rem;font-weight:600}.configValue{display:block;font-size:1.1rem;color:#1a1a1a;font-weight:600}.actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #e0e0e0}.editButton{padding:.875rem 1.5rem;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #4ecdc44d}.editButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4ecdc466}.deleteButton{padding:.875rem 1.5rem;background:#fff;color:#ff6b6b;border:2px solid #ff6b6b;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s}.deleteButton:hover{background:#ff6b6b;color:#fff}.editButton:disabled,.deleteButton:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.header{flex-direction:column;gap:1rem}.configGrid{grid-template-columns:1fr}.actions{flex-direction:column}.editButton,.deleteButton{width:100%}}.container{padding:2rem;max-width:1800px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1{font-size:2rem;font-weight:700;margin:0;color:#1a1a1a}.subtitle{color:#666;margin-top:.5rem;font-size:.95rem}.headerActions{display:flex;gap:1rem;align-items:center}.newButton{padding:.875rem 1.5rem;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #4ecdc44d}.newButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4ecdc466}.errorBanner{background:#fff3f3;border:2px solid #ff6b6b;border-radius:8px;padding:1rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.errorBanner button{padding:.5rem 1rem;background:#ff6b6b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;min-height:600px}.sidebar{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.emptyState{text-align:center;padding:4rem;color:#999}.emptyIcon{font-size:4rem;margin-bottom:1rem}.emptyState p{font-size:1.1rem}@media(max-width:1200px){.layout{grid-template-columns:1fr}.sidebar{max-height:400px;overflow-y:auto}}@media(max-width:768px){.container{padding:1rem}.header{flex-direction:column;gap:1rem;align-items:flex-start}.headerActions{width:100%;justify-content:space-between}}.container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.notification{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 16px #00000026;pointer-events:auto;animation:slideIn .3s ease-out;border-left:4px solid}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification.success{border-left-color:var(--success);background:var(--card-bg)}.notification.error{border-left-color:var(--error);background:var(--card-bg)}.notification.warning{border-left-color:var(--warning);background:var(--card-bg)}.notification.info{border-left-color:var(--info);background:var(--card-bg)}.notification.default{border-left-color:var(--text-muted);background:var(--card-bg)}.icon{font-size:1.5rem;flex-shrink:0}.content{flex:1;min-width:0}.title{font-weight:700;font-size:.95rem;margin-bottom:.25rem;color:var(--text)}.message{font-size:.9rem;color:var(--text-muted);line-height:1.4}.details{font-size:.8rem;color:var(--text-muted);margin-top:.25rem;font-family:Monaco,Courier New,monospace}.closeButton{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.closeButton:hover{background:var(--bg-alt);color:var(--text)}@media(max-width:768px){.container{left:1rem;right:1rem;max-width:none}.notification{padding:.875rem 1rem}}