:root{--green:#087a4b;--green2:#1daa68;--green3:#dff7e9;--dark:#172b22;--charcoal:#282d31;--yellow:#ffd23f;--red:#e63946;--bg:#f6f9f7;--line:#dce9e2;--muted:#67776f;--white:#fff;--shadow:0 14px 42px rgba(15,67,40,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Almarai","Cairo",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--charcoal);line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-wrap{max-width:1460px;margin:auto;padding:9px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;min-width:280px}.brand img{width:60px;height:60px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.45}.brand b{font-size:15px;color:#153a29}.brand small{font-size:11px;color:var(--muted)}nav{display:flex;gap:16px;align-items:center;font-size:13px}nav a:hover{color:var(--green)}.lang{border:1px solid var(--green);border-radius:99px;padding:4px 10px}.mobile-toggle{display:none;border:0;background:transparent;font-size:25px;cursor:pointer}.hero{max-width:1460px;min-height:430px;margin:18px auto 0;padding:66px 7%;border-radius:28px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(228,249,238,.9)),radial-gradient(circle at 80% 15%,rgba(29,170,104,.28),transparent 36%);box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:auto -5% -130px;height:270px;background:linear-gradient(165deg,transparent 33%,rgba(65,188,124,.5) 34% 47%,rgba(29,170,104,.78) 48% 61%,rgba(8,122,75,.94) 62% 76%,#064f34 77%);transform:rotate(-1deg)}.hero-copy{max-width:770px;position:relative;z-index:2}.eyebrow{display:inline-flex;background:var(--green3);color:var(--green);border-radius:99px;padding:7px 15px;font-weight:800}.hero h1{font-size:clamp(34px,4vw,55px);line-height:1.35;color:#075c3c;margin:20px 0 10px}.hero p{font-size:18px;color:#52645b;max-width:720px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.traffic-signal{width:105px;height:265px;padding:24px;border-radius:26px;background:#262d2a;display:grid;gap:18px;box-shadow:0 20px 45px #0004;z-index:2}.traffic-signal i{border-radius:50%;background:var(--red);box-shadow:0 0 26px var(--red)}.traffic-signal i:nth-child(2){background:var(--yellow);box-shadow:0 0 26px var(--yellow)}.traffic-signal i:nth-child(3){background:var(--green2);box-shadow:0 0 34px var(--green2);animation:pulse 1.9s infinite}@keyframes pulse{50%{transform:scale(1.08);filter:brightness(1.2)}}.btn{border:0;border-radius:11px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#e8f0ec;color:#173b2c;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--green);color:#fff;box-shadow:0 8px 23px rgba(8,122,75,.27)}.btn.primary:hover{background:#06643e}.btn.outline{background:#fff;border:1px solid var(--green);color:var(--green)}.btn.danger{background:#ffe4e7;color:#9b1d2c}.btn.warning{background:#fff2cf;color:#745000}.btn.ghost{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.25)}.btn.small{padding:6px 11px;font-size:12px}.filter-panel{max-width:1320px;margin:-25px auto 30px;position:relative;z-index:3;background:#fff;padding:15px;border-radius:17px;box-shadow:var(--shadow);display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:9px}.field,.form-control{width:100%;border:1px solid #cddfd5;border-radius:11px;padding:11px 12px;background:#fff;color:inherit}.check-field{display:flex;align-items:center;gap:7px;background:#f7faf8;padding:8px 11px;border-radius:10px;font-size:12px}.section-shell,.page-shell{max-width:1320px;margin:auto;padding:0 20px 65px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:26px 0 14px}.section-title h2,.page-title h1{margin:0;color:var(--green)}.section-title p,.page-title p{margin:3px 0;color:var(--muted)}.season-select{display:flex;gap:8px;align-items:center}.course-grid{display:grid;gap:13px}.course-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 7px 25px rgba(20,64,41,.07)}.course-head{width:100%;border:0;background:#fff;padding:17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;text-align:start;cursor:pointer}.course-head:hover{background:#f1fbf6}.course-code{background:#e4f7ed;color:var(--green);border-radius:9px;padding:6px 10px;font-weight:900}.course-title b{display:block;font-size:18px}.course-title small{color:var(--muted)}.course-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.chev{font-size:25px;transition:.25s}.course-card.open .chev{transform:rotate(180deg)}.course-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease;border-top:0 solid var(--line)}.course-body-inner{overflow:hidden}.course-card.open .course-body{grid-template-rows:1fr;border-top-width:1px}.variant{margin:18px;padding:18px;border:1px solid #e0ece6;border-radius:14px;background:#fbfefc}.variant h3{margin-top:0;color:#174a34}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-box{background:#fff;padding:14px;border-radius:11px;border:1px solid #edf3f0}.detail-box h4{color:var(--green);margin:0 0 7px}.detail-box ul{margin:0;padding-inline-start:22px}.tag,.badge,.status{display:inline-flex;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:800;background:#e7f1ec}.badge.success,.status.success{background:#dff7e9;color:#087a4b}.badge.warning,.status.warning{background:#fff2cf;color:#765100}.badge.danger,.status.danger{background:#ffe4e7;color:#9c1f2e}.badge.info,.status.info{background:#e6f2ff;color:#185a8d}.sessions-list{display:grid;gap:9px;margin-top:14px}.session-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:#f1f8f4;border-radius:11px;padding:12px}.session-info{display:flex;gap:20px;flex-wrap:wrap}.session-info span{display:flex;flex-direction:column}.session-info small{color:var(--muted)}.session-action{display:flex;gap:9px;align-items:center}.page-shell{padding-top:35px}.page-shell.narrow{max-width:800px}.card,.form-card,.auth-card,.success-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:24px;box-shadow:var(--shadow)}.auth-card,.success-card{max-width:650px;margin:45px auto;text-align:center}.auth-card img{width:105px}.auth-card form{display:grid;gap:13px;text-align:start;margin-top:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid label{font-weight:700}.form-grid label .form-control{margin-top:6px}.wide{grid-column:1/-1}.type-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.type-choice input{position:absolute;opacity:0}.type-choice span{display:block;border:1px solid #bad6c8;border-radius:12px;padding:13px;text-align:center;cursor:pointer}.type-choice input:checked+span{background:var(--green);color:#fff}.steps{display:flex;align-items:center;justify-content:center;margin:0 0 24px}.step-dot{display:flex;align-items:center;gap:7px;color:#8b9690}.step-dot:after{content:"";width:60px;height:3px;background:#d7e5dd;margin:0 9px}.step-dot:last-child:after{display:none}.step-dot i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e2ece7;font-style:normal}.step-dot.active{color:var(--green);font-weight:800}.step-dot.active i{background:var(--green);color:#fff}.form-step{display:none}.form-step.active{display:block;animation:fade .22s ease}@keyframes fade{from{opacity:0;transform:translateY(6px)}}.form-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.upload-box{border:2px dashed #82b99e;border-radius:14px;padding:18px}.notice{padding:12px 14px;border-radius:10px;background:#e7f3ff;margin:12px 0}.notice.warning{background:#fff2cf}.notice.danger{background:#ffe4e7}.codes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.code-box{background:#f0f8f4;border-radius:12px;padding:14px}.code-box small,.code-box b{display:block}.code-box b{font-size:20px;color:var(--green);direction:ltr}.tracking-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.status-timeline{display:flex;align-items:flex-start;justify-content:space-between;margin:30px 0}.timeline-step{flex:1;text-align:center;position:relative}.timeline-step:before{content:"";position:absolute;top:16px;inset-inline:0;height:3px;background:#dfe9e4;z-index:0}.timeline-step:first-child:before{inset-inline-start:50%}.timeline-step:last-child:before{inset-inline-end:50%}.timeline-step i{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#dfe9e4;font-style:normal}.timeline-step.done i{background:var(--green);color:#fff}.flash{max-width:1260px;margin:12px auto;padding:11px 16px;border-radius:11px}.flash.success{background:#dff7e9;color:#08683f}.flash.danger{background:#ffe4e7;color:#972031}footer{background:#14271e;color:#fff;padding:24px max(25px,calc((100% - 1320px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}footer>div:first-child{display:flex;align-items:center;gap:11px}footer img{width:53px}footer span{display:flex;flex-direction:column}footer small{opacity:.72}.footer-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;opacity:.85}.admin-body{background:#f3f6f4}.admin-top{height:72px;position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px 22px}.admin-brand{display:flex;align-items:center;gap:10px;font-weight:900;color:#133d2a}.admin-brand img{width:53px;height:53px}.admin-user{display:flex;align-items:center;gap:12px;font-size:13px}.admin-user form{margin:0}.admin-shell{max-width:1700px;margin:auto;display:grid;grid-template-columns:245px 1fr;gap:20px;padding:20px}.admin-sidebar{background:var(--dark);color:#fff;border-radius:18px;padding:15px;height:calc(100vh - 112px);position:sticky;top:92px;overflow:auto}.admin-sidebar a{display:block;padding:10px 12px;border-radius:9px;margin:2px 0;font-size:13px}.admin-sidebar a:hover{background:var(--green)}.admin-content{min-width:0}.admin-page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 17px}.admin-page-head h1{margin:0;color:var(--green);font-size:26px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.stat-card b{display:block;font-size:29px;color:var(--green)}.stat-card small{color:var(--muted)}.admin-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:17px;overflow:auto}.admin-card h2,.admin-card h3{margin-top:0;color:#174a34}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th,.data-table td{padding:10px;border-bottom:1px solid #e8efeb;text-align:start;vertical-align:top}.data-table th{background:#f6faf8;font-size:12px;color:#496257}.data-table td{font-size:13px}.table-actions{display:flex;gap:5px}.admin-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.admin-form-grid .span-2{grid-column:span 2}.admin-form-grid .span-3{grid-column:1/-1}.admin-form-grid label{font-size:13px;font-weight:800}.admin-form-grid .form-control{margin-top:5px}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:17px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.tab-link{padding:7px 11px;border-radius:9px;background:#eaf2ee}.tab-link.active{background:var(--green);color:#fff}.application-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.summary-item{background:#f5faf7;padding:11px;border-radius:10px}.summary-item small,.summary-item b{display:block}.sensitive{direction:ltr;display:inline-block}.alert-card{border-inline-start:5px solid #4f9bdd}.alert-card.red{border-color:var(--red)}.alert-card.orange{border-color:#f0a31a}.alert-card.blue{border-color:#4285d4}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.permission-item{display:flex;gap:7px;align-items:flex-start;background:#f6faf8;padding:8px;border-radius:8px}.checkbox-list{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px}.checkbox-list label{display:flex;gap:7px;padding:4px}.chart-bars{height:210px;display:flex;align-items:end;gap:8px;padding:20px 10px 0}.chart-bar{flex:1;min-width:25px;background:linear-gradient(var(--green2),var(--green));border-radius:8px 8px 0 0;position:relative}.chart-bar small{position:absolute;bottom:-24px;inset-inline:0;text-align:center;font-size:9px}.chart-bar b{position:absolute;top:-25px;inset-inline:0;text-align:center;font-size:11px}.empty-state{text-align:center;padding:35px;color:var(--muted)}.source-box{white-space:pre-wrap;max-height:260px;overflow:auto;background:#f7f8f7;padding:11px;border-radius:9px;font-size:12px}.logo-health{width:90px}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.health-item{display:flex;justify-content:space-between;padding:9px;background:#f6faf8;border-radius:8px}.hidden{display:none!important}@media(max-width:1100px){.filter-panel{grid-template-columns:repeat(2,1fr);margin:15px}.stats-grid{grid-template-columns:repeat(3,1fr)}.admin-form-grid{grid-template-columns:repeat(2,1fr)}.admin-form-grid .span-3{grid-column:1/-1}.split-layout{grid-template-columns:1fr}.application-summary{grid-template-columns:repeat(2,1fr)}.permission-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.mobile-toggle{display:block}.nav-wrap{padding:7px 14px}.brand{min-width:0}.brand img{width:52px;height:52px}.brand b{font-size:12px}.brand small{display:none}nav[data-main-nav]{display:none;position:absolute;top:68px;inset-inline:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}nav[data-main-nav].open{display:flex}.hero{margin:10px;min-height:380px;padding:38px 25px}.hero h1{font-size:34px}.traffic-signal{width:68px;height:178px;padding:15px;gap:12px}.filter-panel{grid-template-columns:1fr}.detail-grid,.form-grid,.codes,.tracking-form{grid-template-columns:1fr}.session-row{grid-template-columns:1fr}.session-action{justify-content:space-between}.admin-shell{grid-template-columns:1fr;padding:10px}.admin-sidebar{display:none;position:fixed;top:72px;bottom:0;inset-inline-start:0;width:260px;height:auto;z-index:70;border-radius:0}.admin-sidebar.open{display:block}.admin-user>a:first-child{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .span-2,.admin-form-grid .span-3{grid-column:1}.application-summary{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}.status-timeline{overflow:auto}.timeline-step{min-width:120px}}
.content-wrap{max-width:1260px;margin:28px auto;padding:0 22px}.content-wrap.narrow{max-width:980px}.page-hero{max-width:1460px;margin:18px auto;padding:45px 7%;border-radius:24px;background:linear-gradient(135deg,#fff,#e4f8ed);box-shadow:var(--shadow)}.page-hero.compact{min-height:190px;display:flex;align-items:center}.page-hero h1{color:var(--green);margin:8px 0}.courses-section{max-width:1320px;margin:48px auto;padding:0 22px}.filter-form{display:contents}.filter-panel{max-width:1320px;margin:-40px auto 25px;position:relative;z-index:5;background:#fff;padding:20px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end}.filter-panel label{font-size:12px;font-weight:800}.filter-panel .check-line{align-self:center}.filter-buttons,.toolbar-form,.inline-copy,.registration-meta,.certificate-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-form{margin-bottom:14px}.inline-copy input{width:115px;padding:6px;border:1px solid var(--line);border-radius:7px}.course-accordion{display:grid;gap:13px}.course-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 6px 24px rgba(15,67,40,.06)}.course-head{width:100%;border:0;background:#fff;display:grid;grid-template-columns:64px 1fr 40px;gap:15px;align-items:center;text-align:start;padding:18px;cursor:pointer}.course-index{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--green3);color:var(--green);font-weight:900}.course-heading{display:flex;flex-direction:column}.course-heading small{color:var(--muted)}.course-heading b{font-size:18px;color:#123c29}.accordion-mark{font-size:25px;color:var(--green);transition:.2s}.course-body{display:none;border-top:1px solid var(--line);padding:20px}.course-card.open .course-body{display:block}.course-card.open .accordion-mark{transform:rotate(45deg)}.variant-block{padding:14px 0;border-bottom:1px dashed var(--line)}.variant-block:last-child{border:0}.variant-block h3{color:var(--green)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-grid>div{background:#f7fbf9;border-radius:12px;padding:13px}.sessions-list{margin-top:16px}.session-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:center;padding:12px;border-top:1px solid var(--line)}.session-row>div{display:flex;flex-direction:column}.session-action{align-items:flex-end;gap:7px}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:800;background:#eaf2ee;color:#325a47}.badge.success{background:#dff7e9;color:#087044}.badge.danger{background:#ffe4e7;color:#a12230}.badge.warning{background:#fff0c7;color:#8a6000}.badge.info{background:#e4efff;color:#225f9b}.btn{border:1px solid transparent;border-radius:10px;padding:9px 15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.btn.primary{background:var(--green);color:#fff}.btn.outline{border-color:var(--green);color:var(--green);background:#fff}.btn.ghost{background:#edf4f0;color:#244c39}.btn.danger{background:var(--red);color:#fff}.btn.small{padding:6px 11px;font-size:12px}.btn.tiny{padding:4px 8px;font-size:11px}.btn:disabled{opacity:.45;cursor:not-allowed}.form-control{width:100%;border:1px solid #cbded4;border-radius:9px;padding:9px 10px;background:#fff;color:#26362f}.form-control:focus{outline:2px solid rgba(8,122,75,.18);border-color:var(--green)}textarea.form-control{min-height:95px;resize:vertical}.form-control.tall,textarea.tall{min-height:190px}.check-line,.consent-line{display:flex!important;align-items:center;gap:7px;font-weight:700;margin:10px 0}.success-panel,.certificate-check{text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.success-icon{width:72px;height:72px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:38px;font-weight:900}.success-icon.error{background:var(--red)}.qr-large{width:210px;height:210px}.registration-meta{justify-content:space-between;margin-bottom:14px}.certificate-row{justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}.certificate-row form{display:flex;gap:5px}.certificate-row input{max-width:140px}.dashboard-grid{margin-top:17px}.traffic-signal{width:86px;height:220px;background:#1d2622;border-radius:40px;padding:20px;display:flex;flex-direction:column;gap:14px;position:relative;z-index:2;box-shadow:0 16px 35px rgba(0,0,0,.22)}.traffic-signal i{flex:1;border-radius:50%;opacity:.94}.traffic-signal .red{background:var(--red)}.traffic-signal .yellow{background:var(--yellow)}.traffic-signal .green{background:var(--green2)}@media print{.admin-top,.admin-sidebar,.admin-page-head .btn,form,.site-header,footer{display:none!important}.admin-shell{display:block}.admin-card{border:0;overflow:visible}.data-table{white-space:normal}}
.table-wrap{width:100%;overflow-x:auto}.compact-table th,.compact-table td{padding:7px 9px}.muted{color:var(--muted);margin-top:0}.report-summary-grid{align-items:start}.report-summary-grid .admin-card{height:100%}@media(max-width:800px){.report-summary-grid{grid-template-columns:1fr}.admin-page-head{align-items:flex-start}.admin-actions{flex-wrap:wrap}}

/* ========================================================================
   TSTC Training Portal v1.0.1 — "Dynamic Training" production UI refresh
   ======================================================================== */
:root{
  --green:#087a4b;
  --green-950:#043c29;
  --green-900:#055337;
  --green-800:#08704a;
  --green-700:#0a8656;
  --green-600:#16a263;
  --green-500:#2abd78;
  --green-100:#dcf7e9;
  --green-50:#f1fbf6;
  --ink:#10251c;
  --charcoal:#24332c;
  --muted:#66766e;
  --surface:#ffffff;
  --surface-soft:#f4f8f6;
  --line:#cfe0d7;
  --line-strong:#a9c8b8;
  --yellow:#ffd23f;
  --yellow-deep:#d29a00;
  --red:#e63946;
  --bg:#edf4f0;
  --shadow-sm:0 5px 16px rgba(5,64,39,.08);
  --shadow:0 16px 44px rgba(5,64,39,.13);
  --shadow-strong:0 26px 70px rgba(4,55,34,.18);
  --radius-sm:12px;
  --radius:18px;
  --radius-lg:28px;
}

html{background:var(--bg)}
body{background:
  radial-gradient(circle at 8% 3%,rgba(42,189,120,.11),transparent 22rem),
  radial-gradient(circle at 94% 17%,rgba(255,210,63,.08),transparent 20rem),
  linear-gradient(180deg,#f8fbf9 0,#edf4f0 100%);color:var(--charcoal)}
body.drawer-open{overflow:hidden}
a,button{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,210,63,.72);outline-offset:3px}
.hidden{display:none!important}

/* Header and identity */
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(8,122,75,.16);box-shadow:0 5px 24px rgba(5,64,39,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-signal{position:absolute;inset:0 0 auto;height:4px;display:grid;grid-template-columns:1fr 1fr 1fr;overflow:hidden}
.header-signal i:nth-child(1){background:var(--red)}
.header-signal i:nth-child(2){background:var(--yellow)}
.header-signal i:nth-child(3){background:var(--green-600)}
.nav-wrap{max-width:1480px;padding:12px 28px;margin:auto;min-height:82px}
.brand{min-width:0;gap:14px}
.brand img,.admin-brand img,.footer-brand img,.mobile-nav-head img,.admin-sidebar-head img{border-radius:50%;filter:drop-shadow(0 5px 8px rgba(0,0,0,.17));background:transparent}
.brand img{width:66px;height:66px}
.brand b{font-size:17px;line-height:1.45;color:var(--green-950)}
.brand small{font-size:11px;color:#63766c;letter-spacing:.02em}
.main-nav{gap:7px;font-size:13px;font-weight:700}
.main-nav>a:not(.btn){padding:9px 11px;border-radius:10px;transition:.2s ease}
.main-nav>a:not(.btn):hover{background:var(--green-50);color:var(--green-800)}
.main-nav .lang{border:1px solid var(--line-strong);background:#fff}
.mobile-nav-head{display:none}
.mobile-toggle{width:46px;height:46px;border-radius:13px;background:var(--green-50);border:1px solid var(--line);padding:11px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.mobile-toggle span{display:block;width:22px;height:2px;border-radius:4px;background:var(--green-900)}
.site-overlay,.admin-overlay,.filter-backdrop{position:fixed;inset:0;background:rgba(4,24,15,.55);backdrop-filter:blur(3px);z-index:108}
.site-overlay[hidden],.admin-overlay[hidden],.filter-backdrop[hidden]{display:none}

/* Buttons and controls */
.btn{min-height:42px;border-radius:12px;padding:10px 17px;font-weight:900;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.btn.primary{background:linear-gradient(135deg,var(--green-800),var(--green-600));border-color:var(--green-700);color:#fff;box-shadow:0 9px 22px rgba(8,122,75,.24)}
.btn.primary:hover{background:linear-gradient(135deg,var(--green-900),var(--green-700))}
.btn.outline{background:#fff;border:1.5px solid var(--green-700);color:var(--green-800)}
.btn.ghost{background:#e9f2ed;border:1px solid #d4e4dc;color:#1d4f37}
.btn.danger{background:linear-gradient(135deg,#d92f3d,#ef5964);border-color:#c82a37;color:#fff}
.btn.small{min-height:35px}
.form-control,.field{min-height:44px;border:1.5px solid var(--line);border-radius:12px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border .18s ease,box-shadow .18s ease,background .18s ease}
.form-control:hover,.field:hover{border-color:var(--line-strong)}
.form-control:focus,.field:focus{outline:0;border-color:var(--green-600);box-shadow:0 0 0 4px rgba(22,162,99,.13);background:#fff}

/* Dynamic hero */
.hero{max-width:1480px;min-height:470px;margin:22px auto 0;padding:68px clamp(30px,7vw,100px);border:1px solid rgba(8,122,75,.18);border-radius:32px;background:
  linear-gradient(103deg,rgba(255,255,255,.98) 0%,rgba(246,253,249,.96) 54%,rgba(226,249,237,.92) 100%);box-shadow:var(--shadow-strong);isolation:isolate}
.hero:after{content:"";position:absolute;z-index:-2;inset:auto 0 0;height:56%;opacity:.28;background:
  linear-gradient(90deg,transparent 0 5%,#9ebbb0 5% 6%,transparent 6% 9%,#8ba99e 9% 10.5%,transparent 10.5% 14%,#aac2b8 14% 17%,transparent 17% 21%,#809e93 21% 22%,transparent 22% 25%,#9fb9ae 25% 28%,transparent 28% 32%,#7f9d92 32% 34%,transparent 34% 39%,#9eb8ad 39% 41%,transparent 41% 45%,#8eaa9f 45% 47%,transparent 47% 53%,#aec5bb 53% 56%,transparent 56% 62%,#7f9d92 62% 64%,transparent 64% 69%,#9eb8ad 69% 72%,transparent 72% 78%,#89a69a 78% 80%,transparent 80% 86%,#a2bdb2 86% 89%,transparent 89%);
  clip-path:polygon(0 72%,4% 72%,4% 44%,7% 44%,7% 58%,11% 58%,11% 25%,14% 25%,14% 64%,17% 64%,17% 36%,20% 36%,20% 69%,24% 69%,24% 16%,27% 16%,27% 59%,31% 59%,31% 42%,34% 42%,34% 68%,38% 68%,38% 31%,42% 31%,42% 58%,46% 58%,46% 9%,49% 9%,49% 65%,54% 65%,54% 38%,57% 38%,57% 71%,61% 71%,61% 23%,65% 23%,65% 62%,69% 62%,69% 44%,73% 44%,73% 72%,77% 72%,77% 29%,81% 29%,81% 60%,85% 60%,85% 20%,89% 20%,89% 67%,93% 67%,93% 42%,97% 42%,97% 72%,100% 72%,100% 100%,0 100%)}
.hero:before{z-index:-1;inset:auto -4% -150px;height:320px;background:
  linear-gradient(168deg,transparent 0 28%,rgba(126,220,166,.32) 28.5% 39%,transparent 39.5%),
  linear-gradient(166deg,transparent 0 37%,rgba(42,189,120,.52) 37.5% 50%,transparent 50.5%),
  linear-gradient(164deg,transparent 0 49%,rgba(8,134,86,.78) 49.5% 63%,transparent 63.5%),
  linear-gradient(162deg,transparent 0 62%,rgba(4,83,55,.95) 62.5% 79%,transparent 79.5%);transform:none}
.hero-copy{max-width:790px}
.eyebrow{border:1px solid #b7dfca;background:rgba(220,247,233,.88);box-shadow:0 4px 12px rgba(8,122,75,.08)}
.hero h1{font-size:clamp(37px,4.4vw,64px);letter-spacing:-.035em;line-height:1.32;color:var(--green-900);text-wrap:balance}
.hero p{font-size:18px;line-height:2;color:#52675d}
.hero-actions .btn{min-width:160px}
.hero-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px;position:relative;z-index:2}
.hero-trust>span{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(8,122,75,.15);border-radius:999px;background:rgba(255,255,255,.82);font-size:11px;font-weight:800;box-shadow:var(--shadow-sm)}
.hero-trust b{font-size:14px;color:var(--green-800)}
.signal-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(0,0,0,.05)}
.signal-dot.green{background:var(--green-500)}
.signal-dot.yellow{background:var(--yellow)}
.signal-dot.red{background:var(--red)}
.hero-visual{position:relative;z-index:2;min-width:230px;align-self:flex-end;display:flex;justify-content:center;align-items:flex-end}
.traffic-signal{width:104px;height:270px;padding:22px;border:7px solid #101713;border-radius:48px;background:linear-gradient(145deg,#2f3934,#111713);box-shadow:0 24px 45px rgba(0,0,0,.28),inset 0 0 0 2px rgba(255,255,255,.07)}
.traffic-signal i{border:5px solid #111713;box-shadow:inset 0 -9px 14px rgba(0,0,0,.22)}
.traffic-signal .red{box-shadow:0 0 21px rgba(230,57,70,.45),inset 0 -9px 14px rgba(0,0,0,.22)}
.traffic-signal .yellow{box-shadow:0 0 21px rgba(255,210,63,.55),inset 0 -9px 14px rgba(0,0,0,.22)}
.traffic-signal .green{box-shadow:0 0 28px rgba(42,189,120,.62),inset 0 -9px 14px rgba(0,0,0,.2);animation:signalPulse 2.1s infinite}
@keyframes signalPulse{50%{filter:brightness(1.18);transform:scale(1.06)}}
.hero-road{position:absolute;bottom:10px;inset-inline-start:-42px;width:128px;height:32px;transform:rotate(-8deg);opacity:.55;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hero-road span{height:5px;background:#fff;border-radius:10px}

/* Course filters */
.mobile-filter-bar{display:none}
.filter-panel{max-width:1360px;margin:-34px auto 38px;padding:24px;border:1px solid rgba(8,122,75,.2);border-radius:22px;background:rgba(255,255,255,.97);box-shadow:var(--shadow-strong)}
.filter-panel-head{display:none}
.filter-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;align-items:end}
.filter-form>label{display:flex;flex-direction:column;gap:6px;color:#274a39;font-size:12px;font-weight:900}
.filter-search-wide{grid-column:span 2}
.filter-checks{display:flex;gap:10px;align-items:center;grid-column:span 3;padding:4px 0}
.filter-checks .check-line{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.filter-buttons{justify-content:flex-end;grid-column:span 2}
.filter-buttons .btn{min-width:110px}

/* Course card grid */
.courses-section{max-width:1360px;padding:0 22px 82px;margin:42px auto 0}
.section-title{align-items:center;padding:0 2px;margin:0 0 24px}
.section-title>div:first-child{display:flex;flex-direction:column;gap:3px}
.section-title h2{font-size:clamp(27px,3vw,38px);color:var(--green-900)}
.section-kicker{display:inline-flex;width:max-content;padding:4px 10px;border-radius:999px;background:var(--green-100);color:var(--green-800);font-weight:900;font-size:12px}
.course-count{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:16px;padding:8px 13px;background:#fff;box-shadow:var(--shadow-sm)}
.course-count b{font-size:25px;color:var(--green-800)}
.course-count span{font-size:12px;color:var(--muted)}
.course-accordion{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.course-card{position:relative;border:1.5px solid var(--line);border-radius:21px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;min-width:0}
.course-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--green-800),var(--green-500) 55%,var(--yellow) 55% 76%,var(--red) 76%);z-index:3}
.course-card:hover{transform:translateY(-5px);border-color:#9bc9b1;box-shadow:var(--shadow)}
.course-card.open{grid-column:1/-1;transform:none;border-color:var(--green-600);box-shadow:var(--shadow-strong)}
.course-head{width:100%;min-height:305px;padding:23px 21px 18px;display:flex;flex-direction:column;align-items:stretch;gap:16px;background:
  radial-gradient(circle at 100% 0,rgba(42,189,120,.15),transparent 11rem),
  linear-gradient(180deg,#fff,#f8fcfa);text-align:start}
.course-head:hover{background:radial-gradient(circle at 100% 0,rgba(42,189,120,.2),transparent 12rem),linear-gradient(180deg,#fff,#f2fbf6)}
.course-card-top{display:flex;align-items:center;gap:8px;min-width:0}
.course-index{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:linear-gradient(145deg,var(--green-800),var(--green-500));color:#fff;box-shadow:0 9px 18px rgba(8,122,75,.23)}
.course-code-pill{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;color:var(--green-900);background:#fff}
.course-card-top>.badge{margin-inline-start:auto}
.course-heading{display:flex;flex-direction:column;gap:8px;flex:1}
.course-heading small{font-size:12px;font-weight:900;color:var(--green-700)}
.course-heading b{font-size:20px;line-height:1.65;color:var(--ink);text-wrap:balance}
.course-teaser{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#64766d;font-size:12px;line-height:1.9}
.course-card-footer{margin-top:auto;padding-top:14px;border-top:1px dashed #bfd5c9;display:flex;align-items:center;gap:13px;color:#64766d;font-size:10px}
.course-card-footer>span:not(.accordion-mark):not(.course-open-hint){display:flex;flex-direction:column;line-height:1.35}
.course-card-footer b{font-size:15px;color:var(--green-800)}
.course-open-hint{margin-inline-start:auto;font-weight:900;color:var(--green-800)}
.accordion-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--green-100);color:var(--green-900);font-size:21px;transition:.25s ease}
.course-card.open .accordion-mark{transform:rotate(180deg);background:var(--green-800);color:#fff}
.course-card.open .course-head{min-height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:18px 22px;background:#f5fbf8}
.course-card.open .course-card-top{align-self:start}
.course-card.open .course-heading{min-width:0}
.course-card.open .course-teaser{display:none}
.course-card.open .course-card-footer{margin:0;padding:0;border:0;min-width:230px;justify-content:flex-end}
.course-body{display:none!important;padding:24px;border-top:1px solid var(--line);background:#fff}
.course-card.open .course-body{display:block!important;animation:courseReveal .25s ease}
@keyframes courseReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.course-summary{margin:0 0 22px;padding:16px 18px;border-inline-start:5px solid var(--green-600);border-radius:13px;background:var(--green-50);color:#385548}
.course-summary p{margin:0}
.variant-block{padding:20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#fff,#fafdfb);margin-top:16px}
.variant-block+ .variant-block{margin-top:18px}
.variant-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.variant-block h3{margin:0;color:var(--green-900)}
.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.detail-grid>div{border:1px solid #dceae3;background:#f6faf8;border-radius:14px;padding:15px}
.detail-grid>div>b{color:var(--green-800)}
.detail-grid p{margin:.4rem 0 0}
.sessions-list{margin-top:20px;padding-top:17px;border-top:1px dashed var(--line-strong)}
.sessions-list h4{margin:0 0 11px;color:var(--green-900)}
.session-row{grid-template-columns:2fr 1fr auto;margin-top:9px;padding:14px 15px;border:1px solid #d5e5dd;border-radius:14px;background:#f7fbf9}
.session-row:hover{border-color:#9fcbb5;background:#f1faf5}
.session-row>div:first-child b{color:var(--green-900)}
.session-action{align-items:flex-end}

/* Generic public panels */
.page-hero{border:1px solid rgba(8,122,75,.18);background:
  radial-gradient(circle at 88% 12%,rgba(42,189,120,.2),transparent 18rem),
  linear-gradient(135deg,#fff,#e9f8f0);box-shadow:var(--shadow);overflow:hidden;position:relative}
.page-hero:after{content:"";position:absolute;inset:auto -3% -70px;height:150px;background:linear-gradient(165deg,transparent 37%,rgba(42,189,120,.28) 38% 52%,rgba(8,122,75,.48) 53% 68%,rgba(4,83,55,.72) 69%);z-index:0}
.page-hero>div{position:relative;z-index:1}
.content-wrap{max-width:1280px;margin:32px auto;padding:0 22px 74px}
.card,.form-card,.auth-card,.success-card,.success-panel,.certificate-check,.admin-card{border:1.5px solid var(--line);box-shadow:var(--shadow-sm);background:#fff}
.auth-card img{border-radius:50%;background:transparent}
.steps{position:sticky;top:94px;z-index:20;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.93);backdrop-filter:blur(12px)}
.step-dot i{box-shadow:0 0 0 4px #eef5f1}
.step-dot.active i{box-shadow:0 0 0 4px rgba(8,122,75,.14)}
.step-dot.done i{background:var(--green-500);color:#fff}
.upload-box{background:var(--green-50);border-color:var(--green-600)}
.status-timeline .timeline-step.done i{background:linear-gradient(135deg,var(--green-800),var(--green-500));box-shadow:0 0 0 5px rgba(42,189,120,.12)}

/* Footer and mobile quick navigation */
footer{border-top:1px solid var(--line);background:linear-gradient(135deg,var(--green-950),#062c20);color:#fff;padding:28px max(24px,calc((100vw - 1320px)/2));box-shadow:0 -8px 30px rgba(4,55,34,.08)}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{width:56px;height:56px}
.footer-brand span{display:flex;flex-direction:column}
.footer-brand small{color:#bdd6ca}
.footer-meta{color:#d1e3da}
.mobile-bottom-nav{display:none}

/* Admin refresh */
.admin-body{background:#edf3ef}
.admin-top{height:76px;background:linear-gradient(110deg,var(--green-950),var(--green-900));border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 28px rgba(4,55,34,.18)}
.admin-brand{gap:12px;color:#fff;font-weight:900}
.admin-brand img{width:49px;height:49px}
.admin-user{color:#fff}
.admin-user .lang{border-color:rgba(255,255,255,.3);color:#fff}
.admin-shell{max-width:none;grid-template-columns:278px minmax(0,1fr);gap:20px;padding:20px}
.admin-sidebar{background:linear-gradient(180deg,var(--green-950),#082e23);border:1px solid rgba(255,255,255,.09);border-radius:22px;box-shadow:var(--shadow);padding:15px;position:sticky;top:96px;height:calc(100vh - 116px);overflow:auto}
.admin-sidebar-head{display:none}
.admin-sidebar>a{border-radius:11px;padding:11px 13px;color:#d8e9e0;border:1px solid transparent;transition:.18s ease}
.admin-sidebar>a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1);color:#fff;transform:translateX(-2px)}
[dir="ltr"] .admin-sidebar>a:hover{transform:translateX(2px)}
.admin-content{min-width:0;padding:2px 0 60px}
.admin-page-head{margin-bottom:16px;gap:12px}
.admin-page-head h1{color:var(--green-950);margin:0}
.admin-card{border-radius:18px;padding:20px;margin-bottom:17px}
.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.stat-card{border:1.5px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f3faf6);box-shadow:var(--shadow-sm);padding:18px}
.stat-card b{font-size:28px;color:var(--green-800)}
.data-table{border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:14px}
.data-table th{background:#e4f2eb;color:var(--green-950);font-weight:900;border-bottom:1px solid #bdd4c8}
.data-table td{background:#fff;border-bottom:1px solid #e2ebe6}
.data-table tbody tr:hover td{background:#f3faf6}
.toolbar-form{padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.alert-card{border-inline-start:6px solid var(--yellow-deep)}
.alert-card.red,.alert-card.danger{border-inline-start-color:var(--red)}
.alert-card.blue,.alert-card.info{border-inline-start-color:#3289c7}
.application-summary{gap:12px}
.summary-item{border:1px solid var(--line);border-radius:13px;background:#f8fbf9;padding:13px}

/* Tablet */
@media (max-width:1199px){
  .nav-wrap{padding-inline:18px}
  .brand b{font-size:14px}
  .main-nav{gap:2px}
  .main-nav>a:not(.btn){padding-inline:7px;font-size:11px}
  .hero{margin-inline:14px;padding-inline:5%;min-height:430px}
  .hero-visual{min-width:170px}
  .filter-panel{margin-inline:18px}
  .filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}
  .filter-search-wide{grid-column:span 2}
  .filter-checks{grid-column:span 2}
  .filter-buttons{grid-column:auto}
  .course-accordion{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Mobile-first application UI */
@media (max-width:767px){
  body{padding-bottom:76px;background:#f2f7f4}
  .site-header{top:0}
  .nav-wrap{min-height:70px;padding:8px 13px}
  .brand{gap:9px;max-width:calc(100vw - 80px)}
  .brand img{width:50px;height:50px;flex:0 0 50px}
  .brand span{min-width:0}
  .brand b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-toggle{display:flex;flex:0 0 46px}
  .main-nav{display:flex!important;position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(86vw,340px);z-index:120;flex-direction:column;align-items:stretch;gap:3px;padding:14px;background:#fff;box-shadow:0 0 55px rgba(0,0,0,.26);transform:translateX(calc((100% + 20px) * var(--drawer-direction,1)));transition:transform .25s ease;overflow:auto}
  [dir="rtl"] .main-nav{--drawer-direction:-1}
  .main-nav.open{transform:translateX(0)}
  .main-nav>a{font-size:14px!important;padding:12px!important;border-bottom:1px solid #e7efeb;border-radius:10px}
  .main-nav .btn{margin-top:8px}
  .mobile-nav-head{display:flex;align-items:center;gap:10px;padding:2px 2px 14px;margin-bottom:5px;border-bottom:1px solid var(--line)}
  .mobile-nav-head img{width:50px;height:50px}
  .mobile-nav-head b{font-size:12px;color:var(--green-950);flex:1}
  .mobile-nav-head button,.admin-sidebar-head button{width:38px;height:38px;border:0;border-radius:11px;background:#edf5f1;font-size:25px;color:var(--green-950)}

  .hero{min-height:540px;margin:10px 10px 0;padding:34px 21px 135px;border-radius:23px;align-items:flex-start}
  .hero-copy{max-width:none;width:100%}
  .hero h1{font-size:32px;margin-top:16px;line-height:1.48}
  .hero p{font-size:14px;line-height:1.9}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hero-actions .btn{min-width:0;padding-inline:8px}
  .hero-trust{gap:6px;margin-top:17px}
  .hero-trust>span{font-size:9px;padding:6px 8px}
  .hero-visual{position:absolute;bottom:30px;inset-inline-end:25px;min-width:0}
  .traffic-signal{width:64px;height:166px;padding:12px;border-width:5px;gap:7px}
  .hero-road{display:none}
  .hero:before{bottom:-160px;height:290px}

  .mobile-filter-bar{display:flex;align-items:center;gap:8px;margin:14px 12px 4px;position:sticky;top:78px;z-index:65}
  .mobile-filter-button{flex:1;justify-content:space-between;box-shadow:var(--shadow)}
  .mobile-filter-button b{min-width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#3b3000;font-size:11px}
  .filter-panel{display:block;position:fixed;z-index:115;inset:auto 0 0;margin:0;max-height:88vh;border-radius:24px 24px 0 0;padding:15px 15px calc(20px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .25s ease;overflow:auto;box-shadow:0 -20px 55px rgba(0,0,0,.22)}
  .filter-panel.open{transform:translateY(0)}
  .filter-panel-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-15px;z-index:3;margin:-15px -15px 13px;padding:15px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
  .filter-panel-head>div{display:flex;flex-direction:column}
  .filter-panel-head small{color:var(--muted);font-size:10px}
  .filter-close{width:40px;height:40px;border:0;border-radius:11px;background:#edf5f1;font-size:25px;color:var(--green-950)}
  .filter-form{grid-template-columns:1fr;gap:12px}
  .filter-search-wide,.filter-checks,.filter-buttons{grid-column:auto}
  .filter-checks{display:grid;grid-template-columns:1fr;gap:8px}
  .filter-buttons{position:sticky;bottom:-20px;margin:5px -15px -20px;padding:12px 15px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;z-index:3}

  .courses-section{padding:0 12px 35px;margin-top:25px}
  .section-title{align-items:flex-end;gap:9px;margin-bottom:15px}
  .section-title h2{font-size:26px}
  .section-title p{font-size:10px;line-height:1.6}
  .course-count{padding:5px 9px;border-radius:12px}
  .course-count b{font-size:20px}
  .course-accordion{grid-template-columns:1fr;gap:14px}
  .course-card.open{grid-column:auto}
  .course-head{min-height:270px;padding:21px 17px 15px}
  .course-heading b{font-size:18px}
  .course-card.open .course-head{display:flex;flex-direction:column;align-items:stretch;padding:18px 17px}
  .course-card.open .course-card-footer{min-width:0;justify-content:flex-start}
  .course-card.open .course-open-hint{margin-inline-start:auto}
  .course-body{padding:14px!important}
  .variant-block{padding:13px;border-radius:14px}
  .variant-title-row{align-items:flex-start}
  .variant-title-row h3{font-size:16px}
  .detail-grid{grid-template-columns:1fr}
  .session-row{grid-template-columns:1fr;padding:13px;gap:10px}
  .session-action{align-items:stretch;display:grid!important;grid-template-columns:1fr 1fr}
  .session-action .btn,.session-action .badge{width:100%}

  .page-hero{margin:10px;border-radius:22px;padding:28px 21px;min-height:155px!important}
  .page-hero h1{font-size:26px}
  .content-wrap,.page-shell,.section-shell{padding-inline:12px;padding-bottom:30px;margin-top:18px}
  .auth-card,.success-panel,.certificate-check,.admin-card,.form-card,.card{padding:17px;border-radius:16px}
  .form-grid,.detail-grid,.codes,.tracking-form,.type-choice{grid-template-columns:1fr}
  .steps{top:78px;justify-content:space-between;overflow:hidden;padding:9px 7px}
  .step-dot{font-size:9px;gap:4px;flex:1;justify-content:center}
  .step-dot:after{width:18px;margin:0 3px}
  .step-dot i{width:25px;height:25px;flex:0 0 25px}
  .form-actions{position:sticky;bottom:76px;z-index:18;margin:18px -17px -17px;padding:11px 17px calc(11px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(5,64,39,.09)}
  .form-actions .btn{flex:1}
  .status-timeline{flex-direction:column;gap:0;overflow:visible;margin:20px 0}
  .timeline-step{min-width:0;width:100%;display:grid;grid-template-columns:40px 1fr;text-align:start;align-items:center;min-height:57px}
  .timeline-step:before{top:0;bottom:0;inset-inline-start:16px!important;inset-inline-end:auto!important;width:3px;height:auto}
  .timeline-step:first-child:before{top:28px}
  .timeline-step:last-child:before{bottom:28px}
  .timeline-step i{grid-column:1}.timeline-step span{grid-column:2}
  .qr-large{width:min(72vw,260px);height:auto}

  footer{padding:22px 16px calc(92px + env(safe-area-inset-bottom));gap:15px}
  .footer-brand img{width:48px;height:48px}
  .footer-meta{font-size:10px;gap:6px}
  .mobile-bottom-nav{display:grid;position:fixed;z-index:85;bottom:0;inset-inline:0;grid-template-columns:repeat(4,1fr);height:68px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.96);border-top:1px solid #c8dcd1;box-shadow:0 -9px 30px rgba(5,64,39,.13);backdrop-filter:blur(16px)}
  .mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#5b7066;font-size:19px;font-weight:900}
  .mobile-bottom-nav small{font-size:8px;max-width:74px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-bottom-nav a:hover,.mobile-bottom-nav a:focus{color:var(--green-800);background:var(--green-50)}

  /* Mobile administration */
  .admin-body{padding-bottom:0}
  .admin-top{height:68px;padding-inline:12px;position:sticky;top:0;z-index:100}
  .admin-top .mobile-toggle{display:flex;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}
  .admin-top .mobile-toggle span{background:#fff}
  .admin-brand img{width:43px;height:43px}
  .admin-brand span{font-size:12px}
  .admin-user>a:first-child,.admin-user .lang{display:none}
  .admin-user .btn{font-size:10px;padding:7px 9px;min-height:34px;color:#fff;border-color:rgba(255,255,255,.25)}
  .admin-shell{display:block;padding:10px}
  .admin-sidebar{display:flex!important;position:fixed;z-index:121;top:0;bottom:0;inset-inline-start:0;width:min(86vw,330px);height:100vh;border-radius:0;padding:13px;transform:translateX(calc((100% + 20px) * var(--drawer-direction,1)));transition:transform .25s ease;flex-direction:column}
  [dir="ltr"] .admin-sidebar{--drawer-direction:-1}
  .admin-sidebar.open{transform:translateX(0)}
  .admin-sidebar-head{display:flex;align-items:center;gap:10px;padding:3px 3px 14px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.14);color:#fff}
  .admin-sidebar-head img{width:52px;height:52px}
  .admin-sidebar-head>div{display:flex;flex-direction:column;flex:1;min-width:0}
  .admin-sidebar-head b{font-size:12px}.admin-sidebar-head small{font-size:9px;color:#bcd4c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .admin-sidebar-head button{background:rgba(255,255,255,.12);color:#fff}
  .admin-sidebar>a{padding:10px 12px;font-size:12px}
  .admin-content{padding:0 0 35px}
  .admin-page-head{flex-direction:column;align-items:stretch!important;gap:8px}
  .admin-page-head h1{font-size:24px}
  .admin-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .admin-actions .btn{width:100%}
  .stats-grid,.dashboard-grid,.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-card{padding:13px;border-radius:15px}
  .stat-card b{font-size:22px}
  .toolbar-form{display:grid;grid-template-columns:1fr;padding:11px}
  .toolbar-form .form-control,.toolbar-form .btn{width:100%;max-width:none}
  .split-layout,.application-summary,.permission-grid,.admin-form-grid{grid-template-columns:1fr}
  .admin-form-grid .span-2,.admin-form-grid .span-3{grid-column:auto}

  /* Tables become touch-friendly cards. */
  .table-wrap{overflow:visible}
  table.data-table{display:block;border:0;background:transparent;overflow:visible}
  .data-table thead{display:none}
  .data-table tbody{display:grid;gap:11px}
  .data-table tr{display:block;border:1.5px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}
  .data-table td{display:grid;grid-template-columns:minmax(105px,38%) 1fr;gap:10px;align-items:start;padding:10px 12px;border-bottom:1px solid #e5eee9;background:#fff;white-space:normal!important;word-break:break-word}
  .data-table td:last-child{border-bottom:0}
  .data-table td:before{content:attr(data-label);font-size:10px;font-weight:900;color:var(--green-800)}
  .data-table td:empty{display:none}
  .data-table td .form-control{min-width:0}
  .table-actions{justify-content:flex-start;flex-wrap:wrap}
}

@media (max-width:420px){
  .hero h1{font-size:28px}
  .hero-actions{grid-template-columns:1fr}
  .hero-trust>span:nth-child(n+4){display:none}
  .course-card-top{flex-wrap:wrap}
  .course-card-top>.badge{margin-inline-start:0}
  .stats-grid,.dashboard-grid,.report-summary-grid{grid-template-columns:1fr}
  .admin-actions{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ========================================================================
   TSTC Training Portal v1.0.2 — Hero + Filters hotfix
   ======================================================================== */
.public-body .hero.hero-v2{
  max-width:1480px;
  min-height:520px;
  margin:22px auto 0;
  padding:56px clamp(24px,5vw,76px) 150px;
  border-radius:34px;
  border:1px solid rgba(8,122,75,.18);
  background:
    radial-gradient(circle at 78% 20%, rgba(42,189,120,.13), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,250,247,.97));
  box-shadow:0 24px 65px rgba(5,64,39,.14);
  display:grid;
  grid-template-columns:minmax(0,1.18fr) 360px;
  gap:20px;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.public-body .hero.hero-v2::before{
  content:"";
  position:absolute;
  inset:auto auto 104px 0;
  width:100%;
  height:200px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.65)),
    radial-gradient(circle at 9% 55%, rgba(50,58,54,.14) 0 24px, transparent 24px),
    linear-gradient(90deg,
      transparent 0 4%,
      rgba(63,76,71,.12) 4% 6%,
      transparent 6% 12%,
      rgba(63,76,71,.1) 12% 14%,
      transparent 14% 21%,
      rgba(63,76,71,.08) 21% 24%,
      transparent 24% 32%,
      rgba(63,76,71,.1) 32% 34%,
      transparent 34% 47%,
      rgba(63,76,71,.09) 47% 49%,
      transparent 49% 60%,
      rgba(63,76,71,.12) 60% 63%,
      transparent 63% 74%,
      rgba(63,76,71,.1) 74% 76%,
      transparent 76% 88%,
      rgba(63,76,71,.08) 88% 90%,
      transparent 90% 100%);
  opacity:.85;
  pointer-events:none;
}
.public-body .hero.hero-v2::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:190px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0) 12%, rgba(6,79,52,.07) 12%);
  pointer-events:none;
}
.public-body .hero.hero-v2 .hero-copy{position:relative;z-index:2;max-width:780px}
.public-body .hero.hero-v2 .eyebrow{background:#dff6e9;color:#076744;padding:8px 16px;font-size:15px;font-weight:900}
.public-body .hero.hero-v2 h1{margin:18px 0 12px;font-size:clamp(40px,4.8vw,68px);line-height:1.25;letter-spacing:-.03em;color:#085639;text-wrap:balance}
.public-body .hero.hero-v2 p{margin:0;max-width:700px;font-size:19px;line-height:1.95;color:#4b6157}
.public-body .hero.hero-v2 .hero-actions{margin-top:26px;gap:12px}
.public-body .hero.hero-v2 .hero-actions .btn{min-width:172px;border-radius:14px;padding:13px 22px}
.public-body .hero.hero-v2 .hero-trust{margin-top:24px;gap:11px;display:flex;flex-wrap:wrap}
.public-body .hero.hero-v2 .hero-trust>span{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(8,122,75,.14);font-size:12px;font-weight:900;box-shadow:0 10px 24px rgba(5,64,39,.07)}
.public-body .hero.hero-v2 .hero-trust b{font-size:15px;color:#06573a}
.public-body .hero.hero-v2 .signal-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.public-body .hero.hero-v2 .signal-dot.green{background:#19aa68;box-shadow:0 0 0 5px rgba(25,170,104,.15)}
.public-body .hero.hero-v2 .signal-dot.yellow{background:#ffd23f;box-shadow:0 0 0 5px rgba(255,210,63,.18)}
.public-body .hero.hero-v2 .signal-dot.red{background:#e63946;box-shadow:0 0 0 5px rgba(230,57,70,.16)}

.public-body .hero.hero-v2 .hero-visual{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-start;min-width:0;z-index:2}
.public-body .hero.hero-v2 .hero-skyline{position:absolute;inset:0 0 102px 0;display:flex;align-items:flex-end;gap:14px;padding-inline:12px;opacity:.42}
.public-body .hero.hero-v2 .hero-skyline span{display:block;flex:1;min-width:12px;border-radius:14px 14px 0 0;background:linear-gradient(180deg, rgba(150,166,159,.12), rgba(121,138,131,.38))}
.public-body .hero.hero-v2 .hero-skyline span:nth-child(1){height:96px}
.public-body .hero.hero-v2 .hero-skyline span:nth-child(2){height:152px}
.public-body .hero.hero-v2 .hero-skyline span:nth-child(3){height:124px}
.public-body .hero.hero-v2 .hero-skyline span:nth-child(4){height:188px}
.public-body .hero.hero-v2 .hero-skyline span:nth-child(5){height:112px}
.public-body .hero.hero-v2 .hero-skyline span:nth-child(6){height:144px}
.public-body .hero.hero-v2 .hero-skyline span:nth-child(7){height:218px}
.public-body .hero.hero-v2 .hero-skyline span:nth-child(8){height:128px}
.public-body .hero.hero-v2 .hero-skyline span:nth-child(9){height:171px}
.public-body .hero.hero-v2 .hero-skyline span:nth-child(10){height:137px}
.public-body .hero.hero-v2 .hero-wave-stack{position:absolute;inset:auto -38px 0 -28px;height:195px;pointer-events:none}
.public-body .hero.hero-v2 .hero-wave{position:absolute;display:block;inset:auto 0 0 0;border-radius:100% 0 0 0 / 100% 0 0 0;transform-origin:bottom right}
.public-body .hero.hero-v2 .hero-wave-one{height:148px;background:linear-gradient(90deg,rgba(157,231,187,.82),rgba(51,196,117,.82));clip-path:path('M0,145 C120,92 210,76 356,98 C515,121 672,146 1000,34 L1000,220 L0,220 Z')}
.public-body .hero.hero-v2 .hero-wave-two{height:126px;bottom:12px;background:linear-gradient(90deg,rgba(104,211,138,.88),rgba(15,156,96,.9));clip-path:path('M0,140 C94,90 202,80 330,95 C505,116 657,108 1000,18 L1000,220 L0,220 Z')}
.public-body .hero.hero-v2 .hero-wave-three{height:118px;bottom:25px;background:linear-gradient(90deg,rgba(18,154,92,.94),rgba(6,112,74,.96));clip-path:path('M0,138 C112,102 234,112 365,102 C548,87 718,41 1000,0 L1000,220 L0,220 Z')}
.public-body .hero.hero-v2 .hero-wave-four{height:112px;bottom:-4px;background:#ffffff;opacity:.88;clip-path:path('M0,130 C120,72 255,76 385,85 C530,95 716,88 1000,40 L1000,220 L0,220 Z')}
.public-body .hero.hero-v2 .hero-wave-five{height:98px;bottom:22px;background:#0c5d3d;opacity:.12;clip-path:path('M0,130 C118,88 228,90 360,95 C530,103 728,84 1000,28 L1000,220 L0,220 Z')}
.public-body .hero.hero-v2 .hero-signal-3d{
  position:relative;
  width:108px;
  height:282px;
  padding:18px;
  margin-inline-start:24px;
  margin-bottom:18px;
  border-radius:42px;
  background:linear-gradient(180deg,#26312d,#0c130f 55%,#25312c 100%);
  box-shadow:inset -10px -16px 20px rgba(255,255,255,.04), inset 8px 12px 18px rgba(255,255,255,.08), 0 28px 36px rgba(0,0,0,.26);
  display:flex;
  flex-direction:column;
  gap:12px;
}
.public-body .hero.hero-v2 .hero-signal-3d::before{content:"";position:absolute;inset:-14px -8px auto auto;width:30px;height:40px;border-radius:50%;background:rgba(255,255,255,.07);filter:blur(4px)}
.public-body .hero.hero-v2 .hero-signal-3d::after{content:"";position:absolute;left:50%;bottom:-78px;transform:translateX(-50%);width:16px;height:96px;border-radius:999px;background:linear-gradient(180deg,#2c3c35,#0f1613);box-shadow:0 14px 28px rgba(0,0,0,.2)}
.public-body .hero.hero-v2 .hero-signal-3d i{flex:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.34),rgba(255,255,255,0) 34%), var(--red);box-shadow:inset 0 -12px 15px rgba(0,0,0,.28), 0 0 26px rgba(230,57,70,.26)}
.public-body .hero.hero-v2 .hero-signal-3d i.yellow{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.4),rgba(255,255,255,0) 34%), var(--yellow);box-shadow:inset 0 -12px 15px rgba(0,0,0,.22),0 0 26px rgba(255,210,63,.34)}
.public-body .hero.hero-v2 .hero-signal-3d i.green{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.4),rgba(255,255,255,0) 34%), var(--green-500);box-shadow:inset 0 -12px 15px rgba(0,0,0,.22),0 0 34px rgba(42,189,120,.42)}
.public-body .hero.hero-v2 .hero-road{position:absolute;inset:auto auto 38px 110px;display:flex;gap:10px;opacity:.55;transform:rotate(-6deg)}
.public-body .hero.hero-v2 .hero-road span{width:36px;height:7px;border-radius:999px;background:rgba(255,255,255,.92)}
.public-body .hero.hero-v2 .hero-flag-ribbon{position:absolute;inset:auto 8px 10px auto;width:220px;height:112px;overflow:hidden;pointer-events:none;opacity:.95}
.public-body .hero.hero-v2 .hero-flag-ribbon span{position:absolute;display:block;inset:auto 0 0 auto;height:18px;border-radius:999px 999px 0 999px;transform-origin:right center;box-shadow:0 8px 18px rgba(0,0,0,.08)}
.public-body .hero.hero-v2 .hero-flag-ribbon .black{top:16px;right:26px;width:138px;background:#1f2321;transform:rotate(-18deg)}
.public-body .hero.hero-v2 .hero-flag-ribbon .green{top:36px;right:0;width:200px;background:#17925a;transform:rotate(-18deg)}
.public-body .hero.hero-v2 .hero-flag-ribbon .white{top:58px;right:18px;width:178px;background:#fff;border:1px solid rgba(0,0,0,.06);transform:rotate(-18deg)}
.public-body .hero.hero-v2 .hero-flag-ribbon .red{top:80px;right:-8px;width:214px;background:#d93a43;transform:rotate(-18deg)}

.public-body .filter-panel.filter-panel-v2{
  max-width:1400px;
  margin:-76px auto 44px;
  padding:24px 24px 22px;
  position:relative;
  z-index:4;
  border-radius:26px;
  border:1px solid rgba(8,122,75,.18);
  background:rgba(255,255,255,.98);
  box-shadow:0 22px 60px rgba(5,64,39,.13);
}
.public-body .filter-panel.filter-panel-v2 .filter-summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(8,122,75,.11)}
.public-body .filter-panel.filter-panel-v2 .filter-summary-copy h2{margin:5px 0 6px;font-size:clamp(24px,2vw,31px);line-height:1.4;color:#0a5c3d}
.public-body .filter-panel.filter-panel-v2 .filter-summary-copy p{margin:0;color:#60746a;font-size:14px;line-height:1.85}
.public-body .filter-panel.filter-panel-v2 .filter-summary-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.public-body .filter-panel.filter-panel-v2 .filter-summary-stats span{min-width:112px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#f8fcfa,#eef7f2);border:1px solid rgba(8,122,75,.13);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(5,64,39,.06)}
.public-body .filter-panel.filter-panel-v2 .filter-summary-stats b{font-size:24px;color:#0a734b}
.public-body .filter-panel.filter-panel-v2 .filter-summary-stats small{font-size:11px;color:#64766d}
.public-body .filter-panel.filter-panel-v2 .filter-form{display:flex;flex-direction:column;gap:18px}
.public-body .filter-panel.filter-panel-v2 .filter-grid{display:grid;gap:14px}
.public-body .filter-panel.filter-panel-v2 .filter-grid-primary{grid-template-columns:2.1fr repeat(4,minmax(0,1fr))}
.public-body .filter-panel.filter-panel-v2 .filter-grid-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}
.public-body .filter-panel.filter-panel-v2 .filter-field{display:flex;flex-direction:column;gap:7px;padding:12px 13px 13px;border-radius:18px;border:1px solid rgba(8,122,75,.1);background:linear-gradient(180deg,#fbfefd,#f6fbf8);min-width:0}
.public-body .filter-panel.filter-panel-v2 .filter-field:hover{border-color:rgba(8,122,75,.24);box-shadow:0 12px 24px rgba(5,64,39,.05)}
.public-body .filter-panel.filter-panel-v2 .filter-label{font-size:12px;font-weight:900;color:#19432f;line-height:1.4}
.public-body .filter-panel.filter-panel-v2 .filter-field-search{grid-column:auto}
.public-body .filter-panel.filter-panel-v2 .form-control{border:1px solid #bfd5c9;border-radius:13px;background:#fff;min-height:46px;padding:11px 13px;color:#274035;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.public-body .filter-panel.filter-panel-v2 .form-control:focus{outline:0;border-color:#27a46a;box-shadow:0 0 0 4px rgba(39,164,106,.12)}
.public-body .filter-panel.filter-panel-v2 .filter-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:2px}
.public-body .filter-panel.filter-panel-v2 .filter-checks{display:flex;gap:11px;align-items:center;flex-wrap:wrap}
.public-body .filter-panel.filter-panel-v2 .filter-checks .check-line{margin:0;padding:11px 14px;border-radius:14px;border:1px solid rgba(8,122,75,.14);background:#f6fbf8;font-size:13px;line-height:1.4}
.public-body .filter-panel.filter-panel-v2 .filter-buttons{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.public-body .filter-panel.filter-panel-v2 .filter-buttons .btn{min-width:128px;border-radius:14px;padding:12px 18px}

@media (max-width:1250px){
  .public-body .hero.hero-v2{grid-template-columns:minmax(0,1fr) 315px;padding-inline:34px}
  .public-body .filter-panel.filter-panel-v2 .filter-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .public-body .filter-panel.filter-panel-v2 .filter-field-search{grid-column:1/-1}
  .public-body .filter-panel.filter-panel-v2 .filter-grid-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .public-body .hero.hero-v2{min-height:500px;padding:46px 24px 150px;grid-template-columns:minmax(0,1fr) 250px;gap:12px}
  .public-body .hero.hero-v2 h1{font-size:clamp(34px,6vw,50px)}
  .public-body .hero.hero-v2 p{font-size:16px}
  .public-body .hero.hero-v2 .hero-signal-3d{width:92px;height:244px;margin-inline-start:10px}
  .public-body .filter-panel.filter-panel-v2{margin:-60px 16px 34px;padding:22px}
  .public-body .filter-panel.filter-panel-v2 .filter-summary-row{grid-template-columns:1fr}
  .public-body .filter-panel.filter-panel-v2 .filter-grid-primary,
  .public-body .filter-panel.filter-panel-v2 .filter-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .public-body .hero.hero-v2{margin:12px 12px 0;padding:32px 18px 132px;min-height:530px;display:block;border-radius:28px}
  .public-body .hero.hero-v2::before{inset:auto 0 104px 0;height:164px;opacity:.72}
  .public-body .hero.hero-v2 h1{font-size:31px;line-height:1.45}
  .public-body .hero.hero-v2 p{font-size:14px;line-height:1.9;max-width:none}
  .public-body .hero.hero-v2 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .public-body .hero.hero-v2 .hero-actions .btn{min-width:0;padding-inline:10px}
  .public-body .hero.hero-v2 .hero-trust{gap:7px}
  .public-body .hero.hero-v2 .hero-trust>span{font-size:10px;padding:7px 9px}
  .public-body .hero.hero-v2 .hero-visual{position:absolute;inset:auto 0 0 0;min-height:240px}
  .public-body .hero.hero-v2 .hero-skyline{inset:20px 0 88px 0;gap:9px;padding-inline:10px}
  .public-body .hero.hero-v2 .hero-wave-stack{inset:auto -54px -18px -36px;height:180px}
  .public-body .hero.hero-v2 .hero-signal-3d{width:84px;height:208px;padding:14px;margin:0 0 14px 22px}
  .public-body .hero.hero-v2 .hero-signal-3d::after{height:76px;bottom:-62px}
  .public-body .hero.hero-v2 .hero-road{display:none}
  .public-body .hero.hero-v2 .hero-flag-ribbon{width:168px;height:94px;right:-8px;bottom:8px}
  .public-body .mobile-filter-bar{top:78px}
  .public-body .filter-panel.filter-panel-v2{display:block;position:fixed;inset:auto 0 0;z-index:115;max-height:88vh;margin:0;border-radius:26px 26px 0 0;padding:15px 15px calc(20px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .25s ease;overflow:auto}
  .public-body .filter-panel.filter-panel-v2.open{transform:translateY(0)}
  .public-body .filter-panel.filter-panel-v2 .filter-panel-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-15px;z-index:5;margin:-15px -15px 14px;padding:15px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}
  .public-body .filter-panel.filter-panel-v2 .filter-panel-head>div{display:flex;flex-direction:column}
  .public-body .filter-panel.filter-panel-v2 .filter-panel-head small{color:var(--muted);font-size:10px}
  .public-body .filter-panel.filter-panel-v2 .filter-summary-row{padding-bottom:12px;margin-bottom:14px}
  .public-body .filter-panel.filter-panel-v2 .filter-summary-copy h2{font-size:23px;line-height:1.45}
  .public-body .filter-panel.filter-panel-v2 .filter-summary-copy p{font-size:12px}
  .public-body .filter-panel.filter-panel-v2 .filter-summary-stats span{min-width:88px;padding:10px 11px;border-radius:14px}
  .public-body .filter-panel.filter-panel-v2 .filter-summary-stats b{font-size:20px}
  .public-body .filter-panel.filter-panel-v2 .filter-grid-primary,
  .public-body .filter-panel.filter-panel-v2 .filter-grid-secondary{grid-template-columns:1fr}
  .public-body .filter-panel.filter-panel-v2 .filter-footer{flex-direction:column;align-items:stretch}
  .public-body .filter-panel.filter-panel-v2 .filter-checks{flex-direction:column;align-items:stretch}
  .public-body .filter-panel.filter-panel-v2 .filter-buttons{display:grid;grid-template-columns:1fr 1fr}
}
@media (max-width:460px){
  .public-body .hero.hero-v2 .hero-actions{grid-template-columns:1fr}
  .public-body .hero.hero-v2 .hero-trust>span:nth-child(4){display:none}
  .public-body .filter-panel.filter-panel-v2 .filter-buttons{grid-template-columns:1fr}
}

/* ========================================================================
   TSTC Training Portal v1.0.3 — Main page redesign + compact filters + footer
   ======================================================================== */
.public-body .hero.hero-v3{
  max-width:1460px;
  margin:18px auto 0;
  padding:26px 28px 0;
  border:1px solid rgba(8,122,75,.14);
  border-radius:34px;
  overflow:hidden;
  position:relative;
  background:linear-gradient(180deg,#fbfdfc,#f1f7f4);
  box-shadow:0 24px 60px rgba(14,67,40,.12);
}
.public-body .hero.hero-v3 .hero-inner{
  display:grid;
  grid-template-columns:minmax(340px,480px) minmax(0,1fr);
  gap:34px;
  align-items:center;
  min-height:455px;
}
.public-body .hero.hero-v3::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 78% 18%, rgba(29,170,104,.12), transparent 28%);
  pointer-events:none;
}
.public-body .hero.hero-v3 .hero-copy{position:relative;z-index:3;padding:10px 0 42px;max-width:780px}
.public-body .hero.hero-v3 .eyebrow{display:inline-flex;background:#dff6e9;color:#087a4b;border-radius:999px;padding:9px 18px;font-weight:900;font-size:15px}
.public-body .hero.hero-v3 h1{margin:18px 0 12px;font-size:clamp(42px,4.8vw,72px);line-height:1.22;letter-spacing:-.03em;color:#075c3c;text-wrap:balance}
.public-body .hero.hero-v3 p{margin:0;max-width:700px;font-size:18px;line-height:1.95;color:#53675d}
.public-body .hero.hero-v3 .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.public-body .hero.hero-v3 .hero-actions .btn{min-width:168px;border-radius:14px;padding:13px 22px}
.public-body .hero.hero-v3 .hero-trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.public-body .hero.hero-v3 .hero-trust>span{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;border:1px solid rgba(8,122,75,.14);background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(5,64,39,.05);font-size:12px;font-weight:900}
.public-body .hero.hero-v3 .hero-trust b{font-size:15px;color:#06573a}
.public-body .hero.hero-v3 .signal-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.public-body .hero.hero-v3 .signal-dot.green{background:#19aa68;box-shadow:0 0 0 5px rgba(25,170,104,.14)}
.public-body .hero.hero-v3 .signal-dot.yellow{background:#ffd23f;box-shadow:0 0 0 5px rgba(255,210,63,.18)}
.public-body .hero.hero-v3 .signal-dot.red{background:#e63946;box-shadow:0 0 0 5px rgba(230,57,70,.14)}

.public-body .hero.hero-v3 .hero-visual{position:relative;min-height:430px;align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-start}
.public-body .hero.hero-v3 .hero-city{position:absolute;inset:14px 0 48px 8px;display:flex;align-items:flex-end;gap:14px;opacity:.48}
.public-body .hero.hero-v3 .hero-city span{display:block;flex:1;border-radius:18px 18px 0 0;background:linear-gradient(180deg, rgba(171,184,177,.12), rgba(152,167,159,.38))}
.public-body .hero.hero-v3 .hero-city span:nth-child(1){height:132px}.public-body .hero.hero-v3 .hero-city span:nth-child(2){height:206px}.public-body .hero.hero-v3 .hero-city span:nth-child(3){height:148px}.public-body .hero.hero-v3 .hero-city span:nth-child(4){height:230px}.public-body .hero.hero-v3 .hero-city span:nth-child(5){height:166px}.public-body .hero.hero-v3 .hero-city span:nth-child(6){height:126px}.public-body .hero.hero-v3 .hero-city span:nth-child(7){height:188px}.public-body .hero.hero-v3 .hero-city span:nth-child(8){height:152px}
.public-body .hero.hero-v3 .hero-signal-3d{position:relative;z-index:3;width:116px;height:286px;padding:18px;margin-inline-start:56px;margin-bottom:38px;border-radius:44px;background:linear-gradient(180deg,#2b3632,#111915 55%,#293530 100%);box-shadow:inset -10px -16px 22px rgba(255,255,255,.04), inset 10px 12px 18px rgba(255,255,255,.08), 0 26px 34px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:12px}
.public-body .hero.hero-v3 .hero-signal-3d::before{content:"";position:absolute;inset:-12px -10px auto auto;width:34px;height:44px;border-radius:50%;background:rgba(255,255,255,.06);filter:blur(4px)}
.public-body .hero.hero-v3 .hero-signal-3d::after{content:"";position:absolute;left:50%;bottom:-88px;transform:translateX(-50%);width:16px;height:110px;border-radius:999px;background:linear-gradient(180deg,#2d3b35,#121914);box-shadow:0 14px 26px rgba(0,0,0,.18)}
.public-body .hero.hero-v3 .hero-signal-3d i{flex:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.36),rgba(255,255,255,0) 34%), var(--red);box-shadow:inset 0 -12px 15px rgba(0,0,0,.28), 0 0 26px rgba(230,57,70,.24)}
.public-body .hero.hero-v3 .hero-signal-3d i.yellow{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.4),rgba(255,255,255,0) 34%), var(--yellow);box-shadow:inset 0 -12px 15px rgba(0,0,0,.2), 0 0 28px rgba(255,210,63,.3)}
.public-body .hero.hero-v3 .hero-signal-3d i.green{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.4),rgba(255,255,255,0) 34%), var(--green2);box-shadow:inset 0 -12px 15px rgba(0,0,0,.2), 0 0 36px rgba(29,170,104,.34)}
.public-body .hero.hero-v3 .hero-visual-waves{position:absolute;inset:auto -30px 0 0;height:170px;z-index:2}
.public-body .hero.hero-v3 .hero-visual-waves span{position:absolute;left:0;right:0;bottom:0;display:block;border-radius:100% 0 0 0 / 100% 0 0 0}
.public-body .hero.hero-v3 .hero-visual-waves .wave-a{height:128px;background:#ccefd8;clip-path:path('M0,110 C120,60 230,54 348,69 C498,88 621,112 1000,34 L1000,220 L0,220 Z')}
.public-body .hero.hero-v3 .hero-visual-waves .wave-b{height:114px;bottom:10px;background:#74d39c;clip-path:path('M0,120 C116,74 242,68 360,80 C518,95 650,86 1000,18 L1000,220 L0,220 Z')}
.public-body .hero.hero-v3 .hero-visual-waves .wave-c{height:102px;bottom:18px;background:#1daa68;clip-path:path('M0,122 C100,90 218,92 344,94 C520,97 688,58 1000,0 L1000,220 L0,220 Z')}
.public-body .hero.hero-v3 .hero-visual-waves .wave-d{height:96px;bottom:14px;background:#0a5f3c;opacity:.18;clip-path:path('M0,126 C125,92 244,96 360,100 C530,106 716,84 1000,28 L1000,220 L0,220 Z')}
.public-body .hero.hero-v3 .hero-flag-ribbon{position:absolute;inset:auto 24px 18px auto;width:238px;height:108px;z-index:3;pointer-events:none}
.public-body .hero.hero-v3 .hero-flag-ribbon span{position:absolute;display:block;height:17px;border-radius:999px 999px 0 999px;transform:rotate(-16deg);transform-origin:right center;box-shadow:0 10px 18px rgba(0,0,0,.08)}
.public-body .hero.hero-v3 .hero-flag-ribbon .black{top:12px;right:34px;width:146px;background:#202624}
.public-body .hero.hero-v3 .hero-flag-ribbon .green{top:34px;right:4px;width:208px;background:#1a9057}
.public-body .hero.hero-v3 .hero-flag-ribbon .white{top:56px;right:22px;width:184px;background:#fff;border:1px solid rgba(0,0,0,.06)}
.public-body .hero.hero-v3 .hero-flag-ribbon .red{top:78px;right:-4px;width:220px;background:#da4048}

.public-body .filter-panel.filter-panel-v3{
  max-width:1460px;
  margin:18px auto 34px;
  padding:20px 24px 18px;
  border-radius:24px;
  border:1px solid rgba(8,122,75,.14);
  background:#fff;
  box-shadow:0 16px 42px rgba(12,63,38,.08);
}
.public-body .filter-panel.filter-panel-v3 .filters-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid rgba(8,122,75,.1)}
.public-body .filter-panel.filter-panel-v3 .filters-title h2{margin:5px 0 0;font-size:24px;line-height:1.4;color:#0a5c3d}
.public-body .filter-panel.filter-panel-v3 .filters-stats{display:flex;gap:10px;flex-wrap:wrap}
.public-body .filter-panel.filter-panel-v3 .filters-stats span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;padding:10px 12px;border:1px solid rgba(8,122,75,.12);border-radius:16px;background:#f7fbf9}
.public-body .filter-panel.filter-panel-v3 .filters-stats b{font-size:22px;color:#087a4b}
.public-body .filter-panel.filter-panel-v3 .filters-stats small{font-size:11px;color:#64766d}
.public-body .filter-panel.filter-panel-v3 .filter-form{display:flex;flex-direction:column;gap:14px}
.public-body .filter-panel.filter-panel-v3 .filter-grid-v3{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 12px;align-items:end}
.public-body .filter-panel.filter-panel-v3 .filter-search-wide{grid-column:span 2}
.public-body .filter-panel.filter-panel-v3 .filter-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.public-body .filter-panel.filter-panel-v3 .filter-label{font-size:12px;font-weight:900;color:#214833;line-height:1.35}
.public-body .filter-panel.filter-panel-v3 .form-control{min-height:43px;padding:10px 12px;border-radius:12px;border:1px solid #c6d8cf;background:#fff;color:#294036}
.public-body .filter-panel.filter-panel-v3 .form-control:focus{outline:none;border-color:#23a268;box-shadow:0 0 0 4px rgba(35,162,104,.1)}
.public-body .filter-panel.filter-panel-v3 .filter-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:6px}
.public-body .filter-panel.filter-panel-v3 .filter-checks{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.public-body .filter-panel.filter-panel-v3 .filter-checks .check-line{margin:0;padding:8px 12px;border-radius:12px;border:1px solid rgba(8,122,75,.12);background:#f5faf7;font-size:12px}
.public-body .filter-panel.filter-panel-v3 .filter-buttons{display:flex;gap:10px;flex-wrap:wrap}
.public-body .filter-panel.filter-panel-v3 .filter-buttons .btn{min-width:120px;border-radius:12px;padding:11px 16px}

.admin-footer{background:#14271e;color:#fff;padding:20px max(22px,calc((100% - 1400px)/2));display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.admin-footer .footer-brand{display:flex;align-items:center;gap:11px}
.admin-footer img{width:50px;height:50px;object-fit:contain}
.admin-footer .footer-brand span{display:flex;flex-direction:column;line-height:1.45}
.admin-footer .footer-brand small{opacity:.72}

@media (max-width:1350px){
  .public-body .hero.hero-v3{margin-inline:16px}
  .public-body .filter-panel.filter-panel-v3{margin-inline:16px}
  .public-body .filter-panel.filter-panel-v3 .filter-grid-v3{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:1180px){
  .public-body .hero.hero-v3 .hero-inner{grid-template-columns:360px minmax(0,1fr);gap:26px;min-height:420px}
  .public-body .hero.hero-v3 h1{font-size:clamp(36px,5vw,56px)}
  .public-body .filter-panel.filter-panel-v3 .filter-grid-v3{grid-template-columns:repeat(4,minmax(0,1fr))}
  .public-body .filter-panel.filter-panel-v3 .filter-search-wide{grid-column:span 2}
}
@media (max-width:980px){
  .public-body .hero.hero-v3{padding:22px 22px 0}
  .public-body .hero.hero-v3 .hero-inner{grid-template-columns:1fr;gap:8px;min-height:unset}
  .public-body .hero.hero-v3 .hero-copy{order:1;padding-bottom:24px}
  .public-body .hero.hero-v3 .hero-visual{order:2;min-height:310px}
  .public-body .hero.hero-v3 .hero-signal-3d{width:102px;height:248px;margin-inline-start:20px;margin-bottom:28px}
  .public-body .hero.hero-v3 .hero-signal-3d::after{height:86px;bottom:-70px}
  .public-body .hero.hero-v3 .hero-city{inset:0 0 44px 0}
  .public-body .hero.hero-v3 .hero-flag-ribbon{width:190px;height:92px;right:10px}
  .public-body .filter-panel.filter-panel-v3 .filters-toolbar{flex-direction:column;align-items:flex-start}
  .public-body .filter-panel.filter-panel-v3 .filter-grid-v3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .public-body .hero.hero-v3{padding:18px 16px 0;border-radius:28px;margin:12px 12px 0}
  .public-body .hero.hero-v3 .hero-copy{padding-bottom:16px}
  .public-body .hero.hero-v3 h1{font-size:31px;line-height:1.4}
  .public-body .hero.hero-v3 p{font-size:14px;line-height:1.9}
  .public-body .hero.hero-v3 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .public-body .hero.hero-v3 .hero-actions .btn{min-width:0;padding-inline:10px}
  .public-body .hero.hero-v3 .hero-trust{gap:7px}
  .public-body .hero.hero-v3 .hero-trust>span{font-size:10px;padding:7px 9px}
  .public-body .hero.hero-v3 .hero-visual{min-height:256px}
  .public-body .hero.hero-v3 .hero-signal-3d{width:88px;height:212px;padding:14px;margin-inline-start:10px;margin-bottom:20px}
  .public-body .hero.hero-v3 .hero-signal-3d::after{height:70px;bottom:-58px}
  .public-body .hero.hero-v3 .hero-city{gap:10px;inset:8px 0 34px 0}
  .public-body .hero.hero-v3 .hero-visual-waves{height:126px}
  .public-body .hero.hero-v3 .hero-flag-ribbon{width:150px;height:80px;right:-4px;bottom:12px}
  .public-body .mobile-filter-bar{display:flex;align-items:center;gap:8px;margin:14px 12px 4px;position:sticky;top:78px;z-index:65}
  .public-body .filter-panel.filter-panel-v3{display:block;position:fixed;z-index:115;inset:auto 0 0;margin:0;max-height:88vh;border-radius:24px 24px 0 0;padding:15px 15px calc(20px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .25s ease;overflow:auto;box-shadow:0 -20px 55px rgba(0,0,0,.22)}
  .public-body .filter-panel.filter-panel-v3.open{transform:translateY(0)}
  .public-body .filter-panel.filter-panel-v3 .filter-panel-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-15px;z-index:3;margin:-15px -15px 13px;padding:15px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
  .public-body .filter-panel.filter-panel-v3 .filter-panel-head>div{display:flex;flex-direction:column}
  .public-body .filter-panel.filter-panel-v3 .filter-panel-head small{color:var(--muted);font-size:10px}
  .public-body .filter-panel.filter-panel-v3 .filters-toolbar{padding-bottom:12px;margin-bottom:12px}
  .public-body .filter-panel.filter-panel-v3 .filters-title h2{font-size:21px}
  .public-body .filter-panel.filter-panel-v3 .filters-stats span{min-width:84px}
  .public-body .filter-panel.filter-panel-v3 .filter-grid-v3{grid-template-columns:1fr}
  .public-body .filter-panel.filter-panel-v3 .filter-search-wide{grid-column:auto}
  .public-body .filter-panel.filter-panel-v3 .filter-footer{flex-direction:column;align-items:stretch}
  .public-body .filter-panel.filter-panel-v3 .filter-checks{flex-direction:column;align-items:stretch}
  .public-body .filter-panel.filter-panel-v3 .filter-buttons{display:grid;grid-template-columns:1fr 1fr}
  .admin-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom));margin-bottom:72px}
}
@media (max-width:480px){
  .public-body .hero.hero-v3 .hero-actions{grid-template-columns:1fr}
  .public-body .hero.hero-v3 .hero-trust>span:nth-child(4){display:none}
  .public-body .filter-panel.filter-panel-v3 .filter-buttons{grid-template-columns:1fr}
}

/* ========================================================================
   TSTC Training Portal v1.0.3 — Professional hero + compact filters
   ======================================================================== */
.public-body .hero.hero-pro{
  display:block!important;
  max-width:1460px;
  min-height:0!important;
  margin:22px auto 0;
  padding:0!important;
  border:1px solid rgba(8,122,75,.16);
  border-radius:34px;
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 86% 16%,rgba(41,188,119,.14),transparent 28rem),
    linear-gradient(135deg,#ffffff 0%,#f9fcfa 56%,#eef8f3 100%);
  box-shadow:0 24px 66px rgba(7,68,42,.13);
}
.public-body .hero.hero-pro::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 49.9%,rgba(8,122,75,.055) 50%,transparent 50.1%),
    linear-gradient(rgba(8,122,75,.025) 1px,transparent 1px);
  background-size:100% 100%,100% 34px;
  opacity:.65;
}
.public-body .hero.hero-pro::after{display:none!important}
.public-body .hero.hero-pro .hero-pro-grid{
  display:grid;
  grid-template-columns:minmax(430px,.92fr) minmax(0,1.08fr);
  min-height:470px;
  position:relative;
  z-index:1;
}
.public-body .hero.hero-pro .hero-art{
  grid-column:1;
  min-width:0;
  min-height:470px;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
  position:relative;
  overflow:hidden;
}
.public-body .hero.hero-pro .hero-art svg{display:block;width:100%;height:100%;min-height:470px;overflow:visible}
.public-body .hero.hero-pro .hero-copy{
  grid-column:2;
  max-width:none!important;
  padding:54px clamp(34px,4vw,66px) 48px 34px;
  align-self:center;
  position:relative;
  z-index:3;
}
html[dir="ltr"] .public-body .hero.hero-pro .hero-copy{padding:54px 34px 48px clamp(34px,4vw,66px)}
.public-body .hero.hero-pro .eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:8px 18px;
  border:1px solid rgba(8,122,75,.17);
  border-radius:999px;
  background:linear-gradient(180deg,#ecfbf3,#ddf5e8);
  color:#08704a;
  font-size:15px;
  font-weight:900;
  box-shadow:0 8px 22px rgba(5,83,55,.07);
}
.public-body .hero.hero-pro h1{
  max-width:780px;
  margin:20px 0 13px;
  color:#075a3b;
  font-size:clamp(44px,4.75vw,70px);
  font-weight:900;
  letter-spacing:-.038em;
  line-height:1.24;
  text-wrap:balance;
}
.public-body .hero.hero-pro p{
  max-width:720px;
  margin:0;
  color:#51675c;
  font-size:18px;
  line-height:1.95;
}
.public-body .hero.hero-pro .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.public-body .hero.hero-pro .hero-actions .btn{min-width:172px;min-height:52px;padding:12px 22px;border-radius:14px;font-size:14px}
.public-body .hero.hero-pro .hero-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.public-body .hero.hero-pro .hero-trust>span{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(8,122,75,.14);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#354b40;
  font-size:11px;
  font-weight:900;
  box-shadow:0 8px 22px rgba(5,64,39,.055);
}
.public-body .hero.hero-pro .hero-trust b{color:#075c3c;font-size:14px}
.public-body .hero.hero-pro .signal-dot{display:inline-block;width:9px;height:9px;border-radius:50%}
.public-body .hero.hero-pro .signal-dot.green{background:#20b46e;box-shadow:0 0 0 5px rgba(32,180,110,.13)}
.public-body .hero.hero-pro .signal-dot.yellow{background:#ffd23f;box-shadow:0 0 0 5px rgba(255,210,63,.17)}
.public-body .hero.hero-pro .signal-dot.red{background:#e63946;box-shadow:0 0 0 5px rgba(230,57,70,.14)}
.public-body .hero.hero-pro .hero-green-light{animation:heroGreenPulse 2.2s ease-in-out infinite;transform-origin:center}
@keyframes heroGreenPulse{50%{filter:brightness(1.16);transform:scale(1.035)}}

.public-body .filter-panel.filter-panel-pro{
  display:block!important;
  width:auto!important;
  max-width:1460px;
  min-height:0!important;
  margin:18px auto 34px;
  padding:14px 18px 13px;
  border:1px solid rgba(8,122,75,.15);
  border-radius:22px;
  background:rgba(255,255,255,.985);
  box-shadow:0 14px 40px rgba(7,68,42,.085);
  position:relative;
  z-index:4;
}
.public-body .filter-panel.filter-panel-pro .filter-panel-head{display:none}
.public-body .filter-panel.filter-panel-pro .filter-form-pro{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.public-body .filter-panel.filter-panel-pro .filter-compact-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:34px;
  margin-bottom:10px;
}
.public-body .filter-panel.filter-panel-pro .filter-compact-title{display:flex;align-items:center;gap:10px;min-width:0}
.public-body .filter-panel.filter-panel-pro .filter-compact-title .section-kicker{flex:0 0 auto;padding:3px 9px;font-size:10px}
.public-body .filter-panel.filter-panel-pro .filter-compact-title strong{color:#164830;font-size:14px;white-space:nowrap}
.public-body .filter-panel.filter-panel-pro .filter-compact-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#607269;font-size:11px}
.public-body .filter-panel.filter-panel-pro .filter-compact-stats span{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#f1f8f4;border:1px solid rgba(8,122,75,.1)}
.public-body .filter-panel.filter-panel-pro .filter-compact-stats b{color:#08704a;font-size:13px}
.public-body .filter-panel.filter-panel-pro .active-filter-count{background:#fff7db!important;border-color:rgba(210,154,0,.18)!important}
.public-body .filter-panel.filter-panel-pro .filter-quick-grid{
  display:grid!important;
  width:100%!important;
  grid-template-columns:minmax(240px,1.75fr) repeat(4,minmax(145px,1fr)) minmax(190px,.9fr);
  gap:10px;
  align-items:end;
}
.public-body .filter-panel.filter-panel-pro .filter-field{display:flex!important;flex-direction:column;gap:5px;min-width:0!important;width:100%!important;margin:0!important}
.public-body .filter-panel.filter-panel-pro .filter-label{display:block;color:#244b38;font-size:11px;font-weight:900;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-body .filter-panel.filter-panel-pro .form-control{
  width:100%!important;
  min-width:0!important;
  min-height:42px;
  height:42px;
  padding:8px 11px;
  border:1px solid #c4d8cd;
  border-radius:11px;
  background:#fff;
  color:#263c32;
  font-size:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.public-body .filter-panel.filter-panel-pro .form-control:focus{outline:none;border-color:#24a469;box-shadow:0 0 0 4px rgba(36,164,105,.1)}
.public-body .filter-panel.filter-panel-pro .filter-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:end}
.public-body .filter-panel.filter-panel-pro .filter-quick-actions .btn{min-width:0;min-height:42px;padding:8px 10px;border-radius:11px;font-size:12px}
.public-body .filter-panel.filter-panel-pro .filter-options-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:9px 14px;
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid rgba(8,122,75,.09);
}
.public-body .filter-panel.filter-panel-pro .filter-checks{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.public-body .filter-panel.filter-panel-pro .filter-checks .check-line{
  display:flex!important;
  align-items:center;
  gap:7px;
  min-height:33px;
  margin:0!important;
  padding:6px 10px;
  border:1px solid rgba(8,122,75,.12);
  border-radius:10px;
  background:#f5faf7;
  color:#315341;
  font-size:11px;
  font-weight:800;
}
.public-body .filter-panel.filter-panel-pro .filter-checks input{accent-color:#087a4b}
.public-body .filter-panel.filter-panel-pro .advanced-filters{margin-inline-start:auto;min-width:0}
.public-body .filter-panel.filter-panel-pro .advanced-filters summary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:34px;
  padding:6px 12px;
  border:1px solid rgba(8,122,75,.15);
  border-radius:10px;
  background:#eef7f2;
  color:#1e5c3d;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.public-body .filter-panel.filter-panel-pro .advanced-filters summary::-webkit-details-marker{display:none}
.public-body .filter-panel.filter-panel-pro .advanced-filters summary b{display:grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:#087a4b;color:#fff;font-size:10px}
.public-body .filter-panel.filter-panel-pro .advanced-filters summary i{font-style:normal;font-size:17px;line-height:1;transition:transform .2s ease}
.public-body .filter-panel.filter-panel-pro .advanced-filters[open]{flex:1 0 100%;width:100%;margin:0}
.public-body .filter-panel.filter-panel-pro .advanced-filters[open] summary{width:max-content;margin-inline-start:auto}
.public-body .filter-panel.filter-panel-pro .advanced-filters[open] summary i{transform:rotate(180deg)}
.public-body .filter-panel.filter-panel-pro .filter-advanced-grid{
  display:grid!important;
  width:100%!important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed rgba(8,122,75,.14);
}

.public-body footer .footer-brand small,.admin-footer .footer-brand small{font-weight:700;opacity:.82}
.admin-body{min-height:100vh;display:flex;flex-direction:column}
.admin-body .admin-shell{flex:1 0 auto;width:100%}
.admin-footer{
  flex:0 0 auto;
  background:linear-gradient(135deg,#11251b,#183a29);
  color:#fff;
  padding:18px max(22px,calc((100% - 1400px)/2));
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.08);
}
.admin-footer .footer-brand{display:flex;align-items:center;gap:11px}
.admin-footer img{width:50px;height:50px;object-fit:contain}
.admin-footer .footer-brand span{display:flex;flex-direction:column;line-height:1.45}
.admin-footer .footer-brand small{opacity:.8}
.admin-footer .footer-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;opacity:.82}

@media (max-width:1380px){
  .public-body .hero.hero-pro,.public-body .filter-panel.filter-panel-pro{margin-inline:16px}
  .public-body .filter-panel.filter-panel-pro .filter-quick-grid{grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(130px,1fr)) minmax(170px,.8fr)}
}
@media (max-width:1180px){
  .public-body .hero.hero-pro .hero-pro-grid{grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);min-height:440px}
  .public-body .hero.hero-pro .hero-art,.public-body .hero.hero-pro .hero-art svg{min-height:440px}
  .public-body .hero.hero-pro h1{font-size:clamp(38px,5vw,56px)}
  .public-body .filter-panel.filter-panel-pro .filter-quick-grid{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(145px,1fr));}
  .public-body .filter-panel.filter-panel-pro .filter-search-main{grid-column:span 2}
  .public-body .filter-panel.filter-panel-pro .filter-quick-actions{grid-column:auto}
  .public-body .filter-panel.filter-panel-pro .filter-advanced-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:900px){
  .public-body .hero.hero-pro .hero-pro-grid{grid-template-columns:1fr;min-height:0}
  .public-body .hero.hero-pro .hero-copy{grid-column:1;grid-row:1;padding:40px 30px 20px}
  .public-body .hero.hero-pro .hero-art{grid-column:1;grid-row:2;min-height:330px;max-height:370px}
  .public-body .hero.hero-pro .hero-art svg{min-height:330px;height:370px}
  .public-body .filter-panel.filter-panel-pro .filter-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .public-body .filter-panel.filter-panel-pro .filter-search-main{grid-column:span 2}
  .public-body .filter-panel.filter-panel-pro .filter-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .public-body .hero.hero-pro{margin:12px 12px 0;border-radius:27px}
  .public-body .hero.hero-pro .hero-copy{padding:31px 19px 14px}
  .public-body .hero.hero-pro h1{font-size:32px;line-height:1.42;margin-top:16px}
  .public-body .hero.hero-pro p{font-size:14px;line-height:1.9}
  .public-body .hero.hero-pro .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .public-body .hero.hero-pro .hero-actions .btn{min-width:0;min-height:48px;padding-inline:9px}
  .public-body .hero.hero-pro .hero-trust{gap:7px;margin-top:18px}
  .public-body .hero.hero-pro .hero-trust>span{font-size:9px;padding:6px 8px;min-height:32px}
  .public-body .hero.hero-pro .hero-art{min-height:265px;max-height:300px}
  .public-body .hero.hero-pro .hero-art svg{min-height:265px;height:300px}
  .public-body .mobile-filter-bar{display:flex;align-items:center;gap:8px;margin:14px 12px 4px;position:sticky;top:78px;z-index:65}
  .public-body .filter-panel.filter-panel-pro{
    display:block!important;
    position:fixed;
    z-index:115;
    inset:auto 0 0;
    width:100%!important;
    max-height:88vh;
    margin:0!important;
    padding:15px 15px calc(20px + env(safe-area-inset-bottom));
    border-radius:24px 24px 0 0;
    overflow:auto;
    transform:translateY(105%);
    transition:transform .25s ease;
    box-shadow:0 -20px 55px rgba(0,0,0,.22);
  }
  .public-body .filter-panel.filter-panel-pro.open{transform:translateY(0)}
  .public-body .filter-panel.filter-panel-pro .filter-panel-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-15px;z-index:5;margin:-15px -15px 13px;padding:15px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}
  .public-body .filter-panel.filter-panel-pro .filter-panel-head>div{display:flex;flex-direction:column}
  .public-body .filter-panel.filter-panel-pro .filter-panel-head small{color:var(--muted);font-size:10px}
  .public-body .filter-panel.filter-panel-pro .filter-compact-head{align-items:flex-start}
  .public-body .filter-panel.filter-panel-pro .filter-compact-title{align-items:flex-start;flex-direction:column;gap:4px}
  .public-body .filter-panel.filter-panel-pro .filter-compact-title strong{white-space:normal}
  .public-body .filter-panel.filter-panel-pro .filter-quick-grid{grid-template-columns:1fr}
  .public-body .filter-panel.filter-panel-pro .filter-search-main{grid-column:auto}
  .public-body .filter-panel.filter-panel-pro .filter-quick-actions{grid-template-columns:1fr 1fr}
  .public-body .filter-panel.filter-panel-pro .filter-options-row{align-items:stretch}
  .public-body .filter-panel.filter-panel-pro .filter-checks{width:100%;flex-direction:column;align-items:stretch}
  .public-body .filter-panel.filter-panel-pro .advanced-filters{width:100%;margin:0}
  .public-body .filter-panel.filter-panel-pro .advanced-filters summary{width:100%}
  .public-body .filter-panel.filter-panel-pro .advanced-filters[open] summary{width:100%;margin:0}
  .public-body .filter-panel.filter-panel-pro .filter-advanced-grid{grid-template-columns:1fr}
  .admin-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom));margin-bottom:72px}
}
@media (max-width:460px){
  .public-body .hero.hero-pro .hero-actions{grid-template-columns:1fr}
  .public-body .hero.hero-pro .hero-trust>span:nth-child(4){display:none}
  .public-body .filter-panel.filter-panel-pro .filter-quick-actions{grid-template-columns:1fr}
}

/* ========================================================================
   TSTC Training Portal v1.0.3 FINAL — approved Dynamic Training hero
   and compact full-width filters
   ======================================================================== */
.public-body .hero.hero-final{
  display:block!important;
  max-width:1460px;
  min-height:510px!important;
  margin:22px auto 0;
  padding:60px clamp(34px,6vw,88px) 132px!important;
  border:1px solid rgba(8,122,75,.17);
  border-radius:34px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 34%,rgba(255,255,255,.78) 57%,rgba(255,255,255,.97) 74%,#fff 100%),
    url('../img/hero-dynamic-v3.svg') center bottom/cover no-repeat;
  box-shadow:0 26px 72px rgba(6,65,40,.15);
  isolation:isolate;
}
.public-body .hero.hero-final::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 83% 15%,rgba(52,195,126,.12),transparent 26rem),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 65%);
}
.public-body .hero.hero-final::after{display:none!important}
.public-body .hero.hero-final .hero-copy{
  position:relative;
  z-index:2;
  width:min(760px,59%);
  max-width:none!important;
  margin-left:auto;
  margin-right:0;
  padding:0!important;
}
.public-body .hero.hero-final .eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:8px 18px;
  border:1px solid rgba(8,122,75,.17);
  border-radius:999px;
  background:linear-gradient(180deg,#effcf5,#dcf5e7);
  color:#08704a;
  font-size:15px;
  font-weight:900;
  box-shadow:0 9px 23px rgba(5,83,55,.08);
}
.public-body .hero.hero-final h1{
  margin:20px 0 12px;
  max-width:760px;
  color:#07583a;
  font-size:clamp(46px,4.7vw,68px);
  font-weight:900;
  letter-spacing:-.038em;
  line-height:1.23;
  text-wrap:balance;
}
.public-body .hero.hero-final p{
  max-width:700px;
  margin:0;
  color:#4f655a;
  font-size:18px;
  line-height:1.95;
}
.public-body .hero.hero-final .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.public-body .hero.hero-final .hero-actions .btn{min-width:172px;min-height:52px;padding:12px 22px;border-radius:14px;font-size:14px}
.public-body .hero.hero-final .hero-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}
.public-body .hero.hero-final .hero-trust>span{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(8,122,75,.14);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#354b40;
  font-size:11px;
  font-weight:900;
  box-shadow:0 8px 22px rgba(5,64,39,.06);
  backdrop-filter:blur(6px);
}
.public-body .hero.hero-final .hero-trust b{color:#075c3c;font-size:14px}
.public-body .hero.hero-final .signal-dot{display:inline-block;width:9px;height:9px;border-radius:50%}
.public-body .hero.hero-final .signal-dot.green{background:#20b46e;box-shadow:0 0 0 5px rgba(32,180,110,.13)}
.public-body .hero.hero-final .signal-dot.yellow{background:#ffd23f;box-shadow:0 0 0 5px rgba(255,210,63,.17)}
.public-body .hero.hero-final .signal-dot.red{background:#e63946;box-shadow:0 0 0 5px rgba(230,57,70,.14)}
.public-body .hero.hero-final .hero-concept-mark{
  position:absolute;
  top:30px;
  left:34px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 13px;
  border:1px solid rgba(8,122,75,.13);
  border-radius:16px;
  background:rgba(255,255,255,.84);
  box-shadow:0 12px 30px rgba(5,64,39,.08);
  backdrop-filter:blur(8px);
}
.public-body .hero.hero-final .hero-concept-mark>span:last-child{display:flex;flex-direction:column;line-height:1.3}
.public-body .hero.hero-final .hero-concept-mark b{color:#08704a;font-size:17px}
.public-body .hero.hero-final .hero-concept-mark small{color:#68776f;font-size:10px;letter-spacing:.04em}
.public-body .hero.hero-final .concept-signal{width:23px;height:52px;padding:4px;border-radius:9px;background:#19221e;display:flex;flex-direction:column;gap:3px;box-shadow:0 6px 12px rgba(0,0,0,.18)}
.public-body .hero.hero-final .concept-signal i{flex:1;border-radius:50%}
.public-body .hero.hero-final .concept-signal i:nth-child(1){background:#e63946}
.public-body .hero.hero-final .concept-signal i:nth-child(2){background:#ffd23f}
.public-body .hero.hero-final .concept-signal i:nth-child(3){background:#2abd78;box-shadow:0 0 10px rgba(42,189,120,.65)}

.public-body .filter-panel.filter-final{
  display:block!important;
  width:auto!important;
  max-width:1460px;
  min-height:0!important;
  margin:-44px auto 36px;
  padding:13px 17px 12px;
  border:1px solid rgba(8,122,75,.16);
  border-radius:22px;
  background:rgba(255,255,255,.985);
  box-shadow:0 17px 48px rgba(7,68,42,.11);
  position:relative;
  z-index:5;
}
.public-body .filter-panel.filter-final .filter-panel-head{display:none}
.public-body .filter-panel.filter-final .filter-form-final{display:block!important;width:100%!important;min-width:0!important}
.public-body .filter-panel.filter-final .filter-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:31px;
  margin-bottom:9px;
}
.public-body .filter-panel.filter-final .filter-title{display:flex;align-items:center;gap:9px;min-width:0}
.public-body .filter-panel.filter-final .filter-title .section-kicker{flex:0 0 auto;padding:3px 9px;font-size:10px}
.public-body .filter-panel.filter-final .filter-title strong{color:#174a33;font-size:14px;white-space:nowrap}
.public-body .filter-panel.filter-final .filter-stats{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#64756d;font-size:10px}
.public-body .filter-panel.filter-final .filter-stats span{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid rgba(8,122,75,.1);border-radius:999px;background:#f2f8f5}
.public-body .filter-panel.filter-final .filter-stats span.active{background:#fff7db;border-color:rgba(210,154,0,.2)}
.public-body .filter-panel.filter-final .filter-stats b{color:#08704a;font-size:12px}
.public-body .filter-panel.filter-final .filter-quick-grid{
  display:grid!important;
  width:100%!important;
  grid-template-columns:minmax(250px,1.85fr) repeat(4,minmax(140px,1fr)) minmax(178px,.88fr);
  gap:10px;
  align-items:end;
}
.public-body .filter-panel.filter-final .filter-field{display:flex!important;flex-direction:column;gap:5px;min-width:0!important;width:100%!important;margin:0!important}
.public-body .filter-panel.filter-final .filter-label{display:block;color:#244b38;font-size:11px;font-weight:900;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-body .filter-panel.filter-final .form-control{
  width:100%!important;
  min-width:0!important;
  min-height:42px;
  height:42px;
  padding:8px 11px;
  border:1px solid #c4d8cd;
  border-radius:11px;
  background:#fff;
  color:#263c32;
  font-size:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.public-body .filter-panel.filter-final .form-control:focus{outline:none;border-color:#24a469;box-shadow:0 0 0 4px rgba(36,164,105,.1)}
.public-body .filter-panel.filter-final .filter-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:end}
.public-body .filter-panel.filter-final .filter-quick-actions .btn{min-width:0;min-height:42px;padding:8px 10px;border-radius:11px;font-size:12px}
.public-body .filter-panel.filter-final .filter-options-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid rgba(8,122,75,.09);
}
.public-body .filter-panel.filter-final .filter-checks{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.public-body .filter-panel.filter-final .filter-checks .check-line{
  display:flex!important;
  align-items:center;
  gap:7px;
  min-height:32px;
  margin:0!important;
  padding:5px 10px;
  border:1px solid rgba(8,122,75,.12);
  border-radius:10px;
  background:#f5faf7;
  color:#315341;
  font-size:11px;
  font-weight:800;
}
.public-body .filter-panel.filter-final .filter-checks input{accent-color:#087a4b}
.public-body .filter-panel.filter-final .advanced-filters{margin-inline-start:auto;min-width:0}
.public-body .filter-panel.filter-final .advanced-filters summary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:33px;
  padding:5px 12px;
  border:1px solid rgba(8,122,75,.15);
  border-radius:10px;
  background:#eef7f2;
  color:#1e5c3d;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.public-body .filter-panel.filter-final .advanced-filters summary::-webkit-details-marker{display:none}
.public-body .filter-panel.filter-final .advanced-filters summary b{display:grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:#087a4b;color:#fff;font-size:10px}
.public-body .filter-panel.filter-final .advanced-filters summary i{font-style:normal;font-size:17px;line-height:1;transition:transform .2s ease}
.public-body .filter-panel.filter-final .advanced-filters[open]{flex:1 0 100%;width:100%;margin:0}
.public-body .filter-panel.filter-final .advanced-filters[open] summary{width:max-content;margin-inline-start:auto}
.public-body .filter-panel.filter-final .advanced-filters[open] summary i{transform:rotate(180deg)}
.public-body .filter-panel.filter-final .filter-advanced-grid{
  display:grid!important;
  width:100%!important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed rgba(8,122,75,.14);
}

.public-body footer .footer-brand small,.admin-footer .footer-brand small{font-weight:700;opacity:.84}
.admin-body{min-height:100vh;display:flex;flex-direction:column}
.admin-body .admin-shell{flex:1 0 auto;width:100%}
.admin-footer{
  flex:0 0 auto;
  background:linear-gradient(135deg,#11251b,#183a29);
  color:#fff;
  padding:18px max(22px,calc((100% - 1400px)/2));
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.08);
}
.admin-footer .footer-brand{display:flex;align-items:center;gap:11px}
.admin-footer img{width:50px;height:50px;object-fit:contain}
.admin-footer .footer-brand span{display:flex;flex-direction:column;line-height:1.45}
.admin-footer .footer-brand small{opacity:.82}
.admin-footer .footer-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;opacity:.84}

@media (max-width:1380px){
  .public-body .hero.hero-final,.public-body .filter-panel.filter-final{margin-inline:16px}
  .public-body .filter-panel.filter-final .filter-quick-grid{grid-template-columns:minmax(220px,1.65fr) repeat(4,minmax(128px,1fr)) minmax(165px,.82fr)}
}
@media (max-width:1180px){
  .public-body .hero.hero-final{min-height:480px!important;padding-inline:42px!important}
  .public-body .hero.hero-final .hero-copy{width:min(690px,64%)}
  .public-body .hero.hero-final h1{font-size:clamp(40px,5.2vw,58px)}
  .public-body .filter-panel.filter-final .filter-quick-grid{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(145px,1fr))}
  .public-body .filter-panel.filter-final .filter-search-main{grid-column:span 2}
  .public-body .filter-panel.filter-final .filter-advanced-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:900px){
  .public-body .hero.hero-final{min-height:520px!important;padding:42px 28px 142px!important;background-position:30% bottom}
  .public-body .hero.hero-final .hero-copy{width:min(650px,72%)}
  .public-body .hero.hero-final h1{font-size:clamp(36px,6.2vw,50px)}
  .public-body .hero.hero-final .hero-concept-mark{top:auto;bottom:28px;left:28px}
  .public-body .filter-panel.filter-final .filter-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .public-body .filter-panel.filter-final .filter-search-main{grid-column:span 2}
  .public-body .filter-panel.filter-final .filter-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .public-body .hero.hero-final{
    min-height:570px!important;
    margin:12px 12px 0;
    padding:30px 19px 155px!important;
    border-radius:27px;
    background:
      linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.24) 76%,rgba(255,255,255,0) 100%),
      url('../img/hero-dynamic-v3.svg') 24% bottom/auto 58% no-repeat,
      linear-gradient(135deg,#fff,#eef8f3);
  }
  .public-body .hero.hero-final .hero-copy{width:100%;margin:0}
  .public-body .hero.hero-final .eyebrow{min-height:36px;padding:6px 13px;font-size:12px}
  .public-body .hero.hero-final h1{font-size:32px;line-height:1.4;margin-top:16px}
  .public-body .hero.hero-final p{font-size:14px;line-height:1.9}
  .public-body .hero.hero-final .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .public-body .hero.hero-final .hero-actions .btn{min-width:0;min-height:47px;padding-inline:9px}
  .public-body .hero.hero-final .hero-trust{gap:7px;margin-top:17px}
  .public-body .hero.hero-final .hero-trust>span{font-size:9px;padding:6px 8px;min-height:32px}
  .public-body .hero.hero-final .hero-concept-mark{display:none}
  .public-body .mobile-filter-bar{display:flex;align-items:center;gap:8px;margin:14px 12px 4px;position:sticky;top:78px;z-index:65}
  .public-body .filter-panel.filter-final{
    display:block!important;
    position:fixed;
    z-index:115;
    inset:auto 0 0;
    width:100%!important;
    max-height:88vh;
    margin:0!important;
    padding:15px 15px calc(20px + env(safe-area-inset-bottom));
    border-radius:24px 24px 0 0;
    overflow:auto;
    transform:translateY(105%);
    transition:transform .25s ease;
    box-shadow:0 -20px 55px rgba(0,0,0,.22);
  }
  .public-body .filter-panel.filter-final.open{transform:translateY(0)}
  .public-body .filter-panel.filter-final .filter-panel-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-15px;z-index:5;margin:-15px -15px 13px;padding:15px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}
  .public-body .filter-panel.filter-final .filter-panel-head>div{display:flex;flex-direction:column}
  .public-body .filter-panel.filter-final .filter-panel-head small{color:var(--muted);font-size:10px}
  .public-body .filter-panel.filter-final .filter-title-row{align-items:flex-start}
  .public-body .filter-panel.filter-final .filter-title{align-items:flex-start;flex-direction:column;gap:4px}
  .public-body .filter-panel.filter-final .filter-title strong{white-space:normal}
  .public-body .filter-panel.filter-final .filter-quick-grid{grid-template-columns:1fr}
  .public-body .filter-panel.filter-final .filter-search-main{grid-column:auto}
  .public-body .filter-panel.filter-final .filter-quick-actions{grid-template-columns:1fr 1fr}
  .public-body .filter-panel.filter-final .filter-options-row{align-items:stretch}
  .public-body .filter-panel.filter-final .filter-checks{width:100%;flex-direction:column;align-items:stretch}
  .public-body .filter-panel.filter-final .advanced-filters{width:100%;margin:0}
  .public-body .filter-panel.filter-final .advanced-filters summary{width:100%}
  .public-body .filter-panel.filter-final .advanced-filters[open] summary{width:100%;margin:0}
  .public-body .filter-panel.filter-final .filter-advanced-grid{grid-template-columns:1fr}
  .admin-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom));margin-bottom:72px}
}
@media (max-width:460px){
  .public-body .hero.hero-final .hero-actions{grid-template-columns:1fr}
  .public-body .hero.hero-final .hero-trust>span:nth-child(4){display:none}
  .public-body .filter-panel.filter-final .filter-quick-actions{grid-template-columns:1fr}
}
html,body{max-width:100%;overflow-x:hidden}