.container{background-color:#ffd900;min-height:100vh;padding:10px;color:#000;font-family:Segoe UI,Roboto,sans-serif}.disconnected{background-color:#ffd900;z-index:10;height:100%}.header-wrapper{display:flex;justify-content:center}img{width:100px}.subtitle{text-align:center;margin:10px 0 0;font-size:12px;font-weight:700}.prices-table td.crypto{display:flex;align-items:center}.coin-logo{width:20px;height:20px;object-fit:contain;margin-right:6px}.crypto-text{display:flex;flex-direction:column}.status{font-size:10px;text-align:center}.status span{display:flex;align-items:center;justify-content:center}.green .circle{background-color:#4caf50;border-radius:50%;width:6px;height:6px;display:inline-block;margin-right:4px}.red .circle{background-color:#f44336;border-radius:50%;width:6px;height:6px;display:inline-block;margin-right:4px}h1{text-align:center;font-weight:700;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background:#1e1e28;padding:20px;border-radius:12px;box-shadow:0 5px 15px #00000080;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0009}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.name{font-size:18px;font-weight:600}.symbol{font-size:14px;opacity:.6}.prices{display:flex;flex-direction:column;gap:8px;font-weight:600}.row{display:flex;justify-content:space-between;align-items:center}.label{font-size:14px;opacity:.8}.value{font-size:18px}.table-wrap{margin-top:10px;overflow-x:auto}.prices-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden}.prices-table th,.prices-table td{padding:12px 16px}.prices-table thead th:nth-child(1){text-align:left}.prices-table thead th:nth-child(2),.prices-table thead th:nth-child(3){text-align:right}.prices-table th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#000}.prices-table td.crypto .name{font-weight:600;font-size:14px}.prices-table td.crypto .symbol{font-size:10px;opacity:.6}.prices-table td.bid,.prices-table td.ask{font-weight:600;font-size:12px;text-align:right}.prices-table tr:last-child td{border-bottom:none}@media(max-width:520px){.prices-table th,.prices-table td{padding:8px 0;font-size:10px}}*{box-sizing:border-box}html,body{margin:0;padding:0;box-sizing:border-box}