:root{
    --antara-orange:#f45720;
    --antara-orange-dark:#d94818;
    --antara-orange-soft:rgba(244,87,32,.12);

    --antara-blue:#263b51;
    --antara-blue-dark:#1c2d3f;
    --antara-blue-soft:rgba(38,59,81,.10);

    --antara-bg:#f5f7fa;
    --antara-border:#e7eaf0;
    --antara-muted:#7e8a99;
    --antara-white:#ffffff;

    --antara-success:#1f8f5f;
    --antara-warning:#c98a16;
    --antara-danger:#c83f3f;
    --antara-info:#2878b9;
}

/* Layout */
body{
    background:var(--antara-bg);
}

.text-antara{
    color:var(--antara-orange)!important;
}

.text-antara-blue{
    color:var(--antara-blue)!important;
}

.bg-antara{
    background:var(--antara-blue)!important;
}

.bg-antara-orange{
    background:var(--antara-orange)!important;
}

/* Cards */
.card-antara{
    border:1px solid var(--antara-border);
    border-radius:18px;
    box-shadow:0 10px 28px rgba(38,59,81,.07);
    overflow:hidden;
}

.card-antara .card-header{
    border-bottom:1px solid var(--antara-border);
}

.card-antara-top{
    border-top:4px solid var(--antara-orange);
}

/* Buttons */
.btn-antara{
    background:linear-gradient(135deg,var(--antara-orange),#ff7445);
    color:#fff!important;
    border:none;
    box-shadow:0 8px 18px rgba(244,87,32,.25);
}

.btn-antara:hover{
    background:linear-gradient(135deg,var(--antara-orange-dark),var(--antara-orange));
    color:#fff!important;
    transform:translateY(-1px);
}

.btn-antara-blue{
    background:linear-gradient(135deg,var(--antara-blue),#314d68);
    color:#fff!important;
    border:none;
}

.btn-antara-blue:hover{
    background:linear-gradient(135deg,var(--antara-blue-dark),var(--antara-blue));
    color:#fff!important;
}

.btn-antara-light{
    background:var(--antara-orange-soft);
    color:var(--antara-orange)!important;
    border:1px solid rgba(244,87,32,.18);
}

.btn-antara-light:hover{
    background:rgba(244,87,32,.18);
}

/* Badges */
.badge-antara{
    background:var(--antara-orange-soft);
    color:var(--antara-orange);
    font-weight:700;
}

.badge-antara-blue{
    background:var(--antara-blue-soft);
    color:var(--antara-blue);
    font-weight:700;
}

.badge-success-soft{
    background:rgba(31,143,95,.12);
    color:var(--antara-success);
}

.badge-warning-soft{
    background:rgba(201,138,22,.13);
    color:var(--antara-warning);
}

.badge-danger-soft{
    background:rgba(200,63,63,.13);
    color:var(--antara-danger);
}

.badge-info-soft{
    background:rgba(40,120,185,.13);
    color:var(--antara-info);
}

/* Forms */
.form-control:focus,
.form-select:focus{
    border-color:var(--antara-orange);
    box-shadow:0 0 0 .2rem rgba(244,87,32,.12);
}

.antara-label{
    color:var(--antara-blue);
    font-weight:700;
    font-size:.9rem;
}

.antara-section-title{
    color:var(--antara-blue);
    font-weight:800;
    margin-bottom:1rem;
}

/* Candidate */
.candidate-avatar{
    width:46px;
    height:46px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--antara-blue),#385a78);
    color:#fff;
    font-weight:800;
    font-size:18px;
}

.candidate-mini{
    line-height:1.2;
}

.candidate-name{
    color:var(--antara-blue);
    font-weight:800;
}

.candidate-sub{
    color:var(--antara-muted);
    font-size:.78rem;
}

.antara-kpi-card{
    border:1px solid var(--antara-border);
    border-radius:16px;
    padding:18px;
    background:#fff;
    height:100%;
}

.antara-kpi-card .kpi-value{
    font-size:1.7rem;
    font-weight:900;
    color:var(--antara-blue);
}

.antara-kpi-card .kpi-label{
    color:var(--antara-muted);
    font-size:.85rem;
}

.antara-progress{
    height:8px;
    border-radius:99px;
    background:#e9edf3;
    overflow:hidden;
}

.antara-progress > span{
    display:block;
    height:100%;
    background:linear-gradient(135deg,var(--antara-orange),#ff9a72);
    border-radius:99px;
}

/* DataTable */
table.dataTable tbody tr:hover{
    background:rgba(244,87,32,.035);
}

.antara-actions .btn{
    margin-right:4px;
    margin-bottom:4px;
}

/* Tabs */
.nav-antara-tabs .nav-link{
    color:var(--antara-blue);
    font-weight:700;
}

.nav-antara-tabs .nav-link.active{
    color:var(--antara-orange);
    border-bottom:3px solid var(--antara-orange);
}