.ates-b2b-panel,
.ates-b2b-login-wrap{
    width:100%;
    max-width:1500px;
    margin:30px auto;
    box-sizing:border-box;
}
.ates-b2b-panel{
    padding:0 18px;
}
.ates-b2b-panel-head{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start;
    margin-bottom:18px;
}
.ates-b2b-panel-head h2{
    font-size:30px;
    margin:3px 0;
}
.ates-b2b-panel-head p{
    margin:0;
    color:#6b7280;
}
.ates-b2b-kicker{
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    color:#2563eb;
}
.ates-b2b-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-bottom:18px;
}
.ates-b2b-card,
.ates-b2b-section,
.ates-b2b-rep-card,
.ates-b2b-due-box,
.ates-b2b-login-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    box-shadow:0 2px 12px rgba(0,0,0,.04);
}
.ates-b2b-card{
    padding:20px;
}
.ates-b2b-card span{
    display:block;
    color:#6b7280;
    font-size:13px;
    margin-bottom:7px;
}
.ates-b2b-card strong{
    font-size:24px;
}
.ates-b2b-rep-card{
    padding:15px 18px;
    margin-bottom:18px;
}
.ates-b2b-section{
    padding:20px;
    margin-bottom:18px;
}
.ates-b2b-section-title h3,
.ates-b2b-section h3{
    margin-top:0;
}
.ates-b2b-table-scroll{
    overflow:auto;
}
.ates-b2b-table{
    width:100%;
    min-width:800px;
    border-collapse:collapse;
}
.ates-b2b-table th,
.ates-b2b-table td{
    padding:12px 10px;
    text-align:left;
    border-bottom:1px solid #eef0f2;
    font-size:13px;
}
.ates-b2b-table th{
    font-weight:700;
    background:#f8fafc;
}
.ates-b2b-row-warning td{background:#fffaf0}
.ates-b2b-row-overdue td{background:#fff4f4}
.ates-b2b-badge{
    display:inline-block;
    margin-left:6px;
    padding:3px 7px;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
}
.ates-b2b-badge.warning{
    background:#fff1c7;
    color:#8a5300;
}
.ates-b2b-badge.danger{
    background:#fce3e3;
    color:#b32d2e;
}
.ates-b2b-due-box{
    padding:18px;
    margin-bottom:18px;
}
.ates-b2b-due-list{
    margin-top:10px;
}
.ates-b2b-due-list > div{
    display:grid;
    grid-template-columns:1fr auto auto auto;
    gap:10px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #eef0f2;
}
.ates-b2b-due-list > div:last-child{border-bottom:0}
.ates-b2b-btn{
    display:inline-block;
    padding:11px 16px;
    border-radius:8px;
    text-decoration:none;
    background:#2563eb;
    color:#fff!important;
    font-weight:700;
}
.ates-b2b-btn-light{
    background:#111827;
}
.ates-b2b-login-wrap{
    max-width:480px;
    padding:20px;
}
.ates-b2b-login-card{
    padding:28px;
}
.ates-b2b-login-card h2{
    margin-top:0;
}
.ates-b2b-login-card input[type=text],
.ates-b2b-login-card input[type=password]{
    width:100%;
    box-sizing:border-box;
}
.ates-b2b-login-card .login-submit input{
    width:100%;
    min-height:44px;
    cursor:pointer;
}
.ates-b2b-notice{
    max-width:700px;
    margin:30px auto;
    padding:18px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
}
@media(max-width:760px){
    .ates-b2b-cards{grid-template-columns:1fr}
    .ates-b2b-panel-head{display:block}
    .ates-b2b-panel-head .ates-b2b-btn{margin-top:12px}
    .ates-b2b-due-list > div{grid-template-columns:1fr 1fr}
}