body{background:#f3f6fb;color:#101828}.sidebar{background:linear-gradient(180deg,#0f172a,#1d4ed8);color:#fff;border-radius:1rem;min-height:calc(100vh - 2rem)}.sidebar .nav-link{color:#dbeafe;border-radius:.75rem;font-weight:600}.sidebar .nav-link:hover{background:rgba(255,255,255,.12);color:#fff}.sidebar .nav-link.active{background:#fff;color:#1d4ed8}.page{display:none}.page.active{display:block}.stat{background:#fff;border:1px solid #e7edf5;border-radius:1rem;padding:.75rem 1rem;box-shadow:0 .5rem 1.5rem rgba(16,24,40,.06);min-width:120px;text-align:center}.stat span{display:block;font-weight:800;font-size:1.6rem;color:#1d4ed8;line-height:1}.stat small{color:#667085}.card{border-radius:1rem}.table{font-size:.875rem}.table th{white-space:nowrap;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;color:#667085}.table td{white-space:nowrap}.table td:nth-child(3),.table td:nth-child(7),.table td:last-child{white-space:normal}.ok,.bad{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:700}.ok{background:#dcfce7;color:#15803d}.bad{background:#ffe4e6;color:#be123c}.small{padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;border:0}.edit{background:#eef4ff;color:#1d4ed8}.del{background:#fff1f3;color:#c01048}@media(max-width:991.98px){.sidebar{min-height:auto}.sidebar .nav{flex-direction:row!important;overflow:auto;flex-wrap:nowrap}.sidebar .nav-link{white-space:nowrap}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1d4ed8);padding:16px}.login-card{width:100%;max-width:380px}.d-none{display:none!important}
.public-wrap{min-height:100vh;background:#f4f7fb}.public-wrap .card{border-radius:18px}.public-wrap h2{color:#0f172a}
.detail-kv{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;background:#fff}.detail-kv span{display:block;color:#64748b;font-size:12px}.detail-kv b{font-weight:700;color:#0f172a}.table-danger td{background:#fee2e2!important}
.detail-kv{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;background:#fff}.detail-kv span{display:block;color:#64748b;font-size:12px}.detail-kv b{font-weight:700;color:#0f172a}.table-danger td{background:#fee2e2!important}
.table-responsive{max-height:72vh}.table thead th{position:sticky;top:0;z-index:5;box-shadow:0 1px 0 rgba(0,0,0,.08)}.modal .nav-tabs .nav-link{font-weight:600}.spinner-border-sm{vertical-align:-2px}
.public-login-link{opacity:.75}.public-login-link:hover{opacity:1}.public-login-link .btn{font-size:.9rem}
:root{--navy:#0f2a44;--teal:#0e9384;--sky:#eaf6f8;--ink:#17324d;--gold:#f59e0b}.public-wrap-v2{min-height:100vh;background:linear-gradient(180deg,#f3fbfc 0,#f7f9fc 45%,#fff 100%);color:var(--ink)}.public-topbar{height:72px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,42,68,.08);position:sticky;top:0;z-index:10}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--teal));display:grid;place-items:center;color:white;box-shadow:0 10px 24px rgba(14,147,132,.22)}.login-link{color:#667085;font-weight:600}.login-link:hover{color:var(--teal)}.public-hero{position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.28),transparent 30%),linear-gradient(135deg,var(--navy),#123c5c 48%,var(--teal));color:white;box-shadow:0 24px 70px rgba(15,42,68,.24)}.public-hero:after{content:"";position:absolute;right:-80px;bottom:-120px;width:360px;height:360px;border-radius:999px;background:rgba(255,255,255,.10)}.public-hero .content{position:relative;z-index:1}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 14px;font-weight:600;color:#dff8f6}.search-card{background:white;border:0;border-radius:22px;box-shadow:0 20px 54px rgba(15,42,68,.16)}.search-card .form-select,.search-card .form-control{height:52px;border-radius:14px;border-color:#d8e2ea}.btn-search{height:52px;border-radius:14px;background:linear-gradient(135deg,var(--teal),#08796d);border:0;font-weight:700;box-shadow:0 12px 26px rgba(14,147,132,.25)}.notice{border:0;border-left:5px solid var(--gold);border-radius:18px;background:#fff8eb;box-shadow:0 10px 28px rgba(245,158,11,.12)}.stat-card{border:0;border-radius:20px;background:white;box-shadow:0 12px 32px rgba(15,42,68,.08)}.stat-card .icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--sky);color:var(--teal)}.table-shell{border:0;border-radius:24px;overflow:hidden;box-shadow:0 16px 44px rgba(15,42,68,.10)}.table-shell .table-responsive{max-height:72vh}.table-shell .table thead th{background:#f1f6f9;color:#40556b;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0;z-index:2}.badge-soft-ok{background:#e8f7ee;color:#146c43}.badge-soft-bad{background:#fdecec;color:#b42318}.badge-soft-wait{background:#fff4db;color:#92400e}.preview-note{font-size:.9rem;color:#667085}.floating-login{position:fixed;right:22px;bottom:18px;z-index:20}.floating-login .btn{border:1px solid #e5eaf0;border-radius:999px;padding:9px 14px;box-shadow:0 10px 28px rgba(15,42,68,.12);font-size:.9rem;color:#667085}
.support-grid a{color:var(--teal);font-weight:700;text-decoration:none}.support-grid a:hover{text-decoration:underline}.support-item{height:100%;display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #e7edf3;border-radius:16px;background:#fbfdff}.support-item>i{font-size:1.35rem;margin-top:2px}.support-time{padding:12px 14px;border-radius:14px;background:#fff8eb;color:#7a4b00;font-weight:600}
.guide-card-mini{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #dbeafe;border-radius:16px;background:#f0f8ff;color:var(--ink);text-decoration:none;transition:.15s ease}.guide-card-mini:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,42,68,.10);color:var(--ink)}.guide-card-mini small{display:block;color:#667085}.guide-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:white;color:var(--teal);box-shadow:0 6px 16px rgba(14,147,132,.14)}
.update-status{border:0;border-left:5px solid #198754;border-radius:18px;background:#ecfdf3;box-shadow:0 10px 28px rgba(25,135,84,.10);color:#14532d}

/* Responsive wide-screen layout */
@media (min-width: 1200px){
  .public-topbar .container,
  body > .public-wrap-v2 > main.container{
    max-width: min(1760px, calc(100vw - 48px));
  }
  #adminPage.container-fluid{
    max-width: min(1880px, calc(100vw - 32px));
    margin-left: auto;
    margin-right: auto;
  }
  #adminPage aside.col-lg-2{width:260px;flex:0 0 260px}
  #adminPage main.col-lg-10{width:calc(100% - 260px);flex:0 0 calc(100% - 260px)}
}
@media (min-width: 1600px){
  #adminPage aside.col-lg-2{width:280px;flex-basis:280px}
  #adminPage main.col-lg-10{width:calc(100% - 280px);flex-basis:calc(100% - 280px)}
  .table{font-size:.92rem}
}
@media (max-width: 991.98px){
  #adminPage.container-fluid{max-width:100%;padding-left:12px!important;padding-right:12px!important}
  .public-topbar .container,
  body > .public-wrap-v2 > main.container{max-width:100%}
}

/* Purpose-focused homepage */
.public-hero-new{background:radial-gradient(circle at 86% 12%,rgba(255,255,255,.25),transparent 28%),radial-gradient(circle at 10% 90%,rgba(14,147,132,.38),transparent 34%),linear-gradient(135deg,#0f2a44,#153d66 48%,#0e9384)!important}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions .btn{border-radius:16px;font-weight:800;padding:12px 18px}.quick-grid{display:grid;grid-template-columns:1fr;gap:14px}.quick-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid rgba(255,255,255,.24);border-radius:22px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;backdrop-filter:blur(10px);text-align:left;width:100%;transition:.15s ease}.quick-card:hover,.quick-card.active{transform:translateY(-2px);background:rgba(255,255,255,.18);color:#fff}.quick-card i{width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:23px;flex:0 0 auto}.quick-card b{display:block;font-size:1.05rem}.quick-card span{display:block;color:rgba(255,255,255,.78);font-size:.93rem;margin-top:3px}.quick-card-button{border:1px solid rgba(255,255,255,.24);font:inherit}.lookup-section{border-radius:24px}.lookup-section .form-select,.lookup-section .form-control{height:54px;border-radius:16px}.lookup-section .btn-search{height:54px}@media(min-width:1200px){.quick-grid{grid-template-columns:1fr 1fr}.quick-card-button{grid-column:1 / -1}.public-hero-new .display-6{font-size:3.15rem}}@media(max-width:768px){.hero-actions .btn{width:100%}.quick-card{padding:14px}.lookup-section .btn-outline-primary{width:100%}}