:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background-color:#1a1a1a;color:#e0e0e0;line-height:1.6}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#1a1a1a;color:#fff;width:100%;box-sizing:border-box}.navbar span{display:flex;align-items:center;font-size:1.5rem;font-weight:700}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s}.nav-links a:hover{color:#00b4d8}.nav-links button{background-color:#00b4d8;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;white-space:nowrap;transition:background-color .3s}.nav-links button:hover{background-color:#0288b0}.navbar-rpc{position:absolute;top:3rem;right:1rem;background:#252526;border:1px solid #333;border-radius:8px;padding:1rem;width:320px;max-width:90%;z-index:1000;box-shadow:0 4px 8px #0003}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger div{width:25px;height:3px;background-color:#fff;transition:all .3s}.hamburger.open div:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open div:nth-child(2){opacity:0}.hamburger.open div:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.container{padding:2rem;max-width:1600px;margin:0 auto}.token-pair{display:flex;align-items:center;gap:3px}.vault-card{border:1px solid #333;padding:1.5rem;margin:1.5rem auto;border-radius:8px;background-color:#252526;box-shadow:0 4px 12px #0006;transition:transform .2s ease}.vault-card h2{margin-top:0;color:#5865f2;font-size:1.75rem;font-weight:700}.vault-overview,.vault-actions{margin-bottom:2rem}.vault-overview h3,.vault-actions h3{color:#fff;border-bottom:2px solid #5865f2;padding-bottom:.5rem;font-size:1.25rem;font-weight:600}.vault-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.metric{display:flex;flex-direction:column;background-color:#2d2d2d;padding:.75rem;border-radius:6px}.metric-label{font-weight:600;color:#a0a0a0;margin-bottom:.25rem;font-size:.9rem}.metric-label-r{font-weight:600;color:#a0a0a0;margin-bottom:.25rem;font-size:.9rem;justify-content:flex-end;text-align:right}.metric span{color:#e0e0e0;font-size:1rem}.table-wrapper{width:100%;overflow-x:auto}.vault-metrics-grid.table{border-collapse:collapse;width:100%;display:table}.vault-metrics-grid.table th,.vault-metrics-grid.table td{padding:.75rem;text-align:left;border-bottom:1px solid #333}.vault-metrics-grid.table th{background-color:#2d2d2d;font-weight:600;color:#fff}.vault-metrics-grid.table tbody tr:hover{background-color:#2a2a2a}.vault-metrics-grid.table .token-cell{display:flex;align-items:center}.vault-metrics-grid.table .weth-label{margin-left:8px;color:#888;font-size:.9rem}.vault-metrics-grid.table .error-icon{color:#e74c3c;margin-left:8px;font-size:.9rem}.vault-metrics-grid.table .token-logo{border-radius:50%;margin-right:8px}.token-logo-pulsex{max-width:150px;height:auto;border-radius:4%}@media (max-width: 868px){.nav-links{display:none;flex-direction:column;position:absolute;top:70px;right:0;background-color:#1a1a1a;padding:1rem;gap:1rem;z-index:1000;border-radius:3%}.nav-links.open{display:flex;width:60%}.hamburger{display:flex}.navbar-rpc{position:absolute;top:3rem;right:1rem;background:#252526;border:1px solid #333;border-radius:8px;padding:1rem;width:320px;max-width:90%;z-index:1000;box-shadow:0 4px 8px #0003}.nav-links a,.nav-links button{width:100%;text-align:center;padding:.5rem 0}.navbar{padding:1rem}}@media (max-width: 480px){.navbar span{font-size:1.2rem}.nav-links a,.nav-links button{font-size:.9rem}.token-logo{width:24px;height:24px}.navbar-rpc{position:absolute;top:3rem;right:1rem;background:#252526;border:1px solid #333;border-radius:8px;padding:1rem;width:320px;max-width:100%;z-index:1000;box-shadow:0 4px 8px #0003}}@media (max-width: 768px){.table-wrapper{overflow-x:hidden}.vault-metrics-grid.table{display:block}.vault-metrics-grid.table thead{display:none}.vault-metrics-grid.table tbody,.vault-metrics-grid.table tr{display:block}.vault-metrics-grid.table tr{margin-bottom:1.5rem;padding:1rem;background-color:#2d2d2d;border-radius:8px;box-shadow:0 2px 6px #0000004d}.vault-metrics-grid.table td{display:flex;flex-wrap:wrap;align-items:flex-start;padding:.5rem .75rem;border-bottom:none;font-size:1rem;line-height:1.4}.vault-metrics-grid.table td:before{content:attr(data-label);font-weight:600;color:#a0a0a0;flex:0 0 100%;margin-bottom:.25rem;font-size:.95rem}.vault-metrics-grid.table td.token-cell{flex-direction:row;align-items:center;overflow:hidden;padding:.5rem .75rem}.vault-metrics-grid.table .token-logo{width:20px;height:20px;margin-right:6px;flex-shrink:0}.vault-metrics-grid.table td[data-label="Price0 Cumulative"],.vault-metrics-grid.table td[data-label="Price1 Cumulative"]{word-break:break-all;font-size:.9rem}.vault-metrics-grid.table td[data-label=Timestamp]{font-size:.95rem}.vault-metrics-grid.table .weth-label,.vault-metrics-grid.table .error-icon{font-size:.85rem;margin-left:6px}}@media (max-width: 480px){.vault-metrics-grid.table td{font-size:.95rem}.vault-metrics-grid.table td:before{font-size:.9rem}.vault-metrics-grid.table tr{padding:.75rem;margin-bottom:1rem}.vault-card{padding:1rem}.vault-metrics-grid.table .token-logo{width:18px;height:18px;margin-right:4px}.vault-metrics-grid.table .weth-label,.vault-metrics-grid.table .error-icon{font-size:.8rem;margin-left:4px}}.vault-progress{margin-top:1.5rem}.vault-progress label{display:block;font-weight:600;margin-bottom:.5rem;color:#a0a0a0}.vault-progress progress{width:100%;height:24px;border-radius:6px;background-color:#333;border:none}.vault-progress progress::-webkit-progress-bar{background-color:#333;border-radius:6px}.vault-progress progress.safe::-webkit-progress-value{background-color:#2ecc71;border-radius:6px}.vault-progress progress.at-risk::-webkit-progress-value{background-color:#e74c3c;border-radius:6px}.vault-progress progress.safe::-moz-progress-bar{background-color:#2ecc71;border-radius:6px}.vault-progress progress.at-risk::-moz-progress-bar{background-color:#e74c3c;border-radius:6px}.action-group{border:1px solid #404040;padding:1rem;margin-bottom:1.5rem;border-radius:8px;background-color:#2d2d2d;transition:box-shadow .2s ease}.action-group:hover{box-shadow:0 0 8px #5865f24d}.action-group h3{margin:0 0 .75rem;color:#fff;font-size:1.1rem}.projection-box{background-color:#363636;border:1px solid #4a4a4a;border-radius:6px;padding:.75rem;margin-bottom:1rem}.projection-box p{margin:.5rem 0;font-size:.95rem;color:#d0d0d0}.projection-box span{font-weight:600;color:#fff}.safe-text{color:#2ecc71}.risk-text{color:#e74c3c}.input-group{margin-bottom:1rem}.input-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#a0a0a0}.input-group input{width:100%;padding:.75rem;border:1px solid #4a4a4a;border-radius:6px;font-size:1rem;background-color:#363636;color:#e0e0e0;box-sizing:border-box;transition:border-color .2s ease}.input-group input:focus{border-color:#5865f2;outline:none}.input-group small{display:block;color:gray;font-size:.85rem;margin-top:.25rem}button{padding:.75rem 1.5rem;background-color:#5865f2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease,transform .1s ease}button:hover:not(:disabled){background-color:#4752c4;transform:translateY(-1px)}button:disabled{background-color:#4a4a4a;cursor:not-allowed}.step-list{margin-top:.75rem;padding-left:1.25rem;list-style:none}.step-list li{margin-bottom:.5rem;font-size:.95rem}.step-pending{color:gray}.step-in-progress{color:#f1c40f}.step-completed{color:#2ecc71}.step-failed{color:#e74c3c}.step-skipped{color:#5865f2}.error{color:#e74c3c;font-style:italic;font-size:.85rem;display:block}.info{color:#f1c40f;font-style:italic;font-size:.85rem;display:block}.full-row{margin-top:20px;padding:10px;border-top:1px solid #eee}.ilk-columns{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.token-column{flex:1;min-width:250px;max-width:350px;padding:10px;border-radius:4px;box-shadow:0 1px 2px #0000000d}.token-column .token-entry{flex-direction:column;align-items:flex-start}.spinner{width:1.25rem;height:1.25rem;margin-right:.5rem;color:#14b33e;vertical-align:middle;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}svg.spinner{fill:#a5d4b2}.error-message,.loading-message{text-align:center;padding:1.5rem;color:#e74c3c;background-color:#3b2f2f;border-radius:8px;margin:1.5rem auto;max-width:600px;box-shadow:0 2px 4px #0000004d}.token-logo{width:32px;height:32px;vertical-align:middle;margin-right:.5rem}@media (max-width: 600px){.container{padding:1rem}.vault-card{margin:1rem;padding:1rem}.vault-metrics-grid{grid-template-columns:1fr}.action-group{padding:.75rem}button{width:100%}}.highlight{animation:highlight 3s ease-in-out}@keyframes highlight{0%{color:#f1c40f}50%{color:#f1c40f}to{color:#e0e0e0}}.spell-card{display:flex;flex-direction:column;background-color:#2d2d2d;padding:1rem;border-radius:6px;transition:box-shadow .2s ease}.spell-card:hover{box-shadow:0 0 8px #5865f280}.spell-description{color:#d0d0d0;font-size:.9rem;margin:.5rem 0;word-break:break-all}.spell-address{color:gray;font-size:.85rem;word-break:break-all;margin-bottom:.5rem}.spell-customization{border:1px solid #a1c4fd;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.spell-customization:hover{transform:translateY(-2px)}.spell-params{display:flex;flex-direction:column;gap:1rem}.spell-params input{transition:border-color .2s}.spell-params input:focus{border-color:#3498db;outline:none}.spell-card{transition:transform .2s}.spell-card:hover{transform:translateY(-2px)}@media (max-width: 600px){.spell-params{gap:.75rem}.spell-customization{padding:.75rem}.spell-customization button{width:100%;padding:.75rem;font-size:.9em}.vault-metrics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (min-width: 600px){.spell-params input{max-width:400px}}.vault-container{padding:20px;max-width:1200px;margin:0 auto}.vault-table-wrapper{overflow-x:auto}.vault-summary-table{width:100%;border-collapse:collapse;margin-bottom:20px;background:#1a1a1a;color:#fff}.vault-summary-table th,.vault-summary-table td{padding:10px;text-align:left;border-bottom:1px solid #0e0d0d}.vault-summary-table th{background-color:#272424;font-weight:700}.vault-summary-table tr{cursor:pointer}.vault-summary-table tr:hover{background-color:#352f2f}.vault-summary-table tr.selected{background-color:#243a23}.token-logo{width:24px;height:24px;vertical-align:middle;margin-right:8px}.vault-details{margin-top:20px}.vault-grid{display:grid;grid-template-columns:1fr;gap:6px;margin:0 20px}@media (min-width: 600px){.vault-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width: 900px){.vault-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.vault-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 600px){.vault-table-wrapper{overflow-x:hidden}.vault-summary-table{border:0;background:transparent}.vault-summary-table thead{display:none}.vault-summary-table tbody tr{display:block;margin-bottom:15px;border:1px solid #0e0d0d;border-radius:8px;background:#1a1a1a}.vault-summary-table tbody td{display:block;text-align:right;padding:8px 10px;border-bottom:none;position:relative;font-size:14px}.vault-summary-table tbody td:before{content:attr(data-label);position:absolute;left:10px;font-weight:600;color:#ccc;text-align:left;width:40%}.vault-summary-table tbody td img.token-logo{width:20px;height:20px}.vault-summary-table tbody tr:hover{background:#352f2f}.vault-summary-table tbody tr.selected{background:#243a23}.vault-summary-table tbody td[data-label=Vault]{text-align:left;font-weight:600;font-size:16px;padding-left:15px}.vault-summary-table tbody td[data-label=Vault]:before{display:none}.vault-summary-table tbody td[data-label="Loading vault summaries..."]{text-align:center;font-size:14px;padding:10px}.vault-summary-table tbody td[data-label="Loading vault summaries..."]:before{display:none}}
