:root{
  --agent-bg:#f6f8fb;
  --agent-card:#ffffff;
  --agent-text:#172033;
  --agent-muted:#64748b;
  --agent-border:#e5e7eb;
  --agent-primary:#146c43;
  --agent-primary-dark:#0f5132;
  --agent-primary-soft:#e9f7ef;
  --agent-blue:#0d6efd;
  --agent-blue-soft:#edf5ff;
  --agent-warning:#f59e0b;
  --agent-danger:#dc3545;
  --agent-radius:18px;
  --agent-shadow:0 18px 45px rgba(15,23,42,.08);
}
body.agent-portal{
  background:var(--agent-bg);
  color:var(--agent-text);
}
.agent-shell{min-height:100vh;}
.agent-main{padding:24px 0 42px;}
.agent-container{width:100%;max-width:1320px;margin:0 auto;padding:0 18px;}
.agent-navbar{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(226,232,240,.9);
  box-shadow:0 10px 30px rgba(15,23,42,.06);
  backdrop-filter:blur(16px);
}
.agent-navbar .navbar-brand{color:var(--agent-text)!important;font-weight:800;display:flex;align-items:center;gap:10px;}
.agent-navbar .nav-link{color:var(--agent-muted)!important;font-weight:650;border-radius:999px;padding:.55rem .85rem!important;}
.agent-navbar .nav-item.active .nav-link,.agent-navbar .nav-link:hover{background:var(--agent-primary-soft);color:var(--agent-primary-dark)!important;}
.agent-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 6px 14px rgba(15,23,42,.16);}
.agent-hero{
  background:linear-gradient(135deg,#0f5132 0%,#198754 55%,#20c997 100%);
  color:#fff;border-radius:24px;padding:28px;margin-bottom:24px;box-shadow:var(--agent-shadow);position:relative;overflow:hidden;
}
.agent-hero:after{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.13);}
.agent-hero h1,.agent-hero h2,.agent-hero h3{font-weight:850;margin-bottom:8px;position:relative;z-index:1;}
.agent-hero p{opacity:.92;margin-bottom:0;position:relative;z-index:1;}
.agent-hero .btn{position:relative;z-index:1;}
.agent-card{background:var(--agent-card);border:1px solid var(--agent-border);border-radius:var(--agent-radius);box-shadow:var(--agent-shadow);padding:22px;margin-bottom:22px;}
.agent-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;}
.agent-card-title{font-size:1.15rem;font-weight:800;margin:0;color:var(--agent-text);}
.agent-card-subtitle{color:var(--agent-muted);font-size:.92rem;margin-top:4px;}
.agent-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.agent-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;}
.agent-stat{background:#fff;border:1px solid var(--agent-border);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.05);}
.agent-stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--agent-muted);font-weight:800;}
.agent-stat-value{font-size:1.65rem;font-weight:850;margin-top:6px;color:var(--agent-text);}
.agent-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:800;background:var(--agent-primary-soft);color:var(--agent-primary-dark);}
.agent-pill-blue{background:var(--agent-blue-soft);color:#084298;}
.agent-pill-warn{background:#fff7ed;color:#9a3412;}
.agent-table-wrap{background:#fff;border:1px solid var(--agent-border);border-radius:var(--agent-radius);box-shadow:var(--agent-shadow);overflow:hidden;margin-bottom:22px;}
.agent-table-wrap .table{margin-bottom:0;}
.agent-table-wrap thead th{background:#f8fafc;color:var(--agent-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;border-top:0;border-bottom:1px solid var(--agent-border);white-space:nowrap;}
.agent-table-wrap tbody td{vertical-align:middle;border-color:#eef2f7;}
.agent-table-wrap tbody tr:hover{background:#f8fbff;}
.agent-progress.progress{height:1.2rem;border-radius:999px;background:#e2e8f0;overflow:hidden;}
.agent-progress .progress-bar{background:linear-gradient(90deg,#198754,#20c997);font-weight:750;}
.agent-form-card{background:#fff;border:1px solid var(--agent-border);border-radius:22px;padding:28px;box-shadow:var(--agent-shadow);}
.agent-form-card form .form-control,.agent-form-card form select,.agent-form-card form textarea{border-radius:12px;border-color:#dbe3ee;}
.agent-form-card form .form-control:focus,.agent-form-card form select:focus,.agent-form-card form textarea:focus{border-color:#20c997;box-shadow:0 0 0 .2rem rgba(32,201,151,.14);}
.agent-list-clean{list-style:none;padding:0;margin:0;}
.agent-list-clean li{padding:14px 0;border-bottom:1px solid #eef2f7;}
.agent-list-clean li:last-child{border-bottom:0;}
.agent-login-wrap{min-height:calc(100vh - 40px);display:flex;align-items:center;justify-content:center;padding:28px 15px;}
.agent-login-card{width:100%;max-width:1080px;background:#fff;border:1px solid var(--agent-border);border-radius:28px;box-shadow:var(--agent-shadow);overflow:hidden;}
.agent-login-side{background:linear-gradient(135deg,#0f5132,#198754 65%,#20c997);color:#fff;padding:38px;height:100%;}
.agent-login-side h1,.agent-login-side h2,.agent-login-side h3{font-weight:850;}
.agent-login-form{padding:38px;}
.btn-login,.btn-register{border-radius:999px;font-weight:800;padding:.7rem 1.15rem;}
.btn-login{background:var(--agent-primary);border-color:var(--agent-primary);color:#fff;}
.btn-login:hover{background:var(--agent-primary-dark);color:#fff;}
.btn-register{background:#fff;border:1px solid var(--agent-border);color:var(--agent-text);}
.agent-link-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:12px;word-break:break-all;}
.agent-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:28px;text-align:center;color:var(--agent-muted);}
.agent-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:850;color:var(--agent-primary-dark);}
.agent-section-title{font-weight:850;margin-bottom:14px;}
.agent-profile-image{width:130px;height:130px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:var(--agent-shadow);}
.agent-mini-icon{width:22px;height:22px;object-fit:contain;}
.agent-balance{font-size:1.2rem;font-weight:850;}
.alert{border-radius:16px;border:0;}
.btn{border-radius:999px;font-weight:700;}
.list-group-item{border-color:#eef2f7;}
@media(max-width:991px){.agent-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.agent-card-header{display:block}.agent-card-header .agent-actions{margin-top:12px}.agent-login-side{padding:28px}.agent-login-form{padding:28px}}
@media(max-width:575px){.agent-main{padding-top:16px}.agent-container{padding:0 12px}.agent-hero{padding:22px;border-radius:18px}.agent-stat-grid{grid-template-columns:1fr}.agent-card{padding:18px}.agent-login-form{padding:22px}.agent-login-side{padding:24px}.agent-table-wrap{border-radius:14px}.agent-navbar .navbar-brand{font-size:1rem}}

.custom-combobox {position: relative;display: inline-block;width: 100%;}
.custom-combobox-input {margin: 0;width: 100%;padding: 5px 10px;}