body{

    background:var(--bg);

    color:var(--text);

    font-family:Arial, sans-serif;

    margin:0;

}

.layout{

    display:flex;

    justify-content:center;

    align-items:flex-start;

    gap:24px;

    padding:20px;

}

.left{

    width:360px;

}

.right{

    flex:1;
    max-width:1200px;

}

.panelTitle{

    font-size:24px;

    font-weight:bold;

    margin-bottom:20px;

}

.sectionTitle{

    margin:18px 0 12px;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    color:var(--textSoft);

    text-transform:uppercase;

}

button{

    width:100%;

    height:46px;

    border:none;

    border-radius:8px;

    cursor:pointer;

    font-size:16px;

    font-weight:600;

    transition:.2s;

}

button:hover{

    filter:brightness(110%);

}

.badge{

    display:inline-block;

    min-width:26px;

    padding:2px 8px;

    border-radius:12px;

    background:var(--blue);

    color:white;

    text-align:center;

}

.miniButton{

    width:28px;

    height:28px;

    border-radius:6px;

    font-size:14px;

}

.icon{

    width:18px;

    height:18px;

    margin-right:8px;

    vertical-align:middle;

    flex-shrink:0;

}