*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0b1020;color:#eef2ff}.topbar{padding:18px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center;background:linear-gradient(135deg,#171c3b,#10182c);border-bottom:1px solid #303858}.topbar h1{margin:0;font-size:25px}.topbar p{margin:5px 0 0;color:#aeb8d5}.contacts{font-weight:bold;color:#72d6ff}.nav{display:flex;gap:8px;padding:12px;overflow:auto;background:#0e1427;position:sticky;top:0;z-index:5}.nav button,button{border:0;border-radius:10px;padding:11px 14px;background:#242d52;color:white;cursor:pointer}.nav button:hover,button:hover{background:#39477a}.page{display:none;padding:20px;max-width:1200px;margin:auto}.page.active{display:block}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel{background:rgba(26,34,61,.9);border:1px solid #303b63;border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 10px 30px #0003}.card span{display:block;color:#aab5d3}.card b{font-size:28px;display:block;margin-top:8px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grid2 button{grid-column:1/-1}input,select{width:100%;padding:12px;border-radius:9px;border:1px solid #39466f;background:#11182c;color:#fff}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{padding:10px;border-bottom:1px solid #303b63;text-align:left}.result{margin-top:15px;padding:14px;border-radius:10px;background:#11182c}.danger{background:#8e2733}.muted{color:#9ca8c7}@media(max-width:700px){.topbar{display:block}.contacts{margin-top:10px}.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.page{padding:12px}.nav{position:static}table{font-size:13px;display:block;overflow:auto;white-space:nowrap}}