:root{--primary:#15803d;--primary2:#22c55e;--text:#0f172a;--muted:#64748b;--bg:#f6f9ff;--card:#fff;--border:#e2e8f0;--dark:#08152f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none}.navbar{backdrop-filter:blur(16px);background:rgba(255,255,255,.85);border-bottom:1px solid rgba(226,232,240,.8)}.navbar-brand img{width:42px;height:42px;object-fit:contain}.nav-link{font-weight:600;color:#334155!important}.nav-link.active{color:var(--primary)!important}.hero{position:relative;overflow:hidden;padding:90px 0 50px;background:linear-gradient(135deg,#ecfdf5 0%,#f7fdf9 55%,#effff6 100%)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(3px)}.hero:before{width:420px;height:420px;right:-140px;top:-180px;background:rgba(21,128,61,.10)}.hero:after{width:260px;height:260px;left:-100px;bottom:-120px;background:rgba(16,185,129,.10)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:700;font-size:.9rem}.hero h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.03;font-weight:850;letter-spacing:-.045em}.hero h1 span{color:var(--primary)}.hero-school-name{display:block}.hero-system-name{display:block;color:#14532d;font-size:.42em;letter-spacing:-.02em;margin-top:12px;font-weight:900;text-transform:uppercase}.hero p{font-size:1.08rem;line-height:1.8;color:#475569;max-width:640px}.hero-art{min-height:390px;border-radius:32px;box-shadow:0 30px 80px rgba(15,23,42,.16);background:linear-gradient(145deg,#ffffff,#ecfdf5);padding:26px;position:relative}.hero-school{width:100%;height:250px;object-fit:cover;border-radius:24px;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.floating-card{position:absolute;right:24px;bottom:18px;max-width:260px;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 16px 35px rgba(15,23,42,.14);padding:18px}.stat-strip{margin-top:-20px;position:relative;z-index:2}.stat-card{background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:20px;padding:20px 22px;box-shadow:0 12px 35px rgba(15,23,42,.08);height:100%}.stat-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#ecfdf5;color:var(--primary);font-size:1.15rem}.section{padding:85px 0}.section-kicker{color:var(--primary);font-weight:800;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}.section h2{font-weight:850;letter-spacing:-.035em}.filter-bar{display:flex;gap:10px;flex-wrap:wrap}.filter-chip{border:1px solid var(--border);background:#fff;color:#475569;padding:10px 16px;border-radius:999px;font-weight:700}.filter-chip.active,.filter-chip:hover{border-color:var(--primary);color:#fff;background:var(--primary)}.app-card{height:100%;background:var(--card);border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 12px 35px rgba(15,23,42,.06);transition:transform .2s ease,box-shadow .2s ease}.app-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(15,23,42,.12)}.app-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:1.3rem}.status-pill{font-size:.75rem;font-weight:800;border-radius:999px;padding:6px 10px}.status-active{background:#dcfce7;color:#166534}.status-off{background:#f1f5f9;color:#64748b}.featured{border:2px solid rgba(21,128,61,.18)}.featured-badge{background:#fff7ed;color:#c2410c;font-size:.74rem;font-weight:800;padding:5px 9px;border-radius:999px}.app-btn{color:#fff;border-radius:13px;padding:12px 15px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px}.empty-state{border:1px dashed #cbd5e1;background:#fff;border-radius:22px;padding:45px;text-align:center}.info-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;height:100%;box-shadow:0 12px 35px rgba(15,23,42,.05)}.footer{background:#052e16;color:#cbd5e1;padding:45px 0 20px}.footer h6{color:#fff}.footer a{color:#cbd5e1}.footer a:hover{color:#fff}.theme-toggle{border:0;background:#ecfdf5;width:40px;height:40px;border-radius:50%}.search-input{border:1px solid var(--border);border-radius:16px;padding:13px 16px;width:100%;outline:none}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(21,128,61,.12)}.modal-content{border:0;border-radius:26px;overflow:hidden}.admin-login{background:linear-gradient(145deg,#052e16,#14532d);color:#fff}.admin-login .form-control{background:#064e2b;border-color:#166534;color:#fff}.admin-login .form-control::placeholder{color:#b7d9c0}.admin-shell{min-height:100vh;background:#f3faf5}.sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;background:#052e16;color:#cbd5e1;padding:20px 15px;z-index:1050}.sidebar .brand{display:flex;align-items:center;gap:12px;padding:8px 10px 20px}.sidebar .brand img{width:40px;height:40px}.sidebar a{display:flex;align-items:center;gap:12px;color:#cbd5e1;padding:12px 14px;border-radius:12px;margin:4px 0;font-weight:700}.sidebar a.active,.sidebar a:hover{background:#14532d;color:#fff}.admin-main{margin-left:255px;min-height:100vh}.admin-top{position:sticky;top:0;z-index:1030;background:rgba(243,250,245,.92);backdrop-filter:blur(15px);border-bottom:1px solid var(--border)}.metric{border:1px solid var(--border);border-radius:20px;background:#fff;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.table-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.table-card table{vertical-align:middle}.admin-form{background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.sidebar-toggle{display:none}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.show{transform:translateX(0)}.admin-main{margin-left:0}.sidebar-toggle{display:inline-flex}.hero{padding-top:60px}.hero-art{margin-top:25px}.stat-strip{margin-top:0}}
body.dark{--text:#e2e8f0;--muted:#94a3b8;--bg:#07111f;--card:#0b1728;--border:#1e334d}.dark .navbar{background:rgba(7,17,31,.86);border-color:#1e334d}.dark .nav-link{color:#cbd5e1!important}.dark .hero{background:linear-gradient(135deg,#0b2415,#052e16 65%,#0c2f1b)}.dark .hero p{color:#a9b9cc}.dark .filter-chip,.dark .search-input,.dark .app-card,.dark .info-card,.dark .empty-state,.dark .stat-card,.dark .table-card,.dark .admin-form,.dark .metric{background:#0b2415;border-color:#1e334d;color:#e2e8f0}.dark .filter-chip{color:#cbd5e1}.dark .theme-toggle{background:#14532d;color:#fff}

/* Green school theme refinements */
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#166534;--bs-btn-hover-border-color:#14532d;--bs-btn-active-bg:#14532d;--bs-btn-active-border-color:#14532d}
.btn-outline-primary{--bs-btn-color:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--primary);--bs-btn-hover-border-color:var(--primary)}
.text-primary{color:var(--primary)!important}.bg-primary{background-color:var(--primary)!important}
.settings-section-title{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f0fdf4;border:1px solid #dcfce7;border-radius:16px;color:#14532d}.settings-section-title>i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#dcfce7;color:#15803d}
.image-upload-card{display:flex;align-items:center;gap:15px;padding:14px;border:1px dashed #bbf7d0;border-radius:16px;background:#f7fff9;height:100%}.image-preview{flex:0 0 auto;width:86px;height:86px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:#ecfdf5;border:1px solid #d1fae5}.image-preview img{width:100%;height:100%;object-fit:cover}.logo-preview img{object-fit:contain;padding:8px}.building-preview{width:112px}
.preview-mini{background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.preview-brand{display:flex;align-items:center;gap:8px}.preview-brand img{width:34px;height:34px;object-fit:contain}.preview-brand strong,.preview-brand small{display:block}.preview-brand strong{font-size:.75rem}.preview-brand small{font-size:.55rem;color:#64748b}.preview-hero{margin-top:12px;min-height:115px;border-radius:14px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;color:#fff;gap:3px}.preview-hero span{font-size:.58rem;opacity:.9}.preview-hero strong{font-size:.95rem}.hero-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#166534;background:linear-gradient(135deg,#dcfce7,#f0fdf4)!important;border:1px dashed #86efac}.placeholder-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#fff;color:#15803d;font-size:1.35rem;box-shadow:0 8px 20px rgba(21,128,61,.10)}
@media(max-width:575px){.image-upload-card{align-items:flex-start;flex-direction:column}.image-preview,.building-preview{width:100%;height:150px}.logo-preview{height:120px}.settings-section-title{padding:12px}.hero-school{height:220px}}

/* v6 identity precision + application logo system */
.hero-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:700px}
.hero-tagline{font-size:clamp(.78rem,1.2vw,.98rem);font-weight:800;line-height:1.45;letter-spacing:.075em;text-transform:uppercase;color:#166534;max-width:620px}
.hero-school-name{display:block;font-size:clamp(2.35rem,4.5vw,4.35rem);font-weight:900;line-height:.98;letter-spacing:-.05em;color:#14532d}
.hero-system-name{display:block;font-size:clamp(1.55rem,3vw,2.75rem);font-weight:900;line-height:1;letter-spacing:.075em;color:var(--primary);text-transform:uppercase}
.hero-lockup:after{content:"";display:block;width:92px;height:4px;border-radius:999px;margin-top:8px;background:linear-gradient(90deg,var(--primary),#86efac)}
.app-icon-logo{background:#fff!important;border:1px solid rgba(21,128,61,.14);box-shadow:0 8px 18px rgba(15,23,42,.08);padding:8px}
.app-icon-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:13px}
.table-app-logo{width:42px;height:42px;object-fit:contain;border-radius:11px;border:1px solid #dcfce7;padding:4px;background:#fff;display:block}
.table-app-icon{width:42px;height:42px;border-radius:11px;background:#ecfdf5;color:var(--primary);display:grid;place-items:center}
.app-logo-thumb{width:54px;height:54px;border-radius:13px;object-fit:contain;padding:5px;background:#fff;border:1px solid #dcfce7}
.identity-order-note{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #dcfce7;background:#f0fdf4;border-radius:15px}
.identity-order-note>i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#dcfce7;color:#15803d}
.preview-hero b{display:block;font-size:1.2rem;letter-spacing:.04em;text-transform:uppercase}
.preview-hero strong{display:block;font-size:.82rem;font-weight:700}
@media(max-width:575px){.hero-lockup{gap:6px}.hero-tagline{font-size:.73rem;letter-spacing:.05em}.hero-school-name{font-size:2.25rem}.hero-system-name{font-size:1.55rem}.hero-lockup:after{width:70px}}

/* ==========================================================
   SAKTI-MAS v7 — Modern Blue & Gold visual identity
   Shared by public portal, admin dashboard, settings and forms
   ========================================================== */
:root{
  --primary:#1d4ed8;
  --primary2:#3b82f6;
  --accent:#d8a51d;
  --gold:#e4b536;
  --gold-dark:#9a6b00;
  --gold-soft:#fff6d6;
  --navy:#0a1c3d;
  --dark:#071630;
  --text:#14213d;
  --muted:#65748b;
  --bg:#f4f7fc;
  --card:#ffffff;
  --border:#dce5f2;
  --shadow:0 16px 42px rgba(16,39,82,.08);
  color-scheme:light;
}
html{scroll-padding-top:90px}
body{color:var(--text);background:var(--bg);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}
::selection{background:rgba(228,181,54,.32);color:var(--navy)}
a{transition:color .18s ease}
.navbar{position:sticky;box-shadow:0 6px 26px rgba(9,30,66,.045);border-bottom:1px solid rgba(29,78,216,.10)}
.navbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--primary) 24%,var(--gold) 72%,transparent);opacity:.8}
.navbar-brand{color:var(--navy)}
.navbar-brand img{background:#fff;border:1px solid rgba(216,165,29,.35);border-radius:13px;padding:3px;box-shadow:0 5px 14px rgba(10,28,61,.07)}
.nav-link{position:relative;transition:color .2s ease}
.nav-link.active,.nav-link:hover{color:var(--primary)!important}
.nav-link.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:8px;background:var(--gold)}
.navbar-toggler{border-color:var(--border);border-radius:12px}
.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(29,78,216,.12)}
.hero{isolation:isolate;background:linear-gradient(125deg,#eaf1ff 0%,#f9fbff 48%,#fff7dc 100%)}
.hero:before{background:rgba(29,78,216,.11)}
.hero:after{background:rgba(228,181,54,.18)}
.hero-tagline{color:#345789}
.hero-school-name{color:var(--navy)}
.hero-system-name{color:var(--primary)}
.hero-lockup:after{height:5px;width:112px;background:linear-gradient(90deg,var(--primary) 0%,#477cf0 48%,var(--gold) 100%);box-shadow:0 3px 10px rgba(216,165,29,.16)}
.hero p{color:#52627b}
.eyebrow{background:#eaf1ff;color:#1645a5;border:1px solid rgba(29,78,216,.14);box-shadow:0 4px 12px rgba(29,78,216,.05)}
.hero-art{background:linear-gradient(145deg,#fff 0%,#f7faff 68%,#fff8e2 100%);border:1px solid rgba(216,165,29,.25);box-shadow:0 28px 70px rgba(12,35,78,.15)}
.hero-school{background:linear-gradient(135deg,#dbeafe,#fff1bd)}
.floating-card{border:1px solid rgba(216,165,29,.25);box-shadow:0 18px 38px rgba(10,28,61,.14)}
.stat-card,.metric,.table-card,.admin-form,.info-card,.app-card,.empty-state{box-shadow:var(--shadow)}
.stat-card{border-color:#dce5f2;position:relative;overflow:hidden}
.stat-card:before,.metric:before{content:"";position:absolute;top:0;left:18px;right:18px;height:3px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,var(--primary),var(--gold));opacity:.9}
.stat-icon{background:#eaf1ff;color:var(--primary);border:1px solid rgba(29,78,216,.07)}
.section-kicker{color:#1d4ed8}
.section h2{color:var(--navy)}
.filter-chip{transition:all .18s ease;border-color:#dce5f2}
.filter-chip.active,.filter-chip:hover{border-color:var(--gold);color:#fff;background:linear-gradient(135deg,#12377a,#2563eb);box-shadow:0 7px 16px rgba(29,78,216,.16)}
.app-card{border-color:#e0e7f2;position:relative;overflow:hidden}
.app-card:before{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--primary),var(--gold));opacity:0;transition:opacity .2s ease}
.app-card:hover:before,.app-card.featured:before{opacity:1}
.app-card:hover{border-color:rgba(216,165,29,.55);box-shadow:0 23px 48px rgba(10,28,61,.13)}
.featured{border:1px solid rgba(216,165,29,.65);background:linear-gradient(180deg,#fffdf5 0%,#fff 30%)}
.featured-badge{background:var(--gold-soft);color:#7d5700;border:1px solid rgba(216,165,29,.35)}
.app-icon:not(.app-icon-logo){background:linear-gradient(145deg,#12377a,#3b82f6)!important;color:#fff!important;box-shadow:0 8px 20px rgba(29,78,216,.20);border:1px solid rgba(255,255,255,.45)}
.app-icon-logo{border:1px solid rgba(216,165,29,.28)!important;box-shadow:0 8px 20px rgba(10,28,61,.08)!important}
.app-btn{color:#fff!important;background:linear-gradient(115deg,#102e67 0%,#1d4ed8 72%,#3978ec 100%)!important;border:1px solid rgba(216,165,29,.6);box-shadow:0 8px 17px rgba(29,78,216,.16);transition:transform .18s ease,box-shadow .18s ease}
.app-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(29,78,216,.23);border-color:var(--gold)}
.status-active{background:#e6f7ed;color:#17633b;border:1px solid #c4ead3}
.status-off{background:#eef2f7;color:#64748b;border:1px solid #dce4ef}
.empty-state{border-color:#cbd8eb;background:linear-gradient(145deg,#fff,#f5f8ff)}
.info-card{border-color:#e0e7f2}
.footer{background:linear-gradient(115deg,#071630 0%,#0b2450 64%,#102c5b 100%);color:#d5deed;border-top:3px solid var(--gold)}
.footer h6,.footer .h5{color:#fff}
.footer a{color:#d5deed}
.footer a:hover{color:#ffe08a}
.theme-toggle{background:linear-gradient(145deg,#fff6d6,#eaf1ff);color:#183c80;border:1px solid rgba(216,165,29,.32);box-shadow:0 4px 12px rgba(10,28,61,.07);transition:transform .18s ease}
.theme-toggle:hover{transform:translateY(-2px);background:var(--gold-soft)}
.search-input{background:#fff;border-color:#d5dfed;box-shadow:0 3px 10px rgba(10,28,61,.025);transition:border-color .18s ease,box-shadow .18s ease}
.search-input:focus,.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(29,78,216,.11)}
.modal-content{box-shadow:0 28px 85px rgba(5,18,44,.25)}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#1d4ed8;--bs-btn-border-color:#1d4ed8;--bs-btn-hover-color:#10264e;--bs-btn-hover-bg:#f1c64d;--bs-btn-hover-border-color:#d8a51d;--bs-btn-active-color:#10264e;--bs-btn-active-bg:#e4b536;--bs-btn-active-border-color:#d8a51d;--bs-btn-disabled-bg:#8da9e8;--bs-btn-disabled-border-color:#8da9e8;box-shadow:0 7px 16px rgba(29,78,216,.12);font-weight:700}
.btn-primary:hover{box-shadow:0 9px 20px rgba(216,165,29,.20)}
.btn-outline-primary{--bs-btn-color:#1d4ed8;--bs-btn-border-color:#9bb4e9;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#1d4ed8;--bs-btn-hover-border-color:#1d4ed8}
.text-primary{color:#1d4ed8!important}
.bg-primary{background-color:#1d4ed8!important}
.form-control,.form-select{border-color:#d6e0ef;border-radius:12px;color:#172744}
.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}
.form-switch .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}
.admin-shell{background:linear-gradient(135deg,#f4f7fc 0%,#f8faff 55%,#fffaf0 100%)}
.sidebar{background:linear-gradient(180deg,#071630 0%,#0b2450 68%,#102d5c 100%);border-right:2px solid rgba(228,181,54,.72);box-shadow:10px 0 30px rgba(8,25,58,.10)}
.sidebar .brand{border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:13px}
.sidebar .brand img{background:#fff;border:1px solid rgba(228,181,54,.55);border-radius:12px;padding:3px;box-shadow:0 5px 14px rgba(0,0,0,.14)}
.sidebar .brand small{color:#e7c86b!important}
.sidebar nav{padding-top:3px}
.sidebar a{color:#c9d5e8;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease}
.sidebar a.active,.sidebar a:hover{background:linear-gradient(100deg,rgba(45,96,190,.45),rgba(29,78,216,.18));color:#fff;border-color:rgba(228,181,54,.32);box-shadow:inset 3px 0 0 var(--gold)}
.sidebar a i{width:18px;text-align:center;color:#e4b536}
.admin-main{background:transparent}
.admin-top{background:rgba(248,250,255,.91);border-bottom:1px solid rgba(216,165,29,.28);box-shadow:0 4px 18px rgba(11,36,80,.035)}
.admin-top .fw-800{color:var(--navy)}
.metric,.table-card,.admin-form{border-color:#dce5f2;background:#fff}
.metric{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.metric:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(10,28,61,.12)}
.table-card,.admin-form{border-radius:22px}
.table-card table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:#e8edf5;margin-bottom:0}
.table-card .table thead th{background:#eef3ff;color:#18376f;border-bottom:1px solid #d5e0f5;font-size:.82rem;text-transform:uppercase;letter-spacing:.035em;font-weight:800;white-space:nowrap}
.table-card .table thead th:first-child{border-top-left-radius:10px}
.table-card .table thead th:last-child{border-top-right-radius:10px}
.table-card .table tbody tr:hover>*{background:#f8faff}
.table-card .table td,.table-card .table th{padding:.8rem .75rem;vertical-align:middle}
.settings-section-title{background:linear-gradient(100deg,#edf3ff,#fff9e6);border:1px solid #dbe5f5;color:#15376f;box-shadow:inset 3px 0 0 var(--gold)}
.settings-section-title>i{background:#dfeaff;color:#1d4ed8;border:1px solid rgba(216,165,29,.25)}
.image-upload-card{background:#f8faff;border:1px dashed #bdcdec}
.image-preview{background:linear-gradient(145deg,#eef4ff,#fff8e2);border:1px solid #dce5f2}
.identity-order-note{background:linear-gradient(100deg,#f0f5ff,#fff9e7);border:1px solid #dce5f2}
.identity-order-note>i{background:#e3ecff;color:#1d4ed8;border:1px solid rgba(216,165,29,.28)}
.preview-mini{border-color:#dce5f2}
.preview-brand img{border:1px solid rgba(216,165,29,.35);border-radius:9px;padding:2px}
.preview-hero{background-color:#0b2450;color:#fff;border:1px solid rgba(216,165,29,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.hero-placeholder{color:#19458e;background:linear-gradient(135deg,#e6eeff,#fff4cb)!important;border:1px dashed #b5c8ee}
.placeholder-icon{background:#fff;color:#1d4ed8;border:1px solid rgba(216,165,29,.45);box-shadow:0 8px 20px rgba(29,78,216,.10)}
.app-logo-thumb,.table-app-logo{border-color:rgba(216,165,29,.45)}
.table-app-icon{background:#eaf1ff;color:#1d4ed8;border:1px solid #d5e2fa}
.btn-light,.theme-toggle{color:#163c7d}
.admin-login{background:radial-gradient(circle at 14% 16%,rgba(228,181,54,.23),transparent 29%),radial-gradient(circle at 90% 85%,rgba(59,130,246,.28),transparent 30%),linear-gradient(135deg,#071630,#102e67 68%,#143b7b);color:#fff}
body.admin-login .card{background:rgba(255,255,255,.97);border:1px solid rgba(228,181,54,.55)!important;box-shadow:0 30px 90px rgba(1,11,31,.27)!important;color:var(--text)}
body.admin-login .card h3{color:var(--navy)}
body.admin-login .card .text-secondary{color:#65748b!important}
.admin-login .form-control{background:#f7f9fe;border-color:#d6e0ef;color:#14213d}
.admin-login .form-control::placeholder{color:#8a98ae}
.modal-content.admin-login{background:linear-gradient(145deg,#071630,#123779);border:1px solid rgba(228,181,54,.45)}
.modal-content.admin-login .form-control{background:#0b2450;border-color:#31578f;color:#fff}
.modal-content.admin-login .form-control::placeholder{color:#aebfda}
.admin-login .btn-primary{background:linear-gradient(110deg,#1d4ed8,#2f6de2);border-color:#d8a51d;color:#fff}
.admin-login .btn-primary:hover{background:#f1c64d;border-color:#d8a51d;color:#10264e}
.alert-success{border-color:#c4ead3}
.alert-warning{background:#fff8df;border-color:#f0db91;color:#705300}
:focus-visible{outline:3px solid rgba(228,181,54,.75);outline-offset:2px}
body.dark{--text:#e7edf8;--muted:#a8b8d2;--bg:#071326;--card:#0b1e3a;--border:#233957;background:#071326;color:#e7edf8;color-scheme:dark}
.dark .navbar{background:rgba(7,19,38,.92);border-color:#233957}
.dark .navbar-brand,.dark .hero-school-name,.dark .section h2{color:#f2f6ff}
.dark .nav-link{color:#cfdaec!important}
.dark .hero{background:linear-gradient(125deg,#0d2245 0%,#0a1a34 54%,#302a16 100%)}
.dark .hero p{color:#bfcae0}
.dark .hero-tagline{color:#a8c3f9}
.dark .hero-system-name,.dark .section-kicker{color:#8fb4ff}
.dark .hero-art,.dark .app-card,.dark .info-card,.dark .empty-state,.dark .stat-card,.dark .table-card,.dark .admin-form,.dark .metric{background:#0b1e3a;border-color:#263d5d;color:#e7edf8}
.dark .hero-art{background:linear-gradient(145deg,#102448,#0b1e3a 65%,#2a2616)}
.dark .floating-card{background:rgba(12,31,60,.95);border-color:#3d5274;color:#e7edf8}
.dark .filter-chip,.dark .search-input,.dark .form-control,.dark .form-select{background:#0b1e3a;border-color:#2a4263;color:#e7edf8}
.dark .filter-chip{color:#d6e0f0}
.dark .featured{background:linear-gradient(180deg,#292612,#0b1e3a 45%);border-color:#92762a}
.dark .featured-badge{background:#3b3214;color:#ffe08a;border-color:#776021}
.dark .status-active{background:#133a2a;color:#94e0b4;border-color:#235a40}
.dark .status-off{background:#1c2a40;color:#bac8dc;border-color:#314461}
.dark .footer{background:#050e1d;border-color:#b58a16}
.dark .admin-shell{background:#071326}
.dark .admin-top{background:rgba(7,19,38,.92);border-color:#2a4263}
.dark .admin-top .fw-800{color:#f2f6ff}
.dark .table-card .table thead th{background:#12284a;color:#d8e5ff;border-color:#2a4263}
.dark .table-card .table tbody tr:hover>*{background:#102544}
.dark .settings-section-title,.dark .identity-order-note{background:#102544;border-color:#2a4263;color:#d8e5ff}
.dark .settings-section-title>i,.dark .identity-order-note>i{background:#17335c;color:#8fb4ff;border-color:#8a6d1c}
.dark .image-upload-card{background:#0b1e3a;border-color:#3a5274}
.dark .image-preview{background:#102544;border-color:#3a5274}
.dark .preview-mini{background:#0b1e3a;border-color:#2a4263}
.dark .preview-hero{background-color:#071630}
.dark .preview-brand small{color:#a8b8d2}
.dark .theme-toggle{background:#182d4c;color:#ffe08a;border-color:#5d4d20}
.dark .admin-login .form-control{background:#0b2450;border-color:#31578f;color:#fff}
@media(max-width:991px){.sidebar{box-shadow:14px 0 40px rgba(4,16,39,.24)}.admin-top{box-shadow:0 4px 18px rgba(11,36,80,.06)}}
@media(max-width:575px){.hero{padding-top:50px}.hero h1{letter-spacing:-.035em}.hero-art{padding:17px;border-radius:24px}.stat-card{padding:17px}.section{padding:62px 0}.app-card{padding:18px}.filter-chip{padding:9px 13px}.admin-form,.table-card{padding:17px}}