.pools-page {
        max-width: 1200px;
        margin: 0 auto;
        padding: 2rem 1.5rem;
    }

    .pools-header {
        text-align: center;
        margin-bottom: 1.25rem;
    }

        .pools-header h1 {
            font-size: 1.5rem;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 0.3rem;
            letter-spacing: -0.02em;
        }

        .pools-header p {
            color: #666666;
            font-size: 0.8rem;
            letter-spacing: 0.02em;
        }

    
    .pools-table-container {
        background: #000000;
        border: 1px solid #222222;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 1.25rem;
    }

    .pools-table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .pools-table .col-asset { width: 22%; }
    .pools-table .col-status { width: 12%; }
    .pools-table .col-price { width: 16%; }
    .pools-table .col-balance { width: 20%; }
    .pools-table .col-volume { width: 12%; }
    .pools-table .col-vault { width: 18%; }

        .pools-table thead {
            background: #060606;
        }

        .pools-table th {
            padding: 0.75rem 1.25rem;
            text-align: left;
            font-size: 0.68rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: #666666;
            border-bottom: 1px solid #1a1a1a;
            white-space: nowrap;
        }

            .pools-table th a { color: #666666; text-decoration: none; }
            .pools-table th a:hover { color: #94a3b8; }
            .pools-table th.sort-active a { color: #e2e8f0; }

            .pools-table th:last-child {
                text-align: right;
            }

        .pools-table tbody tr {
            transition: background 0.15s ease;
        }

            .pools-table tbody tr:hover {
                background: rgba(255, 255, 255, 0.02);
            }

            .pools-table tbody tr:not(:last-child) {
                border-bottom: 1px solid #1a1a1a;
            }

        .pools-table td {
            padding: 0.75rem 1.25rem;
            vertical-align: middle;
        }

        
        .pools-table th:nth-child(2),
        .pools-table td:nth-child(2) {
            padding-right: 2rem;
        }

            .pools-table td:last-child {
                text-align: right;
            }

    
    .asset-cell {
        display: flex;
        align-items: center;
        gap: 0.6rem;
    }

    .asset-icon {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: #0a0a0a;
        padding: 3px;
        border: 1px solid #1a1a1a;
    }

    .asset-info {
        display: flex;
        flex-direction: column;
        gap: 0.05rem;
    }

    .asset-name {
        font-size: 0.9rem;
        font-weight: 600;
        color: #ffffff;
        letter-spacing: -0.01em;
    }

    .asset-symbol {
        font-size: 0.7rem;
        color: #555555;
    }

    .row-unavailable {
        opacity: 0.35;
    }

    .row-unavailable .asset-icon {
        filter: grayscale(1);
    }

    
    .status-dot {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        width: auto;
        height: auto;
        border-radius: 0;
        background: none;
        animation: none;
    }

    .status-dot::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        flex-shrink: 0;
        animation: none;
        box-shadow: none;
    }

    .status-dot.available {
        color: #999;
        font-size: 0.78rem;
        font-weight: 600;
    }

        .status-dot.available::before {
            background: #999;
        }

    .status-dot.unavailable {
        color: #555;
        font-size: 0.78rem;
        font-weight: 600;
    }

        .status-dot.unavailable::before {
            background: #555;
        }

    .status-dot.coming-soon {
        color: #f59e0b;
        font-size: 0.78rem;
        font-weight: 600;
    }

        .status-dot.coming-soon::before {
            background: #f59e0b;
        }

    .row-coming-soon {
        opacity: 0.55;
    }

    .row-coming-soon .asset-icon {
        filter: saturate(0.4);
    }

    
    .price-cell {
        display: flex;
        align-items: baseline;
        gap: 0.5rem;
    }

    .price-value {
        font-family: 'JetBrains Mono', 'SF Mono', monospace;
        font-size: 0.9rem;
        font-weight: 500;
        color: #ffffff;
        letter-spacing: -0.02em;
    }

    .price-change {
        font-family: 'JetBrains Mono', 'SF Mono', monospace;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: -0.02em;
        padding: 0.1rem 0.3rem;
        border-radius: 3px;
    }

        .price-change.positive {
            color: #7a9e7a;
            background: rgba(122, 158, 122, 0.1);
        }

        .price-change.negative {
            color: #b07070;
            background: rgba(176, 112, 112, 0.1);
        }

        .price-change.neutral {
            color: #444444;
        }

    
    .volume-cell {
        font-family: 'JetBrains Mono', 'SF Mono', monospace;
        font-size: 0.85rem;
        font-weight: 500;
        color: #999999;
        letter-spacing: -0.02em;
    }

    
    .balance-cell {
        display: flex;
        flex-direction: column;
        gap: 0.05rem;
    }

    .balance-crypto {
        font-family: 'JetBrains Mono', 'SF Mono', monospace;
        font-size: 0.9rem;
        font-weight: 500;
        color: #ffffff;
        letter-spacing: -0.02em;
    }

    .balance-usd {
        font-family: 'JetBrains Mono', 'SF Mono', monospace;
        font-size: 0.75rem;
        color: #444444;
        font-weight: 500;
    }

    
    .vault-cell {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0.15rem;
    }

    .vault-link {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        color: #5588bb;
        font-size: 0.75rem;
        font-family: 'JetBrains Mono', monospace;
        text-decoration: none;
        opacity: 0.7;
        transition: opacity 0.2s;
    }

        .vault-link:hover {
            opacity: 1;
            text-decoration: underline;
        }

    .updated-text {
        font-size: 0.65rem;
        color: #444444;
    }
    
    .paused-banner {
        background: rgba(176, 112, 112, 0.08);
        border: 1px solid rgba(176, 112, 112, 0.25);
        border-radius: 8px;
        padding: 0.6rem 1rem;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        gap: 0.65rem;
    }

    .paused-banner-mark {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.2rem 0.45rem;
        border-radius: 4px;
        background: rgba(176, 112, 112, 0.12);
        color: #b07070;
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.05em;
    }

    .paused-banner-title {
        color: #b07070;
        font-weight: 600;
        font-size: 0.8rem;
    }

    .paused-banner-sub {
        color: #555555;
        font-size: 0.7rem;
    }

    
    @media (max-width: 768px) {
        .pools-table {
            table-layout: auto;
        }

        .pools-table thead {
            display: none;
        }

        .pools-table tbody tr {
            display: block;
            padding: 0.75rem 1rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        }

        .pools-table td {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.35rem 0;
            border: none;
        }

            .pools-table td::before {
                content: attr(data-label);
                font-size: 0.65rem;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.05em;
                color: #555555;
            }

            .pools-table td:first-child::before {
                display: none;
            }

            .pools-table td:last-child {
                text-align: left;
            }

        .vault-cell {
            align-items: flex-start;
        }
    }