/* standalone reset (works even if theme.css fails to load) */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; }
img{ max-width:100%; vertical-align:middle; border:0; }
button,input,select,textarea{ font:inherit; color:inherit; }
button{ background:none; border:0; }
a{ text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
.d-none{ display:none!important; }
@media (min-width:576px){ .d-sm-inline-flex{display:inline-flex!important;} .d-sm-inline{display:inline!important;} }
@media (min-width:768px){ .d-md-block{display:block!important;} }
@media (min-width:992px){ .d-lg-inline{display:inline!important;} .d-lg-none{display:none!important;} }
@media (max-width:991.98px){ .d-lg-none{display:inline-block;} }
/* ================================================================
   SEVA UI v3 — CLASSIC MINIMAL (CSC-style)
   Slim light sidebar + thin topbar + compact white cards.
   Everything small, fitted, nothing stretched.
   ================================================================ */
:root{
  --s3-blue:#2456A6; --s3-blue-d:#1B4283; --s3-banner:#1E4B8F;
  --s3-green:#18A45B; --s3-orange:#F59E0B; --s3-red:#DC3545; --s3-purple:#7C3AED;
  --s3-bg:#F5F6FA; --s3-side:#FBFBFD; --s3-panel:#FFFFFF;
  --s3-line:#E6E9F0; --s3-line2:#EDF0F6;
  --s3-ink:#252B36; --s3-ink2:#5A6474; --s3-ink3:#9AA3B2;
  --s3-r:10px; --s3-sh:0 1px 3px rgba(20,30,55,.06);
  --s3-sh2:0 4px 14px rgba(20,30,55,.08);
  --s3-sw:225px; --s3-th:52px;
  --bs-primary:var(--s3-blue); --bs-primary-rgb:36,86,166; --bs-body-bg:var(--s3-bg);
  --bs-body-color:var(--s3-ink); --bs-border-color:var(--s3-line);
  --bs-success:var(--s3-green); --bs-danger:var(--s3-red); --bs-warning:var(--s3-orange);
}
html[data-bs-theme="dark"]{
  --s3-bg:#12161F; --s3-side:#171C27; --s3-panel:#1B2130;
  --s3-line:#2A3245; --s3-line2:#232B3D;
  --s3-ink:#E7EAF1; --s3-ink2:#A9B2C2; --s3-ink3:#727C8F;
  --s3-banner:#1B3E77; --s3-sh:0 1px 3px rgba(0,0,0,.4); --s3-sh2:0 6px 16px rgba(0,0,0,.5);
}
body{ background:var(--s3-bg)!important; color:var(--s3-ink);
  font:400 13px/1.5 'Open Sans',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,h6{ font-family:'Poppins',sans-serif; color:var(--s3-ink); }
::selection{ background:rgba(36,86,166,.18); }
:focus-visible{ outline:2px solid var(--s3-blue); outline-offset:1px; border-radius:4px; }
*{ scrollbar-width:thin; scrollbar-color:#C9D0DC transparent; }
::-webkit-scrollbar{ width:8px;height:8px; } ::-webkit-scrollbar-thumb{ background:#C9D0DC; border-radius:8px; }
html[data-bs-theme="dark"] ::-webkit-scrollbar-thumb{ background:#39445C; }
@media (prefers-reduced-motion:reduce){ *{ animation-duration:.01ms!important; transition-duration:.01ms!important; } }
.navbar-vertical,.setting-toggle,#settings-offcanvas{ display:none!important; }

/* ---------- SIDEBAR ---------- */
.s3-side{ position:fixed; inset:0 auto 0 0; width:var(--s3-sw); z-index:1040;
  background:var(--s3-side); border-right:1px solid var(--s3-line);
  display:flex; flex-direction:column; transition:transform .25s ease; }
.s3-brand{ display:flex; align-items:center; gap:.55rem; padding:.8rem .9rem;
  border-bottom:1px solid var(--s3-line2); min-height:var(--s3-th); }
.s3-brand img{ width:30px;height:30px;border-radius:8px;object-fit:contain;background:#0F1B2D;padding:3px; }
.s3-brand b{ font:700 .82rem 'Poppins',sans-serif; color:var(--s3-ink); letter-spacing:.02em; }
.s3-nav{ flex:1; overflow-y:auto; padding:.5rem .55rem 1.2rem; }
.s3-lab{ font:700 .56rem 'Poppins',sans-serif; letter-spacing:.14em; color:var(--s3-ink3);
  text-transform:uppercase; padding:.85rem .45rem .35rem; }
.s3-link,.s3-gbtn{ display:flex; align-items:center; gap:.55rem; width:100%;
  padding:.42rem .55rem; border:0; background:none; border-radius:8px;
  color:var(--s3-ink2); font:600 .74rem 'Open Sans',sans-serif; text-decoration:none;
  cursor:pointer; transition:background .13s,color .13s; text-align:left; }
.s3-link .fas,.s3-gbtn .fas{ width:15px; text-align:center; font-size:.72rem; color:var(--s3-ink3); transition:color .13s; }
.s3-link:hover,.s3-gbtn:hover{ background:var(--s3-line2); color:var(--s3-blue); }
.s3-link:hover .fas,.s3-gbtn:hover .fas{ color:var(--s3-blue); }
.s3-link.on{ background:rgba(36,86,166,.09); color:var(--s3-blue); font-weight:700; }
.s3-link.on .fas{ color:var(--s3-blue); }
.s3-gbtn .s3-cv{ margin-left:auto; font-size:.55rem; color:var(--s3-ink3); transition:transform .18s; }
.s3-gbtn[aria-expanded="true"] .s3-cv{ transform:rotate(180deg); }
.s3-kids{ padding:.1rem 0 .2rem 1.55rem; display:flex; flex-direction:column; gap:1px; }
.s3-kids a{ font:600 .7rem 'Open Sans',sans-serif; color:var(--s3-ink3); text-decoration:none;
  padding:.3rem .5rem; border-radius:7px; transition:background .13s,color .13s; }
.s3-kids a:hover{ background:var(--s3-line2); color:var(--s3-blue); }
.s3-kids a.on{ color:var(--s3-blue); font-weight:700; }
.s3-scrim{ position:fixed; inset:0; background:rgba(15,22,38,.45); z-index:1039;
  opacity:0; pointer-events:none; transition:opacity .2s; }
.s3-scrim.show{ opacity:1; pointer-events:auto; }

/* ---------- TOPBAR + SHELL ---------- */
.s3-wrap{ margin-left:var(--s3-sw); min-height:100vh; display:flex; flex-direction:column;
  transition:margin .25s ease; }
.s3-top{ position:sticky; top:0; z-index:1030; height:var(--s3-th);
  background:var(--s3-panel); border-bottom:1px solid var(--s3-line);
  display:flex; align-items:center; gap:.7rem; padding:0 1rem; }
.s3-burg{ width:34px;height:34px;border:0;background:none;border-radius:8px;color:var(--s3-ink2);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer; }
.s3-burg:hover{ background:var(--s3-line2); }
.s3-search{ position:relative; width:min(340px,38vw); }
.s3-search .fas{ position:absolute; left:.7rem; top:50%; transform:translateY(-50%);
  font-size:.7rem; color:var(--s3-ink3); }
.s3-search input{ width:100%; border:1px solid var(--s3-line); background:var(--s3-bg);
  border-radius:20px; padding:.4rem .9rem .4rem 1.9rem; font:600 .72rem 'Open Sans',sans-serif;
  color:var(--s3-ink); }
.s3-search input:focus{ outline:0; border-color:var(--s3-blue); background:var(--s3-panel);
  box-shadow:0 0 0 3px rgba(36,86,166,.1); }
.s3-tr{ margin-left:auto; display:flex; align-items:center; gap:.4rem; }
.s3-ic{ width:34px;height:34px;border:0;background:none;border-radius:8px;color:var(--s3-ink2);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer; }
.s3-ic:hover{ background:var(--s3-line2); color:var(--s3-blue); }
.s3-user{ display:flex; align-items:center; gap:.5rem; border:0; background:none;
  border-radius:8px; padding:.25rem .45rem; cursor:pointer; }
.s3-user:hover{ background:var(--s3-line2); }
.s3-user img{ width:30px;height:30px;border-radius:50%;object-fit:cover; }
.s3-user .nm{ text-align:left; line-height:1.15; }
.s3-user .nm small{ display:block; font:600 .58rem 'Open Sans',sans-serif; color:var(--s3-ink3); }
.s3-user .nm b{ font:700 .7rem 'Poppins',sans-serif; color:var(--s3-ink); }
[data-theme-dropdown-toggle-icon]{ display:none; }
html[data-bs-theme="light"] [data-theme-dropdown-toggle-icon="light"]{ display:inline; }
html[data-bs-theme="dark"] [data-theme-dropdown-toggle-icon="dark"]{ display:inline; }
.s3-main{ flex:1; width:100%; max-width:1180px; margin:0 auto; padding:1rem 1.1rem 1.6rem; }

/* ---------- BANNER / ACTIONS / SEARCH PILL ---------- */
.s3-ban{ background:linear-gradient(120deg,var(--s3-banner),#173A6F); color:#fff;
  border-radius:var(--s3-r); padding:.85rem 1.05rem; display:flex; align-items:center;
  justify-content:space-between; gap:.8rem; box-shadow:var(--s3-sh2); }
.s3-ban h5{ margin:0; color:#fff; font:700 .95rem 'Poppins',sans-serif; }
.s3-ban small{ color:#BCD0EE; font:600 .68rem 'Open Sans',sans-serif; }
.s3-wchip{ background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22);
  border-radius:9px; padding:.35rem .7rem; text-align:center; text-decoration:none; display:block; }
.s3-wchip small{ display:block; font:700 .52rem 'Poppins',sans-serif; letter-spacing:.08em;
  color:#BCD0EE; text-transform:uppercase; }
.s3-wchip b{ font:700 .92rem 'Poppins',sans-serif; color:#fff; }
.s3-acts{ display:flex; flex-wrap:wrap; gap:.45rem; margin:.7rem 0; }
.s3-abtn{ display:inline-flex; align-items:center; gap:.4rem; border-radius:8px;
  padding:.38rem .75rem; font:700 .68rem 'Poppins',sans-serif; text-decoration:none;
  border:1px solid transparent; cursor:pointer; transition:all .14s; }
.s3-abtn.b1{ background:var(--s3-blue); color:#fff; }
.s3-abtn.b1:hover{ background:var(--s3-blue-d); color:#fff; }
.s3-abtn.b2{ background:var(--s3-panel); color:var(--s3-blue); border-color:var(--s3-blue); }
.s3-abtn.b2:hover{ background:rgba(36,86,166,.07); }
.s3-abtn.b3{ background:var(--s3-panel); color:#C77700; border-color:var(--s3-orange); }
.s3-abtn.b3:hover{ background:rgba(245,158,11,.09); }
.s3-find{ display:flex; max-width:560px; margin:.2rem auto .9rem; background:var(--s3-panel);
  border:1px solid var(--s3-line); border-radius:22px; overflow:hidden; box-shadow:var(--s3-sh); }
.s3-find input{ flex:1; border:0; padding:.5rem 1rem; font:600 .74rem 'Open Sans',sans-serif;
  color:var(--s3-ink); background:transparent; }
.s3-find input:focus{ outline:0; }
.s3-find button{ border:0; background:var(--s3-blue); color:#fff; padding:0 1.1rem; cursor:pointer; }
.s3-find button:hover{ background:var(--s3-blue-d); }

/* ---------- TICKER (slim) ---------- */
.s3-tick{ display:flex; align-items:stretch; overflow:hidden; background:var(--s3-panel);
  border:1px solid var(--s3-line); border-left:3px solid var(--s3-orange);
  border-radius:8px; margin-bottom:1rem; }
.s3-tick-tag{ display:flex; align-items:center; gap:.35rem; padding:0 .7rem;
  font:800 .58rem 'Poppins',sans-serif; letter-spacing:.08em; color:#C77700; white-space:nowrap; }
.s3-tick-vw{ flex:1; overflow:hidden; position:relative; display:flex; align-items:center; }
.s3-tick-tr{ display:inline-flex; white-space:nowrap; padding:.42rem 0; color:var(--s3-red);
  font:700 .72rem 'Open Sans',sans-serif; animation:s3t 32s linear infinite; }
.s3-tick-tr span{ padding:0 2.6rem; }
.s3-tick:hover .s3-tick-tr{ animation-play-state:paused; }
@keyframes s3t{ to{ transform:translateX(-50%); } }

/* ---------- SECTION LABEL ---------- */
.s3-slab{ display:flex; align-items:center; gap:.5rem; margin:1.15rem 0 .6rem; }
.s3-slab h6{ margin:0; font:700 .7rem 'Poppins',sans-serif; letter-spacing:.1em;
  text-transform:uppercase; color:var(--s3-ink2); }
.s3-slab .ln{ flex:1; height:1px; background:var(--s3-line); }

/* ---------- SERVICE CARDS (compact) ---------- */
.s3-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(148px,1fr)); gap:.65rem; }
.s3-card{ position:relative; background:var(--s3-panel); border:1px solid var(--s3-line);
  border-radius:var(--s3-r); padding:1rem .6rem .7rem; text-align:center;
  box-shadow:var(--s3-sh); display:flex; flex-direction:column; align-items:center; gap:.45rem;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.s3-card:hover{ transform:translateY(-3px); box-shadow:var(--s3-sh2); border-color:#CBD6E8; }
.s3-rib{ position:absolute; top:7px; right:7px; font:800 .5rem 'Poppins',sans-serif;
  letter-spacing:.05em; color:#fff; padding:.16rem .42rem; border-radius:4px; text-transform:uppercase; }
.rib-primary{ background:var(--s3-blue); } .rib-success{ background:var(--s3-green); }
.rib-info{ background:#0EA5C4; } .rib-warning{ background:var(--s3-orange); }
.rib-danger{ background:var(--s3-red); } .rib-secondary{ background:#6B7280; }
.rib-dark{ background:#343A46; } .rib-purple{ background:var(--s3-purple); }
.s3-cico{ width:44px;height:44px;border-radius:50%;background:var(--s3-line2);
  display:flex;align-items:center;justify-content:center; }
.s3-cico .fas{ font-size:.95rem; color:#3B4658; }
html[data-bs-theme="dark"] .s3-cico .fas{ color:#C6CFDE; }
.s3-cname{ font:700 .66rem 'Poppins',sans-serif; color:var(--s3-ink); line-height:1.3;
  min-height:2.1em; display:flex; align-items:center; }
.s3-ccnt{ font:600 .6rem 'Open Sans',sans-serif; color:var(--s3-ink3); margin-top:-.25rem; }
.s3-ccnt b{ color:var(--s3-green); font-family:'Poppins',sans-serif; }
.s3-cbtns{ display:flex; gap:.35rem; width:100%; margin-top:auto; }
.s3-cb1,.s3-cb2{ flex:1; text-decoration:none; border-radius:14px; padding:.26rem .3rem;
  font:700 .6rem 'Poppins',sans-serif; text-align:center; transition:all .13s; }
.s3-cb1{ background:var(--s3-green); color:#fff!important; }
.s3-cb1:hover{ background:#128A4B; }
.s3-cb2{ background:var(--s3-line2); color:var(--s3-ink2)!important; }
.s3-cb2:hover{ background:var(--s3-blue); color:#fff!important; }

/* ---------- STATS / ACT CHIPS ---------- */
.s3-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:.6rem; }
.s3-stat{ background:var(--s3-panel); border:1px solid var(--s3-line); border-radius:var(--s3-r);
  padding:.6rem .75rem; box-shadow:var(--s3-sh); }
.s3-stat .lb{ font:700 .56rem 'Poppins',sans-serif; letter-spacing:.07em; text-transform:uppercase;
  color:var(--s3-ink3); display:flex; align-items:center; gap:.35rem; }
.s3-stat .lb .fas{ font-size:.62rem; }
.s3-stat .vl{ font:700 1rem 'Poppins',sans-serif; color:var(--s3-ink); margin-top:.15rem;
  font-variant-numeric:tabular-nums; display:flex; align-items:center; gap:.4rem; }
.s3-stat .vl .badge{ font-size:.52rem; }
.c-b .fas{color:var(--s3-blue);} .c-g .fas{color:var(--s3-green);}
.c-o .fas{color:var(--s3-orange);} .c-r .fas{color:var(--s3-red);}
.s3-mini{ display:grid; grid-template-columns:repeat(auto-fill,minmax(178px,1fr)); gap:.45rem; }
.s3-mrow{ background:var(--s3-panel); border:1px solid var(--s3-line); border-radius:8px;
  padding:.42rem .6rem; display:flex; justify-content:space-between; align-items:center; gap:.4rem; }
.s3-mrow .nm{ font:600 .63rem 'Open Sans',sans-serif; color:var(--s3-ink2); line-height:1.2; }
.s3-mrow .vl{ font:700 .82rem 'Poppins',sans-serif; color:var(--s3-blue); }

/* ---------- PANEL + DARK TABLE ---------- */
.s3-panel{ background:var(--s3-panel); border:1px solid var(--s3-line);
  border-radius:var(--s3-r); box-shadow:var(--s3-sh); overflow:hidden; }
.s3-panel .hd{ display:flex; align-items:center; justify-content:space-between; gap:.5rem;
  padding:.6rem .85rem; border-bottom:1px solid var(--s3-line2);
  font:700 .76rem 'Poppins',sans-serif; color:var(--s3-ink); }
.table{ color:var(--s3-ink); font-size:.72rem; border-color:var(--s3-line2);
  --bs-table-striped-bg:rgba(36,86,166,.03); }
.table thead th,.table thead.bg-200 th,.table .bg-200{
  background:#1D2330!important; color:#fff!important; border-color:#1D2330!important;
  font:700 .58rem 'Poppins',sans-serif!important; letter-spacing:.08em; text-transform:uppercase;
  padding:.5rem .6rem; }
.table td{ vertical-align:middle; padding:.42rem .6rem; }
.table-hover tbody tr:hover{ background:rgba(36,86,166,.05); }

/* ---------- FOOTER ---------- */
.s3-foot{ border-top:1px solid var(--s3-line); background:var(--s3-panel); }
.s3-foot-in{ max-width:1180px; margin:0 auto; padding:.6rem 1.1rem; display:flex; flex-wrap:wrap;
  gap:.3rem 1.2rem; align-items:center; justify-content:space-between;
  font:600 .64rem 'Open Sans',sans-serif; color:var(--s3-ink3); }
.s3-foot-in a{ color:var(--s3-blue); text-decoration:none; font-weight:700; }
.s3-ok::before{ content:""; display:inline-block; width:6px;height:6px;border-radius:50%;
  background:var(--s3-green); margin-right:.35rem; box-shadow:0 0 0 2px rgba(24,164,91,.2); }

/* ---------- LEGACY RESKIN (compact + fitted) ---------- */
.card{ background:var(--s3-panel)!important; border:1px solid var(--s3-line)!important;
  border-radius:var(--s3-r)!important; box-shadow:var(--s3-sh)!important; }
.card-header{ background:transparent!important; border-bottom:1px solid var(--s3-line2)!important;
  padding:.6rem .85rem!important; font-family:'Poppins',sans-serif; }
.card-body{ padding:.85rem!important; }
.card .bg-holder{ display:none!important; }
.btn{ border-radius:8px!important; font:700 .72rem 'Poppins',sans-serif!important;
  padding:.4rem .8rem!important; transition:all .13s!important; }
.btn-sm{ font-size:.64rem!important; padding:.3rem .6rem!important; }
.btn-lg{ font-size:.8rem!important; padding:.5rem 1rem!important; }
.btn-primary{ background:var(--s3-blue)!important; border-color:var(--s3-blue)!important; }
.btn-primary:hover{ background:var(--s3-blue-d)!important; border-color:var(--s3-blue-d)!important; }
.btn-success{ background:var(--s3-green)!important; border-color:var(--s3-green)!important; }
.btn-warning{ background:var(--s3-orange)!important; border-color:var(--s3-orange)!important; color:#fff!important; }
.btn-danger{ background:var(--s3-red)!important; border-color:var(--s3-red)!important; }
.btn-info{ background:#0EA5C4!important; border-color:#0EA5C4!important; color:#fff!important; }
.btn-outline-primary{ color:var(--s3-blue)!important; border-color:var(--s3-blue)!important; }
.btn-outline-primary:hover{ background:var(--s3-blue)!important; color:#fff!important; }
.btn-light,.btn-falcon-default{ background:var(--s3-line2)!important; border-color:var(--s3-line)!important; color:var(--s3-ink2)!important; }
.form-control,.form-select{ background:var(--s3-panel)!important; border:1px solid var(--s3-line)!important;
  border-radius:8px!important; color:var(--s3-ink)!important; font-size:.76rem!important;
  padding:.42rem .65rem!important; }
.form-control:focus,.form-select:focus{ border-color:var(--s3-blue)!important;
  box-shadow:0 0 0 3px rgba(36,86,166,.1)!important; }
.form-label{ font:700 .68rem 'Open Sans',sans-serif!important; color:var(--s3-ink2)!important;
  margin-bottom:.25rem!important; }
.input-group-text{ background:var(--s3-line2)!important; border:1px solid var(--s3-line)!important;
  border-radius:8px!important; color:var(--s3-ink3)!important; font-size:.72rem!important; }
.form-check-input:checked{ background-color:var(--s3-blue)!important; border-color:var(--s3-blue)!important; }
.badge{ border-radius:5px!important; font:700 .56rem 'Poppins',sans-serif!important; letter-spacing:.04em; }
.badge-subtle-primary{ background:rgba(36,86,166,.1)!important; color:var(--s3-blue)!important; }
.badge-subtle-success{ background:rgba(24,164,91,.12)!important; color:#0F7A43!important; }
.badge-subtle-danger{ background:rgba(220,53,69,.1)!important; color:var(--s3-red)!important; }
.badge-subtle-warning{ background:rgba(245,158,11,.14)!important; color:#B45E09!important; }
.badge-subtle-info{ background:rgba(14,165,196,.12)!important; color:#0B7E96!important; }
.badge-subtle-secondary{ background:var(--s3-line2)!important; color:var(--s3-ink2)!important; }
.alert{ border-radius:8px!important; font-size:.74rem!important; padding:.6rem .8rem!important; }
.dropdown-menu{ border:1px solid var(--s3-line)!important; border-radius:10px!important;
  box-shadow:var(--s3-sh2)!important; background:var(--s3-panel)!important; font-size:.74rem;
  padding:.3rem!important; }
.dropdown-item{ font-weight:600; color:var(--s3-ink2); border-radius:7px; padding:.4rem .6rem; }
.dropdown-item:hover{ background:var(--s3-line2); color:var(--s3-blue); }
.modal-content{ border-radius:12px!important; border:1px solid var(--s3-line)!important; }
.modal-dialog{ max-width:min(520px,94vw); }
.swal2-popup{ border-radius:14px!important; font-family:'Open Sans',sans-serif!important;
  width:auto!important; max-width:min(400px,92vw)!important; font-size:.8rem!important; }
.swal2-title{ font-family:'Poppins',sans-serif!important; font-size:1.05rem!important; }
.swal2-styled.swal2-confirm{ background:var(--s3-blue)!important; border-radius:8px!important;
  font-weight:700!important; box-shadow:none!important; font-size:.76rem!important; }
.text-primary{ color:var(--s3-blue)!important; }
.text-900,.text-800{ color:var(--s3-ink)!important; }
.text-700,.text-600,.text-500{ color:var(--s3-ink2)!important; }
.bg-100,.bg-light,.bg-body-tertiary{ background:var(--s3-line2)!important; }
.border-200,.border-300{ border-color:var(--s3-line)!important; }
.bg-card-gradient{ background:linear-gradient(120deg,var(--s3-banner),#173A6F)!important; }

/* ---------- POPUP (fits viewport) ---------- */
.sv-pop{ border-radius:12px!important; padding:0!important; width:min(340px,92vw)!important;
  overflow:hidden!important; background:var(--s3-panel)!important;
  box-shadow:0 18px 48px rgba(15,25,50,.3)!important; }
.svp-head{ background:linear-gradient(120deg,var(--s3-banner),#173A6F); color:#fff;
  padding:.8rem .9rem .7rem; text-align:center; position:relative; }
.svp-head .svp-ic{ width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;margin:0 auto .35rem;font-size:.85rem; }
.svp-head h5{ margin:0; font:700 .88rem 'Poppins',sans-serif; color:#fff; }
.svp-head small{ color:#BCD0EE; font:700 .55rem 'Poppins',sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.svp-x{ position:absolute; top:8px; right:8px; width:22px;height:22px;border-radius:6px;
  background:rgba(255,255,255,.15); color:#fff; display:flex;align-items:center;justify-content:center;
  cursor:pointer; font-size:.8rem; transition:.15s; }
.svp-x:hover{ background:var(--s3-red); }
.svp-strip{ height:2px; background:linear-gradient(90deg,#F59E0B 33.3%,#fff 33.3% 66.6%,#18A45B 66.6%); }
.svp-body{ padding:.85rem .95rem .3rem; text-align:left; color:var(--s3-ink); font-size:.76rem;
  line-height:1.6; max-height:min(46vh,300px); overflow-y:auto; }
.svp-body h1,.svp-body h2,.svp-body h3,.svp-body h4,.svp-body h5,.svp-body h6{
  color:var(--s3-banner); font:700 .84rem 'Poppins',sans-serif; margin:0 0 .35rem; }
.svp-body p{ margin:0 0 .4rem; }
.svp-foot{ display:flex; align-items:center; justify-content:space-between; gap:.5rem;
  padding:.55rem .95rem .8rem; }
.svp-src{ font:700 .58rem 'Poppins',sans-serif; color:var(--s3-ink3); }
.svp-ok{ background:var(--s3-blue); color:#fff; border:0; border-radius:8px;
  font:700 .68rem 'Poppins',sans-serif; padding:.4rem .9rem; cursor:pointer; transition:.15s; }
.svp-ok:hover{ background:var(--s3-blue-d); }

/* ---------- AUTH (light minimal, classnames retained) ---------- */
.sv-auth-body{ min-height:100vh; display:flex; flex-direction:column; background:var(--s3-bg); }
.sv-auth-top{ background:#14213A; color:#fff; padding:.42rem .9rem; display:flex;
  align-items:center; justify-content:space-between; font:600 .6rem 'Poppins',sans-serif; letter-spacing:.08em; }
.sv-tricolor{ height:2px; background:linear-gradient(90deg,#F59E0B 33.3%,#fff 33.3% 66.6%,#18A45B 66.6%); }
.sv-auth-wrap{ flex:1; display:flex; align-items:center; justify-content:center; padding:1.5rem 1rem; }
.sv-auth-card{ width:100%; max-width:820px; background:var(--s3-panel); border:1px solid var(--s3-line);
  border-radius:14px; box-shadow:var(--s3-sh2); overflow:hidden; display:grid; grid-template-columns:5fr 7fr; }
.sv-auth-card.one{ max-width:430px; grid-template-columns:1fr; }
.sv-auth-side{ background:var(--s3-side); border-right:1px solid var(--s3-line2);
  color:var(--s3-ink); padding:1.6rem 1.4rem; display:flex; flex-direction:column; }
.sv-auth-logo{ background:#0F1B2D; border-radius:10px; padding:.45rem .6rem; display:inline-flex;
  margin-bottom:.9rem; align-self:flex-start; }
.sv-auth-logo img{ height:30px; width:auto; max-width:130px; object-fit:contain; }
.sv-auth-glyph{ width:46px;height:46px;border-radius:11px;
  background:linear-gradient(140deg,var(--s3-blue),var(--s3-blue-d));
  display:flex;align-items:center;justify-content:center; margin-bottom:.8rem; }
.sv-auth-glyph .fas,.sv-auth-glyph .fab{ font-size:1.05rem; color:#fff; }
.sv-auth-side h4{ font:700 .95rem 'Poppins',sans-serif; color:var(--s3-ink); }
.sv-auth-side p{ color:var(--s3-ink2); font-size:.72rem; }
.sv-auth-list{ list-style:none; padding:0; margin:.6rem 0 0; }
.sv-auth-list li{ display:flex; gap:.45rem; color:var(--s3-ink2); font:600 .68rem 'Open Sans',sans-serif; padding:.24rem 0; }
.sv-auth-list .fas{ color:var(--s3-green); margin-top:2px; font-size:.66rem; }
.sv-auth-side .end{ margin-top:auto; padding-top:1rem; font-size:.68rem; color:var(--s3-ink3); }
.sv-auth-side .end a{ color:var(--s3-blue); font-weight:700; text-decoration:none; }
.sv-auth-main{ padding:1.6rem 1.5rem; }
.sv-auth-eyebrow{ font:800 .56rem 'Poppins',sans-serif; letter-spacing:.15em; color:var(--s3-orange); text-transform:uppercase; }
.sv-auth-main h3{ font:700 1.1rem 'Poppins',sans-serif; margin:.2rem 0 .25rem; }
.sv-auth-sub{ color:var(--s3-ink3); font-size:.72rem; }
.sv-auth-foot{ text-align:center; padding:.8rem; font:600 .62rem 'Open Sans',sans-serif; color:var(--s3-ink3); }
@media (max-width:767.98px){
  .sv-auth-card{ grid-template-columns:1fr; max-width:430px; }
  .sv-auth-list{ display:none; }
  .sv-auth-side{ padding:1.1rem 1.2rem; }
  .sv-auth-main{ padding:1.2rem 1.2rem; }
}

/* ---------- RESPONSIVE SHELL ---------- */
@media (max-width:1024.98px){
  .s3-side{ transform:translateX(-102%); box-shadow:var(--s3-sh2); }
  .s3-side.open{ transform:none; }
  .s3-wrap{ margin-left:0; }
}
@media (max-width:575.98px){
  .s3-main{ padding:.7rem .65rem 1.2rem; }
  .s3-grid{ grid-template-columns:repeat(2,1fr); gap:.5rem; }
  .s3-ban{ flex-direction:column; align-items:flex-start; }
  .s3-user .nm{ display:none; }
  .s3-search{ width:100%; }
}
@keyframes s3up{ from{opacity:0;transform:translateY(6px);} to{opacity:1;transform:none;} }
.s3-up{ animation:s3up .3s ease both; }
@media print{ .s3-side,.s3-top,.s3-tick{ display:none!important; } .s3-wrap{ margin:0; } }