:root{
  --bg:#2e3238;
  --bg2:#24282e;
  --panel:rgba(46,50,56,.92);
  --panel-2:rgba(255,255,255,.06);
  --text:#f4f5f7;
  --muted:#d5d9de;
  --green:#5a616b;
  --green-2:#717985;
  --red:#8e2626;
  --red-dark:#6f1818;
  --gold:#d1b07b;
  --blue:#3b6c9d;
  --yellow:#b88d2f;
  --shadow:0 16px 40px rgba(0,0,0,.28);
  --shadow-strong:0 20px 44px rgba(0,0,0,.34);
  --radius:22px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#26292f 0%, #2f343b 52%, #23272d 100%);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.site-alert-stack{position:sticky;top:0;z-index:80}
.site-alert{padding:10px 16px;text-align:center;font-weight:700;letter-spacing:.02em}
.site-alert-emergency{background:linear-gradient(90deg,#7b1f1f,#a92a2a)}
.site-alert-advisory{background:linear-gradient(90deg,#7d6430,#b48a35)}
.site-alert-info{background:linear-gradient(90deg,#294f73,#3f76aa)}
.site-header{
  position:sticky;top:0;z-index:70;
  backdrop-filter:blur(14px);
  background:linear-gradient(180deg,rgba(152,45,45,.96) 0%, rgba(110,24,24,.96) 100%);
  border-bottom:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.26))}
.brand span{display:flex;flex-direction:column}
.brand strong{font-size:1.15rem}
.brand small{color:rgba(255,255,255,.82)}
.main-nav{display:flex;gap:18px;align-items:center}
.main-nav a{padding:10px 12px;border-radius:999px;color:#f9f6f2}
.main-nav a:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.nav-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:12px;padding:8px 12px}
main{
  background:linear-gradient(180deg,#50555d 0%, #3d4249 22%, #31363d 52%, #2a2f35 100%);
}
main > .section:nth-of-type(odd){
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
}
.hero{
  position:relative;overflow:hidden;
  min-height:72vh;
  display:flex;align-items:end;
  background:
    linear-gradient(180deg,rgba(22,24,28,.18) 0%, rgba(30,33,38,.5) 38%, rgba(31,34,39,.9) 100%),
    linear-gradient(90deg, rgba(38,42,48,.96), rgba(56,61,69,.72)),
    url('/assets/img/hero-placeholder.png') center/cover no-repeat;
}
.hero:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.04), transparent 45%);
  pointer-events:none;
}
.hero:after{display:none}
.hero-content{position:relative;z-index:2;padding:120px 0 120px;max-width:760px}
.eyebrow{display:inline-block;padding:8px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#f7f0e1;margin-bottom:18px;box-shadow:var(--shadow)}
.hero h1{font-size:clamp(2.2rem,4vw,4.6rem);line-height:.98;margin:0 0 14px}
.hero p{font-size:clamp(1rem,1.7vw,1.3rem);color:#e7eaee;max-width:58ch}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 18px;border-radius:14px;font-weight:700;border:1px solid transparent;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
  box-shadow:var(--shadow-strong)
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(180deg,#9a2f2f,#761b1b);color:#fff}
.btn-primary:hover{box-shadow:0 18px 32px rgba(86,18,18,.38)}
.btn-secondary{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.08));border-color:rgba(255,255,255,.14);color:#fff}
.btn-secondary:hover{border-color:rgba(255,255,255,.22)}
.section{padding:52px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.section-head h2{margin:0;font-size:2rem}
.section-head p{margin:0;color:var(--muted);max-width:70ch}
.grid{display:grid;gap:20px}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{
  background:linear-gradient(180deg,rgba(91,97,107,.96),rgba(56,61,69,.96));
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(14px);
  border-radius:var(--radius);
  padding:22px;box-shadow:var(--shadow-strong)
}
.command-card{position:relative;overflow:hidden}
.command-card:hover{transform:translateY(-4px);transition:transform .18s ease;box-shadow:0 22px 42px rgba(0,0,0,.36)}
.command-card h3{margin:6px 0 10px;font-size:1.22rem}
.command-card p{margin:0;color:var(--muted)}
.command-card .icon{font-size:1.9rem}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
.list-clean{list-style:none;margin:0;padding:0}
.list-clean li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.95rem}
.search-bar{
  display:grid;grid-template-columns:2fr repeat(6,minmax(110px,1fr)) auto;gap:12px;
  margin-bottom:18px
}
.scroll-select{max-height:240px}
input,select,textarea{
  width:100%;padding:14px 14px;border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(24,27,32,.82);color:#fff;box-shadow:inset 0 1px 3px rgba(0,0,0,.18)
}
textarea{min-height:150px;resize:vertical}
table{width:100%;border-collapse:collapse}
th,td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top;text-align:left}
th{color:#fff}
.badge{
  display:inline-flex;padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,.09);font-size:.85rem;border:1px solid rgba(255,255,255,.11)
}
.badge-emergency{background:rgba(201,51,47,.2)}
.badge-advisory{background:rgba(200,154,43,.2)}
.badge-info{background:rgba(46,110,168,.22)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gallery-item{overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(100,106,116,.96),rgba(56,61,69,.96));box-shadow:var(--shadow)}
.gallery-item img{aspect-ratio:1/1;object-fit:cover}
.gallery-item .caption{padding:12px}
.site-footer{padding:42px 0 56px;border-top:1px solid rgba(255,255,255,.12);margin-top:0;background:linear-gradient(180deg,#8e2626 0%, #6f1818 100%);box-shadow:0 -10px 24px rgba(0,0,0,.18)}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li{margin:10px 0}
.notice{background:rgba(120,137,94,.18);padding:14px 16px;border:1px solid rgba(221,235,196,.22);border-radius:14px;margin-bottom:18px;box-shadow:var(--shadow)}
.admin-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh;background:linear-gradient(180deg,#454a52 0%, #2e3339 100%)}
.admin-sidebar{padding:24px;background:linear-gradient(180deg,#8e2626 0%, #6f1818 100%);border-right:1px solid rgba(255,255,255,.12);box-shadow:12px 0 28px rgba(0,0,0,.16)}
.admin-sidebar a{display:block;padding:12px 14px;border-radius:12px;margin-bottom:6px}
.admin-sidebar a:hover{background:rgba(255,255,255,.12)}
.admin-main{padding:28px;background:linear-gradient(180deg,#50555d 0%, #393e45 100%)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat-card{padding:20px;border-radius:18px;background:linear-gradient(180deg,rgba(100,106,116,.96),rgba(57,62,69,.96));border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#343941 0%, #262a31 100%)}
.login-card{width:min(480px,100%);padding:26px}
.facebook-embed{width:100%;min-height:500px;border:0;border-radius:18px;background:#fff;box-shadow:var(--shadow)}
@media (max-width: 1024px){
  .grid-4,.grid-3,.gallery-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}
  .split,.footer-grid{grid-template-columns:1fr}
  .search-bar{grid-template-columns:1fr 1fr}
}
@media (max-width: 760px){
  .nav-toggle{display:block}
  .main-nav{display:none;position:absolute;left:16px;right:16px;top:78px;flex-direction:column;padding:12px;background:rgba(111,24,24,.98);border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}
  .main-nav.open{display:flex}
  .grid-4,.grid-3,.grid-2,.gallery-grid,.stat-grid,.search-bar{grid-template-columns:1fr}
  .hero{min-height:66vh;background-size:auto,auto,cover}
}


/* Elite document system patch */
.documents-head{align-items:stretch}
.card-lite{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:16px 18px;min-width:220px;border-radius:18px;background:linear-gradient(180deg,rgba(132,36,36,.94),rgba(98,24,24,.94));box-shadow:var(--shadow-strong);border:1px solid rgba(255,255,255,.12)}
.card-lite strong{font-size:1.9rem;line-height:1}
.card-lite span,.card-lite em{color:#f1e8e1;font-style:normal}
.document-filter-shell{margin-bottom:22px}
.document-filter-bar{display:grid;grid-template-columns:2.2fr repeat(3,minmax(140px,1fr)) repeat(3,minmax(160px,1fr));gap:14px;align-items:end}
.filter-field{display:flex;flex-direction:column;gap:8px}
.filter-field label{font-weight:700;color:#f1f3f6}
.filter-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.document-group-stack{display:grid;gap:22px}
.year-group{padding:26px}
.year-group-head,.month-group-head,.document-record-top,.document-record-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}
.year-group-head{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}
.year-group h3{margin:0;font-size:2rem}
.month-group + .month-group{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.month-group-head{margin-bottom:14px}
.month-group-head h4{margin:0;font-size:1.3rem}
.month-group-head span{color:var(--muted)}
.document-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.document-record-card{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(84,90,100,.94),rgba(49,54,61,.96));box-shadow:var(--shadow)}
.document-record-card h5{margin:0 0 8px;font-size:1.16rem}
.document-record-card p{margin:0;color:#dde2e8}
.document-date-pill{white-space:nowrap;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:.9rem}
.document-badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px}
.doc-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,#9a2f2f,#761b1b);color:#fff;font-size:.84rem;border:1px solid rgba(255,255,255,.1)}
.doc-badge-muted{background:linear-gradient(180deg,#666c74,#4d535b)}
.doc-badge-dark{background:linear-gradient(180deg,#2a2d33,#1f2228)}
.document-meta-line{font-size:.94rem;color:var(--muted);margin-bottom:14px;word-break:break-word}
.empty-state-card{text-align:center;padding:34px}
.empty-state-card h3{margin-top:0}
@media (max-width: 1200px){.document-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 760px){.documents-head{flex-direction:column}.document-filter-bar,.document-card-grid{grid-template-columns:1fr}.document-record-top,.document-record-actions,.year-group-head,.month-group-head{flex-direction:column;align-items:flex-start}.card-lite{min-width:0;width:100%}}