*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{

    --bg:#0f172a;
    --card:#172033;
    --card2:#1e293b;

    --border:#2d3b55;

    --text:#ffffff;

    --muted:#94a3b8;

    --green:#22c55e;

    --hover:#2563eb;

}

body{

    background:var(--bg);

    color:var(--text);

    font-family:Segoe UI,Arial,sans-serif;

    padding:30px;

}

.container{

    max-width:850px;

    margin:auto;

}

.top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.panel-select{

    display:flex;

    gap:20px;

    font-size:15px;

}

.panel-select label{

    cursor:pointer;

}

#balance{

    background:var(--card);

    border:1px solid var(--border);

    padding:10px 18px;

    border-radius:10px;

    font-size:14px;

}

#link{

    width:100%;

    height:55px;

    border:none;

    outline:none;

    background:var(--card);

    color:white;

    border-radius:12px;

    padding:0 20px;

    font-size:16px;

    margin-bottom:25px;

    border:1px solid var(--border);

}

.section{

    margin-bottom:28px;

}

.section h3{

    margin-bottom:12px;

    color:#e2e8f0;

    font-size:18px;

}

.buttons{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(110px,1fr));

    gap:12px;

}

.service-btn{

    height:72px;

    border:none;

    cursor:pointer;

    background:var(--card);

    border:1px solid var(--border);

    border-radius:14px;

    color:white;

    transition:.2s;

}

.service-btn span{

    display:block;

    font-size:18px;

    font-weight:700;

}

.service-btn small{

    color:var(--muted);

    font-size:13px;

}

.service-btn:hover{

    background:var(--hover);

    transform:translateY(-2px);

}

.service-btn:active{

    transform:scale(.96);

}

.toast{

    position:fixed;

    right:25px;

    bottom:25px;

    background:#16a34a;

    color:white;

    padding:14px 20px;

    border-radius:10px;

    display:none;

    z-index:9999;

}

.toast.error{

    background:#dc2626;

}

.loading{

    opacity:.5;

    pointer-events:none;

}

@media(max-width:700px){

body{

padding:15px;

}

.top{

flex-direction:column;

align-items:flex-start;

gap:15px;

}

.buttons{

grid-template-columns:repeat(2,1fr);

}

.service-btn{

height:68px;

}

}