:root{
  --bg:#f4f6fb;
  --card:#ffffff;
  --line:#e6ebf2;
  --text:#111827;
  --muted:#6b7280;
  --primary:#111827;
  --accent:#0f172a;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#f7f9fc 0%,#eef3f9 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.app-shell{min-height:100vh}
.hero-card,.panel-card{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.9);border-radius:24px;box-shadow:0 18px 48px rgba(15,23,42,.08)}
.hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px}
.hero-left{display:flex;align-items:center;gap:16px;min-width:0}
.hero-logo-wrap{width:74px;height:74px;border-radius:20px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.hero-logo{max-width:56px;max-height:36px;object-fit:contain}
.hero-logo-fallback{font-weight:900;font-size:28px;color:#0f172a}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:800}
.hero-title{font-size:32px;font-weight:900;letter-spacing:-.03em}
.hero-text{color:var(--muted);max-width:760px}
.size-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#0f172a;color:#fff;font-weight:700;white-space:nowrap}
.panel-card .card-body{padding:22px}
.panel-header{background:transparent;border-bottom:1px solid var(--line);padding:20px 22px}
.panel-title{font-size:20px;font-weight:900;letter-spacing:-.02em}
.panel-subtitle{font-size:14px;color:var(--muted)}
.form-label{font-size:13px;font-weight:700;color:#374151}
.form-control,.form-select{border-radius:14px;border:1px solid #dbe3ee;padding:.8rem .95rem;box-shadow:none}
.form-control:focus,.form-select:focus{border-color:#94a3b8;box-shadow:0 0 0 .2rem rgba(148,163,184,.18)}
.btn{border-radius:14px;font-weight:700}
.btn-primary{background:#111827;border-color:#111827}
.btn-primary:hover{background:#0b1220;border-color:#0b1220}
.custom-tabs{gap:10px}
.custom-tabs .nav-link{border-radius:999px;padding:11px 18px;font-weight:800;color:#334155;background:#fff;border:1px solid var(--line)}
.custom-tabs .nav-link.active{background:#111827;color:#fff;border-color:#111827}
.table{--bs-table-bg:transparent}
.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;border-bottom:1px solid var(--line);padding-top:0;padding-bottom:14px}
.table tbody td{padding:14px 8px;border-color:#eef2f7;vertical-align:middle}
.nowrap{white-space:nowrap}
.alert{border-radius:18px}
@media (max-width: 991.98px){
  .hero-card{flex-direction:column;align-items:flex-start}
  .hero-title{font-size:26px}
}
@media (max-width: 575.98px){
  .container-fluid{padding-left:14px!important;padding-right:14px!important}
  .hero-card,.panel-card{border-radius:20px}
  .hero-left{align-items:flex-start}
  .hero-logo-wrap{width:62px;height:62px;border-radius:18px}
  .hero-title{font-size:22px}
  .panel-header,.panel-card .card-body{padding:16px}
}