.arm-page{
    max-width:1380px;
    margin:auto;
    padding:55px 30px 100px;
}


.arm-head{
    margin-bottom:22px;
    padding:34px 36px;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;

    border-radius:24px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #0b3327,
            #18513a
        );
}


.arm-kicker{
    margin:0 0 7px;

    color:#dff25c;

    font-size:.64rem;
    font-weight:850;
    letter-spacing:.14em;
}


.arm-head h1{
    margin:0;

    font-size:
        clamp(
            2.3rem,
            4vw,
            4rem
        );

    line-height:.95;
    letter-spacing:-.055em;
}


.arm-head p:not(.arm-kicker){
    margin:11px 0 0;
    color:#bfd0c6;
}


.arm-back{
    padding:13px 17px;

    border:1px solid rgba(255,255,255,.18);
    border-radius:11px;

    color:#fff;
    text-decoration:none;

    background:rgba(255,255,255,.08);
}


.arm-flash{
    margin-bottom:17px;
    padding:14px 17px;

    border-radius:12px;
    font-weight:750;
}


.arm-flash.success{
    color:#195237;
    border:1px solid #b1d7be;
    background:#edf8f0;
}


.arm-flash.error{
    color:#8b3029;
    border:1px solid #dfb4af;
    background:#fff0ee;
}


.arm-list{
    display:grid;
    gap:15px;
}


.arm-card{
    overflow:hidden;

    border:1px solid #dce4de;
    border-radius:20px;

    background:#fff;

    box-shadow:
        0 12px 38px
        rgba(15,43,30,.06);
}


.arm-summary{
    padding:21px 23px;

    display:grid;
    grid-template-columns:76px 1fr;
    gap:18px;

    border-bottom:1px solid #e1e7e2;

    background:#f8faf8;
}


.arm-id{
    display:flex;
    flex-direction:column;
}


.arm-id span{
    color:#708177;
    font-size:.54rem;
    font-weight:850;
    letter-spacing:.12em;
}


.arm-id strong{
    margin-top:3px;
    color:#18412e;
    font-size:1.35rem;
}


.arm-title-row{
    display:flex;
    align-items:center;
    gap:12px;
}


.arm-title-row h2{
    margin:0;
    color:#173326;
    font-size:1.18rem;
}


.arm-status{
    padding:5px 7px;

    border-radius:7px;

    color:#4a6958;
    background:#e5eee7;

    font-size:.55rem;
    font-weight:800;
}


.arm-meta{
    margin-top:7px;

    display:flex;
    flex-wrap:wrap;
    gap:6px;
}


.arm-meta span{
    padding:5px 7px;

    border-radius:7px;

    color:#66756c;
    background:#edf1ed;

    font-size:.60rem;
}


.arm-description{
    max-width:950px;

    margin:12px 0 0;

    color:#69766e;
    font-size:.73rem;
    line-height:1.6;
}


.arm-form{
    padding:22px 23px;
}


.arm-field{
    display:flex;
    flex-direction:column;
    gap:7px;
}


.arm-field label{
    color:#365745;
    font-size:.67rem;
    font-weight:800;
}


.arm-field input,
.arm-field select,
.arm-field textarea{
    width:100%;
    min-height:44px;

    border:1px solid #d4ded6;
    border-radius:10px;

    background:#fbfcfb;
}


.arm-field textarea{
    padding:11px;
    resize:vertical;
}


.arm-professional{
    margin-bottom:14px;
}


.arm-money{
    margin-bottom:14px;

    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:10px;
}


.arm-balance{
    color:#315943;
    font-weight:800;
    background:#eef3ef!important;
}


.arm-actions{
    margin-top:17px;
    padding-top:16px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    border-top:1px solid #e2e8e3;
}


.arm-actions>div{
    color:#78857d;
    font-size:.65rem;
}


.arm-actions button{
    min-height:45px;
    padding:0 17px;

    display:flex;
    align-items:center;
    gap:17px;

    border:0;
    border-radius:11px;

    cursor:pointer;

    color:#fff;
    background:#123d2c;

    font-size:.62rem;
    font-weight:850;
}


.arm-empty{
    padding:40px;

    border:1px solid #dce4de;
    border-radius:18px;

    color:#728078;
    background:#fff;
}


@media(max-width:750px){

    .arm-page{
        padding:30px 15px 70px;
    }

    .arm-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .arm-summary{
        grid-template-columns:1fr;
    }

    .arm-money{
        grid-template-columns:1fr;
    }

    .arm-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .arm-actions button{
        justify-content:space-between;
    }
}