@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bantay-navy-primary:#0b2545;--bantay-navy-midnight:#071726;--bantay-navy-dark:#071726;--bantay-blue-ocean:#0084de;--bantay-sky-vibrant:#5bb8fe;--pillar-attendance:#008779;--pillar-attendance-teal:#008779;--pillar-attendance-bg:#e6f4f1;--pillar-sos:#dc2626;--pillar-sos-red:#dc2626;--pillar-sos-bg:#fee2e2;--pillar-protection:#0084de;--pillar-protection-blue:#0084de;--pillar-protection-bg:#e0f2fe;--pta-gold:#ffc700;--pta-gold-dark:#d97706;--pta-gold-bg:#fef3c7;--surface-canvas-light:#f8fafc;--surface-card-solid:#fff;--primary-navy:#0b2545;--primary-navy-dark:#071726;--secondary-teal:#0084de;--secondary-teal-hover:#0b2545;--accent-sky:#5bb8fe;--sos-red:#dc2626;--sos-red-glow:#dc262659;--safety-green:#008779;--alert-amber:#d97706;--font-inter:"Inter", system-ui, -apple-system, sans-serif;--radius-xl:20px;--radius-lg:16px;--radius-md:10px;--radius-sm:6px}[data-theme=light],body.theme-light{--app-bg:#f9f9ff;--card-bg:#fff;--card-bg-subtle:#f0f3ff;--card-bg-solid:#fff;--border-color:#e2e8f0;--border-strong:#cbd5e1;--border-glass-highlight:#ffffffe6;--text-primary:#111c2d;--text-secondary:#334155;--text-muted:#64748b;--sidebar-bg:#fff;--header-bg:#0b2545;--header-text:#fff;--table-header-bg:#e7eeff;--modal-bg:#fffffff5;--glass-blur:blur(18px);--glass-shadow:0 8px 32px 0 #0b254514, inset 0 1px 0 0 #ffffffe6;--glass-shadow-lg:0 20px 40px -10px #0b25451f, inset 0 1px 0 0 #fffffff2;--shadow-soft:0px 6px 24px #0b254514;--shadow-glass:0 8px 32px #00000014}[data-theme=dark],body.theme-dark{--app-bg:#051424;--card-bg:#0b1e32;--card-bg-subtle:#0f2a4a;--card-bg-solid:#0b1e32;--border-color:#5bb8fe24;--border-strong:#5bb8fe47;--border-glass-highlight:#ffffff1f;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--sidebar-bg:#071726;--header-bg:#071726;--header-text:#fff;--table-header-bg:#0b2545;--modal-bg:#0b1e32f2;--glass-blur:blur(18px);--glass-shadow:0 8px 32px 0 #0000006b, inset 0 1px 0 0 #ffffff1a;--glass-shadow-lg:0 24px 48px -12px #0009, inset 0 1px 0 0 #ffffff24;--shadow-soft:0px 6px 24px #00000059;--shadow-glass:0 8px 32px #00000073}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-inter);background:var(--app-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background .3s,color .3s;overflow-x:hidden}.glass-card,.glass-panel{-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--glass-shadow)!important}.glass-card:hover{box-shadow:var(--glass-shadow-lg)!important}.glass-panel-subtle{-webkit-backdrop-filter:var(--glass-blur);background:var(--card-bg-subtle)!important;border:1px solid var(--border-color)!important}.glass-nav,.glass-header{-webkit-backdrop-filter:var(--glass-blur);background:var(--header-bg)!important;border-bottom:1px solid var(--border-color)!important;box-shadow:var(--glass-shadow)!important}.glass-sidebar{-webkit-backdrop-filter:var(--glass-blur);background:var(--sidebar-bg)!important;border-right:1px solid var(--border-color)!important}.glass-modal{background:var(--modal-bg)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--border-color)!important;box-shadow:var(--glass-shadow-lg)!important;border-radius:var(--radius-xl)!important}.glass-btn{background:var(--card-bg-subtle);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;padding:10px 18px;font-weight:700;transition:all .2s}.glass-btn:hover{background:var(--card-bg);border-color:var(--secondary-teal);transform:translateY(-1px)}.glass-input{-webkit-backdrop-filter:var(--glass-blur);outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;background:var(--card-bg-subtle)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important}.glass-input:focus{border-color:var(--secondary-teal)!important;box-shadow:0 0 0 3px #0f766e40!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--secondary-teal);border-radius:9999px}@keyframes sosPulse{0%{box-shadow:0 0 #ba1a1ab3}70%{box-shadow:0 0 0 24px #ba1a1a00}to{box-shadow:0 0 #ba1a1a00}}.sos-pulse-button{animation:1.8s infinite sosPulse}@keyframes liveDotPulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}.live-dot{background-color:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.5s infinite liveDotPulse;display:inline-block}.transition-all-custom{transition:all .25s cubic-bezier(.4,0,.2,1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:1s linear infinite spin}.hero-split-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}.storytelling-grid-1{grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;display:grid}.storytelling-grid-2{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;display:grid}.landing-nav-container{flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:12px 32px;display:flex}.landing-hero-section{background-position:right 35%}@media (width<=960px){.landing-hero-section{background-position:50%!important}.hero-split-grid,.storytelling-grid-1,.storytelling-grid-2{grid-template-columns:1fr!important;gap:32px!important}.landing-nav-container{padding:12px 16px!important}.hero-title{font-size:34px!important}}@media (width<=640px){.landing-nav-container{flex-wrap:nowrap!important;padding:10px 14px!important}.hero-title{font-size:28px!important}.hero-subtitle{font-size:15px!important}}@media (width<=768px){.mobile-hide-text{display:none!important}.mobile-icon-only{justify-content:center!important;min-width:48px!important;min-height:48px!important;padding:10px!important}.mobile-stack-column{grid-template-columns:1fr!important}.admin-sidebar{width:68px!important;padding:16px 8px!important}.admin-sidebar button{justify-content:center!important;padding:12px 8px!important}.mobile-bottom-nav{z-index:9999!important;background-color:var(--card-bg)!important;border-top:1px solid var(--border-color)!important;justify-content:space-around!important;padding:8px 12px!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}}.poster-callout-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.poster-ribbon-gold{color:#071726;background:linear-gradient(135deg,#ffc700 0%,#f59e0b 100%);border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-weight:900;display:inline-flex;box-shadow:0 4px 15px #ffc70066}