body.panel-clean main{
    padding-top:34px!important;
}

body.panel-clean main > .card,
body.panel-clean main > section.card,
body.panel-clean main > .box,
body.panel-clean main > .panel{
    max-width:1440px!important;
    padding:34px!important;
    border-radius:26px!important;
    overflow:hidden!important;
}

.panel-topbar{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:24px;
    padding-bottom:18px;
    border-bottom:1px solid #e4edf8;
}

.panel-topbar h2,
.panel-topbar h3{
    margin:0!important;
    color:#0f172a!important;
    font-size:28px!important;
    font-weight:900!important;
    line-height:1.5!important;
}

.panel-topbar p{
    margin:5px 0 0!important;
    color:#64748b!important;
    font-size:13px!important;
    line-height:2!important;
}

.panel-toolbar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.panel-btn{
    height:42px;
    min-width:116px;
    padding:0 15px;
    border-radius:14px;
    border:1px solid #dbe7f5;
    background:#fff;
    color:#0757b7!important;
    text-decoration:none!important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:900;
    box-shadow:0 10px 24px rgba(15,23,42,.055);
    transition:.18s ease;
}

.panel-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 32px rgba(15,23,42,.09);
}

.panel-btn.primary{
    background:linear-gradient(135deg,#0757b7,#0b83d8);
    color:#fff!important;
    border-color:transparent;
}

.panel-btn.dark{
    background:#334155;
    color:#fff!important;
    border-color:transparent;
}

.panel-table-wrap{
    width:100%;
    overflow-x:auto;
    border:1px solid #e4edf8;
    border-radius:20px;
    background:#fff;
}

body.panel-clean table{
    min-width:920px;
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    overflow:hidden;
}

body.panel-clean th{
    background:#f1f7ff!important;
    color:#162033!important;
    font-size:13px!important;
    font-weight:900!important;
    padding:15px 14px!important;
    border-bottom:1px solid #dfeaf7!important;
    white-space:nowrap;
}

body.panel-clean td{
    color:#1f2937!important;
    font-size:13px!important;
    font-weight:700!important;
    padding:14px!important;
    border-bottom:1px solid #edf3fb!important;
    vertical-align:middle!important;
    white-space:nowrap;
}

body.panel-clean tr:last-child td{
    border-bottom:0!important;
}

.panel-status{
    height:30px;
    min-width:96px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
    border:1px solid #dbe7f5;
    background:#f8fbff;
    color:#475569;
}

.panel-status.pending{
    background:#fff7ed;
    border-color:#fed7aa;
    color:#c2410c;
}

.panel-status.draft{
    background:#f8fafc;
    border-color:#cbd5e1;
    color:#475569;
}

.panel-status.approved{
    background:#ecfdf5;
    border-color:#bbf7d0;
    color:#047857;
}

.panel-status.rejected{
    background:#fef2f2;
    border-color:#fecaca;
    color:#b91c1c;
}

.panel-actions-cell{
    min-width:170px;
}

.panel-row-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
}

.panel-row-actions a{
    height:32px;
    min-width:66px;
    padding:0 10px;
    border-radius:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#eef6ff;
    color:#0757b7!important;
    text-decoration:none!important;
    font-size:12px;
    font-weight:900;
}

.panel-row-actions a.print{
    background:#334155;
    color:#fff!important;
}

.panel-empty{
    padding:24px;
    border:1px dashed #cbdced;
    border-radius:18px;
    background:#f8fbff;
    color:#64748b;
    font-size:13px;
    font-weight:800;
    line-height:2;
}

@media (max-width:760px){
    body.panel-clean main{
        padding:20px 10px 44px!important;
    }

    body.panel-clean main > .card,
    body.panel-clean main > section.card,
    body.panel-clean main > .box,
    body.panel-clean main > .panel{
        padding:22px 14px!important;
        border-radius:20px!important;
    }

    .panel-topbar{
        display:block;
    }

    .panel-topbar h2,
    .panel-topbar h3{
        font-size:23px!important;
    }

    .panel-toolbar{
        justify-content:stretch;
        margin-top:14px;
    }

    .panel-btn{
        flex:1 1 100%;
        width:100%;
    }

    body.panel-clean table{
        min-width:860px;
    }
}