:root{
    --blue-950:#0b2545;
    --blue-900:#123a63;
    --blue-800:#174b7a;
    --blue-700:#1f6fa6;
    --blue-500:#2da7d8;
    --blue-100:#e9f6fb;
    --blue-50:#f5fbfe;
    --ink:#102033;
    --muted:#6a7b8e;
    --border:#dfeaf2;
    --white:#fff;
    --shadow:0 20px 50px rgba(16,50,86,.12);
    --shadow-soft:0 10px 30px rgba(16,50,86,.08);
    --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:'Cairo',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color:var(--ink);
    background:#f7fbfe;
    direction:rtl;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,92vw);margin-inline:auto}
.topbar{
    position:sticky;top:0;z-index:50;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(223,234,242,.9);
}
.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--blue-950)}
.brand-logo{width:56px;height:56px;border-radius:18px;object-fit:contain;background:#fff;padding:6px;box-shadow:var(--shadow-soft);border:1px solid rgba(148,163,184,.22)}
.brand-mark{width:48px;height:48px;border-radius:18px;background:linear-gradient(145deg,var(--blue-900),var(--blue-500));display:grid;place-items:center;color:#fff;font-size:28px;box-shadow:var(--shadow-soft)}
.brand strong{display:block;font-size:24px;line-height:1}
.brand small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.nav-links{display:flex;gap:18px;color:var(--blue-900);font-weight:800}
.nav-links a{padding:10px 12px;border-radius:14px}
.nav-links a:hover{background:var(--blue-100)}
.hero-section{
    position:relative;overflow:hidden;padding:78px 0 62px;
    background:
        radial-gradient(circle at 20% 20%, rgba(45,167,216,.22), transparent 30%),
        radial-gradient(circle at 80% 10%, rgba(31,111,166,.18), transparent 35%),
        linear-gradient(135deg,#f7fcff,#eaf6fb 55%,#fff);
}
.hero-section:before{content:"";position:absolute;inset:auto -80px -140px auto;width:420px;height:420px;border-radius:50%;background:rgba(45,167,216,.13)}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:36px;align-items:center;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue-700);font-weight:900;font-size:14px;background:rgba(45,167,216,.1);padding:8px 14px;border-radius:999px;margin-bottom:14px}
.hero-copy h1{font-size:clamp(34px,5vw,62px);line-height:1.25;margin:0 0 18px;color:var(--blue-950);letter-spacing:-1px}
.hero-copy p{font-size:18px;line-height:2;color:#4f6479;margin:0 0 26px;max-width:780px}
.hero-search{display:flex;gap:12px;background:#fff;padding:10px;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-soft);max-width:720px}
.hero-search input{flex:1;border:0;outline:0;font-family:inherit;font-size:16px;padding:14px;background:transparent;color:var(--ink)}
.hero-search button,.btn{border:0;cursor:pointer;font-family:inherit;font-weight:900;border-radius:16px;padding:13px 22px;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.hero-search button,.btn.primary{background:linear-gradient(135deg,var(--blue-900),var(--blue-500));color:#fff;box-shadow:0 12px 26px rgba(31,111,166,.24)}
.btn.ghost{background:#fff;color:var(--blue-900);border:1px solid var(--border)}
.btn.small{padding:10px 14px;border-radius:13px;font-size:14px}
.btn.wide{width:100%;max-width:340px}
.btn.disabled{background:#e6eef5;color:#789;cursor:not-allowed;box-shadow:none}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.hero-panel{display:grid;gap:16px}
.glass-card{background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.glass-card span{font-size:48px;font-weight:900;color:var(--blue-900);line-height:1}
.glass-card p{margin:8px 0 0;color:var(--muted);font-weight:800}
.big-stat{min-height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center}
.section{padding:64px 0}
.section.compact{padding-top:36px}
.section.soft{background:#eef8fd}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}
.section-head h2{margin:0;font-size:clamp(26px,3vw,38px);color:var(--blue-950)}
.section-head.center{justify-content:center;text-align:center}
.link-more{font-weight:900;color:var(--blue-700)}
.school-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.school-card{background:#fff;border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-soft);position:relative;transition:.2s ease}
.school-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.card-cover{height:210px;display:block;position:relative;overflow:hidden;background:#dbe9f4}
.card-cover img{width:100%;height:100%;object-fit:cover;transition:.25s ease}
.school-card:hover .card-cover img{transform:scale(1.04)}
.card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(11,37,69,.32), transparent 58%)}
.status-badge{position:absolute;top:14px;right:14px;z-index:3;padding:8px 13px;border-radius:999px;color:#fff;font-size:13px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.status-badge.is-published{background:#0f9f6e}
.status-badge.is-soon{background:#e59b21}
.status-badge.is-closed{background:#6b7280}
.status-badge.is-hidden{background:#111827}
.status-badge.xl{position:static;margin-bottom:16px;font-size:15px;padding:10px 18px}
.card-body{position:relative;padding:38px 22px 22px}
.logo-float{position:absolute;top:-36px;right:20px;width:72px;height:72px;border-radius:24px;background:#fff;padding:7px;box-shadow:0 14px 30px rgba(16,50,86,.16);border:1px solid var(--border)}
.logo-float img{width:100%;height:100%;object-fit:contain;border-radius:18px}
.card-body h3{font-size:22px;line-height:1.45;margin:0 0 8px;color:var(--blue-950)}
.muted{color:var(--muted);margin:0 0 12px;font-weight:700}
.result-line{color:#3b5167;line-height:1.8;margin:0 0 18px}
.card-actions{display:flex;gap:10px;flex-wrap:wrap}
.empty-state{grid-column:1/-1;background:#fff;border:1px dashed var(--border);border-radius:24px;padding:28px;text-align:center;color:var(--muted);font-weight:800}
.footer{background:var(--blue-950);color:#fff;padding:28px 0;margin-top:20px}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.footer p{margin:5px 0 0;color:#cfe3f3}
.school-hero{position:relative;min-height:430px;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden}
.school-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}
.school-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg, rgba(11,37,69,.88), rgba(23,75,122,.65), rgba(45,167,216,.38))}
.school-hero-content{position:relative;padding:70px 0 54px;display:flex;flex-direction:column;align-items:center}
.school-logo-xl{width:128px;height:128px;object-fit:contain;background:#fff;border-radius:34px;padding:12px;box-shadow:0 25px 50px rgba(0,0,0,.2);margin-bottom:18px}
.school-hero h1{font-size:clamp(34px,4vw,54px);line-height:1.35;margin:0 0 10px;max-width:980px}
.school-hero p{font-size:20px;margin:0;color:#e8f6fd;font-weight:800}
.details-section{padding-top:44px}
.details-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.details-card{background:#fff;border:1px solid var(--border);border-radius:30px;padding:28px;box-shadow:var(--shadow-soft)}
.main-details h2{font-size:34px;line-height:1.35;margin:0 0 20px;color:var(--blue-950)}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}
.info-grid div{background:var(--blue-50);border:1px solid var(--border);border-radius:20px;padding:16px}
.info-grid span{display:block;color:var(--muted);font-size:13px;font-weight:800;margin-bottom:6px}
.info-grid strong{font-size:17px;color:var(--blue-950)}
.school-desc{line-height:2;color:#4f6479;font-size:17px}
.result-action-panel{border-radius:26px;padding:24px;margin-top:22px;background:#f6fbfe;border:1px solid var(--border)}
.result-action-panel h3{margin:0 0 8px;color:var(--blue-950);font-size:24px}
.result-action-panel p{margin:0 0 18px;color:var(--muted);line-height:1.9}
.result-action-panel.is-published{background:#effbf7;border-color:#c6f0df}
.result-action-panel.is-soon{background:#fff8ea;border-color:#f5dfad}
.result-action-panel.is-closed{background:#f3f5f7;border-color:#e0e5ea}
.side-details{text-align:center;position:sticky;top:96px}
.side-logo{width:140px;height:140px;object-fit:contain;margin:0 auto 16px;background:var(--blue-50);border-radius:32px;padding:14px;border:1px solid var(--border)}
.side-details h3{font-size:22px;margin:0 0 8px;color:var(--blue-950)}
.side-details p{margin:0;color:var(--muted);font-weight:800;line-height:1.8}
.leaders-section{background:linear-gradient(180deg,#fff,#eef8fd)}
.leaders-grid{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
.leader-card{width:270px;background:#fff;border:1px solid var(--border);border-radius:30px;padding:24px;text-align:center;box-shadow:var(--shadow-soft)}
.leader-card img,.avatar-placeholder{width:130px;height:130px;border-radius:50%;margin:0 auto 16px;object-fit:cover;background:linear-gradient(135deg,var(--blue-900),var(--blue-500));display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px}
.leader-card span{display:block;color:var(--blue-700);font-weight:900;margin-bottom:6px}
.leader-card strong{font-size:20px;color:var(--blue-950)}
.admin-body{background:#f4f8fb;min-height:100vh}
.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.admin-side{background:var(--blue-950);color:#fff;padding:24px;position:sticky;top:0;height:100vh}
.admin-side .brand{color:#fff;margin-bottom:28px}
.admin-menu{display:grid;gap:8px}
.admin-menu a{padding:13px 14px;border-radius:15px;color:#d8e9f6;font-weight:800}
.admin-menu a:hover,.admin-menu a.active{background:rgba(255,255,255,.1);color:#fff}
.admin-main{padding:28px}
.admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.admin-head h1{margin:0;color:var(--blue-950);font-size:32px}
.admin-card{background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-soft);padding:22px}
.table-wrap{overflow:auto}
.admin-table{width:100%;border-collapse:collapse;min-width:880px}
.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid var(--border);text-align:right;vertical-align:middle}
.admin-table th{background:var(--blue-50);color:var(--blue-950);font-weight:900}
.admin-thumb{width:70px;height:52px;object-fit:cover;border-radius:12px;background:#eef}
.admin-logo{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--border);padding:4px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.form-grid .full{grid-column:1/-1}
.field label{display:block;font-weight:900;margin-bottom:8px;color:var(--blue-950)}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:16px;padding:13px 14px;font-family:inherit;font-size:15px;background:#fff;outline:none}
.field textarea{min-height:110px;resize:vertical}
.help{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.6}
.form-actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.flash{padding:13px 16px;border-radius:16px;margin-bottom:14px;font-weight:800}
.flash.success{background:#e9fbf4;color:#08764f;border:1px solid #bdebd9}
.flash.error{background:#fff0f0;color:#b42323;border:1px solid #ffd0d0}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eaf6fb,#fff)}
.login-card{width:min(440px,94vw);background:#fff;border:1px solid var(--border);border-radius:30px;padding:30px;box-shadow:var(--shadow)}
.login-card h1{margin:0 0 8px;color:var(--blue-950)}
.login-card p{margin:0 0 22px;color:var(--muted)}
.preview-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}
.preview-row img{width:80px;height:64px;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#fff}
@media (max-width:980px){
    .hero-grid,.details-grid{grid-template-columns:1fr}
    .school-grid{grid-template-columns:repeat(2,1fr)}
    .side-details{position:static}
    .admin-shell{grid-template-columns:1fr}
    .admin-side{position:static;height:auto}
}
@media (max-width:680px){
    .nav-wrap{min-height:auto;padding:14px 0;align-items:flex-start}
    .nav-links{display:none}
    .brand strong{font-size:20px}
    .brand-logo{width:48px;height:48px;border-radius:15px}
    .brand-mark{width:42px;height:42px;border-radius:15px}
    .hero-section{padding:44px 0}
    .hero-search{flex-direction:column}
    .hero-search button{width:100%}
    .hero-actions .btn{width:100%}
    .mini-stats{grid-template-columns:1fr}
    .section{padding:42px 0}
    .section-head{align-items:flex-start;flex-direction:column}
    .school-grid{grid-template-columns:1fr}
    .card-cover{height:196px}
    .footer-inner{flex-direction:column;text-align:center}
    .school-hero{min-height:380px}
    .school-logo-xl{width:108px;height:108px}
    .info-grid,.form-grid{grid-template-columns:1fr}
    .admin-main{padding:18px}
    .admin-head{flex-direction:column;align-items:stretch}
}

/* ===== Nategty V1.3 public UI polish ===== */
.hero-note{
    margin-top:18px;
    color:#486176;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(223,234,242,.95);
    border-radius:18px;
    padding:12px 15px;
    line-height:1.8;
    font-weight:800;
    max-width:760px;
}
.status-strip{
    margin-top:-28px;
    position:relative;
    z-index:5;
}
.status-pills{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    box-shadow:var(--shadow-soft);
    padding:14px;
}
.status-pill{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border:1px solid var(--border);
    border-radius:20px;
    padding:14px 16px;
    color:var(--blue-950);
    background:var(--blue-50);
    font-weight:900;
    transition:.2s ease;
}
.status-pill strong{
    min-width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:#fff;
    color:var(--blue-900);
    box-shadow:0 6px 16px rgba(16,50,86,.08);
}
.status-pill:hover,.status-pill.active{
    transform:translateY(-2px);
    border-color:rgba(45,167,216,.5);
    box-shadow:0 12px 26px rgba(16,50,86,.1);
}
.status-pill.is-published.active{background:#effbf7;border-color:#b9ecd8}
.status-pill.is-soon.active{background:#fff8ea;border-color:#f0d796}
.status-pill.is-closed.active{background:#f3f5f7;border-color:#d6dde5}
.card-chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 12px;
}
.card-chips span{
    background:var(--blue-50);
    border:1px solid var(--border);
    color:var(--blue-900);
    font-weight:900;
    font-size:12px;
    padding:6px 10px;
    border-radius:999px;
}
.platform-section{
    background:
        radial-gradient(circle at 12% 20%, rgba(45,167,216,.12), transparent 28%),
        linear-gradient(180deg,#fff,#f1f9fd);
}
.feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.feature-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    padding:24px;
    box-shadow:var(--shadow-soft);
    position:relative;
    overflow:hidden;
}
.feature-card:after{
    content:"";
    position:absolute;
    inset:auto -40px -55px auto;
    width:130px;
    height:130px;
    border-radius:50%;
    background:rgba(45,167,216,.1);
}
.feature-card span{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:linear-gradient(135deg,var(--blue-900),var(--blue-500));
    color:#fff;
    font-weight:900;
    margin-bottom:16px;
}
.feature-card h3{
    margin:0 0 10px;
    color:var(--blue-950);
    font-size:22px;
}
.feature-card p{
    margin:0;
    color:#536a80;
    line-height:1.9;
    font-weight:700;
}
.compact-features{margin-top:-20px}
.school-hero-actions{
    margin-top:24px;
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}
.school-hero-actions .btn.ghost{
    background:rgba(255,255,255,.92);
}
.action-row{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
.result-timeline{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin:20px 0;
}
.timeline-step{
    background:#f5f8fb;
    border:1px solid var(--border);
    border-radius:18px;
    padding:14px;
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--muted);
    font-weight:900;
}
.timeline-step span{
    width:18px;
    height:18px;
    border-radius:50%;
    border:3px solid #cbd8e4;
    background:#fff;
    flex:0 0 auto;
}
.timeline-step.done{
    background:#effbf7;
    border-color:#c6f0df;
    color:#08764f;
}
.timeline-step.done span{
    border-color:#0f9f6e;
    background:#0f9f6e;
    box-shadow:inset 0 0 0 3px #fff;
}
.side-mini-list{
    display:grid;
    gap:10px;
    margin-top:18px;
    text-align:right;
}
.side-mini-list div{
    background:var(--blue-50);
    border:1px solid var(--border);
    border-radius:18px;
    padding:12px 14px;
}
.side-mini-list span{
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    margin-bottom:4px;
}
.side-mini-list strong{
    color:var(--blue-950);
    font-size:15px;
}
[data-copy].copied{
    background:#0f9f6e!important;
    color:#fff!important;
    border-color:#0f9f6e!important;
}
@media (max-width:980px){
    .status-pills,.feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
    .status-strip{margin-top:0;padding-top:14px;background:#f7fbfe}
    .status-pills,.feature-grid,.result-timeline{grid-template-columns:1fr}
    .status-pills{border-radius:22px}
    .school-hero-actions .btn,.action-row .btn{width:100%;max-width:none}
}

/* ==============================
   Nategty Admin V1.4 enhancements
   ============================== */
.admin-head-dashboard{align-items:flex-start}
.admin-subtitle{margin:8px 0 0;color:var(--muted);font-weight:800;line-height:1.8}
.admin-head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.admin-stat-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:18px;box-shadow:var(--shadow-soft);display:block;transition:.2s ease;position:relative;overflow:hidden}
.admin-stat-card:before{content:"";position:absolute;inset:auto -38px -42px auto;width:120px;height:120px;border-radius:50%;background:rgba(45,167,216,.11)}
.admin-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.admin-stat-card span{display:block;color:var(--muted);font-weight:900;font-size:13px;margin-bottom:8px}
.admin-stat-card strong{display:block;color:var(--blue-950);font-size:36px;line-height:1;font-weight:900}
.admin-stat-card small{display:block;color:#6a7b8e;font-weight:800;margin-top:8px}
.admin-stat-card.success:before{background:rgba(15,159,110,.12)}
.admin-stat-card.warning:before{background:rgba(229,155,33,.14)}
.admin-stat-card.info:before{background:rgba(31,111,166,.12)}
.admin-toolbar{margin-bottom:20px;padding:18px}
.admin-filter-form{display:grid;grid-template-columns:1fr 220px auto;gap:14px;align-items:end}
.admin-filter-actions{display:flex;gap:10px;flex-wrap:wrap}
.admin-table-headline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.admin-table-headline strong{font-size:22px;color:var(--blue-950);font-weight:900;display:block}
.admin-table-headline small{color:var(--muted);font-weight:800;display:block;margin-top:4px}
.admin-mini-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mini-pill{display:inline-flex;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;background:#eef4f8;color:#4b6176}
.mini-pill.success{background:#e9fbf4;color:#08764f}
.mini-pill.warning{background:#fff8ea;color:#9a6512}
.mini-pill.dark{background:#eef0f4;color:#111827}
.admin-table.enhanced{min-width:1120px}
.admin-school-cell{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;min-width:260px;position:relative}
.admin-school-cell .admin-thumb{width:84px;height:62px;border-radius:16px;box-shadow:0 8px 18px rgba(16,50,86,.08)}
.admin-logo-over{position:absolute;right:54px;bottom:-5px;width:34px;height:34px;border-radius:10px;background:#fff;box-shadow:0 8px 16px rgba(16,50,86,.16)}
.admin-school-cell strong{font-size:16px;color:var(--blue-950);display:block;line-height:1.6}
.admin-school-cell small{color:var(--muted);font-weight:800;display:block;direction:ltr;text-align:right}
.featured-chip{display:inline-flex;margin-top:6px;background:#eef8fd;color:var(--blue-700);border:1px solid #cfebf8;padding:4px 8px;border-radius:999px;font-size:12px;font-style:normal;font-weight:900}
.table-main-text{color:var(--blue-950);display:block;line-height:1.5}
.table-sub-text{display:block;color:var(--muted);font-weight:800;margin-top:5px}
.leaders-mini{display:grid;gap:5px;min-width:180px}
.leaders-mini span{display:block;color:#41566d;font-weight:800;font-size:13px;line-height:1.55}
.leaders-mini .muted-mini{color:#98a6b5}
.admin-actions-wide{min-width:270px}
.btn.danger{background:#fff1f1;color:#b42323;border:1px solid #ffd0d0}
.btn.danger:hover{background:#ffe4e4}
.admin-form-layout{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}
.form-main-column{display:grid;gap:18px}
.form-side-column{position:sticky;top:24px;display:grid;gap:14px}
.form-section{padding:24px}
.form-section-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.form-section-head > span{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--blue-900),var(--blue-500));color:#fff;font-weight:900;box-shadow:0 10px 20px rgba(31,111,166,.18);flex:0 0 auto}
.form-section-head h2{margin:0;color:var(--blue-950);font-size:22px;line-height:1.35}
.form-section-head p{margin:5px 0 0;color:var(--muted);font-weight:800;line-height:1.7}
.save-panel{display:grid;gap:12px}
.save-panel h3{margin:0;color:var(--blue-950);font-size:24px}
.save-panel p,.admin-help-card p{margin:0;color:var(--muted);font-weight:800;line-height:1.9}
.admin-help-card strong{display:block;color:var(--blue-950);font-size:17px;margin-bottom:8px}
.wide-preview img{width:140px;height:82px}
@media (max-width:1100px){
    .admin-stats-grid{grid-template-columns:repeat(2,1fr)}
    .admin-filter-form{grid-template-columns:1fr 1fr}
    .admin-filter-actions{grid-column:1/-1}
    .admin-form-layout{grid-template-columns:1fr}
    .form-side-column{position:static;order:-1}
}
@media (max-width:680px){
    .admin-stats-grid{grid-template-columns:1fr}
    .admin-filter-form{grid-template-columns:1fr}
    .admin-table-headline{align-items:flex-start;flex-direction:column}
    .admin-mini-pills{justify-content:flex-start}
    .admin-head-actions .btn,.admin-filter-actions .btn,.save-panel .btn{width:100%}
    .form-section-head{align-items:flex-start}
}

/* ===== Nategty V1.4.3 school leaders adjustment ===== */
.leaders-grid{
    direction:rtl;
}
.leader-card.deputy-card{
    order:1;
}
.leader-card.principal-card{
    order:2;
}
.leader-card.no-photo{
    padding-top:28px;
    padding-bottom:28px;
    min-height:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.leader-card.no-photo span{
    margin-bottom:10px;
}
.leader-card.no-photo strong{
    line-height:1.7;
}
@media (max-width:680px){
    .leader-card.principal-card,
    .leader-card.deputy-card{
        order:initial;
    }
}

/* ===== Nategty V1.4.5 official school announcement page ===== */
.official-school-page{
    background:
        radial-gradient(circle at 8% 8%, rgba(45,167,216,.11), transparent 24%),
        linear-gradient(180deg,#f7fbfe 0%,#fff 45%,#f3f9fd 100%);
}
.official-hero{
    min-height:500px;
}
.official-hero .school-hero-overlay{
    background:
        linear-gradient(135deg, rgba(8,28,54,.92), rgba(18,58,99,.78) 52%, rgba(45,167,216,.48)),
        radial-gradient(circle at 50% 20%, rgba(255,255,255,.18), transparent 26%);
}
.official-hero-content{
    padding-top:78px;
    padding-bottom:72px;
}
.official-top-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 16px;
    margin-bottom:18px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.26);
    color:#fff;
    font-weight:900;
    backdrop-filter:blur(12px);
}
.hero-result-meta{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
    margin-top:20px;
}
.hero-result-meta span{
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.24);
    color:#fff;
    border-radius:999px;
    padding:8px 14px;
    font-weight:900;
    backdrop-filter:blur(10px);
}
.official-announcement-section{
    padding-top:0;
    margin-top:-72px;
    position:relative;
    z-index:3;
}
.official-announcement-layout{
    display:grid;
    grid-template-columns:1fr 330px;
    gap:24px;
    align-items:start;
}
.official-paper-card,
.official-side-card{
    background:rgba(255,255,255,.96);
    border:1px solid rgba(223,234,242,.95);
    border-radius:34px;
    box-shadow:0 28px 70px rgba(16,50,86,.13);
    overflow:hidden;
}
.official-paper-header{
    padding:28px 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    background:
        linear-gradient(135deg,rgba(233,246,251,.85),rgba(255,255,255,.92)),
        radial-gradient(circle at 10% 0%,rgba(45,167,216,.17),transparent 32%);
    border-bottom:1px solid var(--border);
}
.official-paper-header h2{
    margin:5px 0 0;
    color:var(--blue-950);
    font-size:clamp(25px,3vw,38px);
    line-height:1.35;
}
.official-stamp{
    transform:rotate(-5deg);
    min-width:125px;
    min-height:64px;
    display:grid;
    place-items:center;
    border-radius:18px;
    border:2px solid currentColor;
    color:var(--blue-800);
    background:rgba(255,255,255,.72);
    font-weight:900;
    font-size:17px;
    box-shadow:0 12px 26px rgba(16,50,86,.08);
}
.official-stamp.is-published{color:#0f8a63;background:#effbf7}
.official-stamp.is-soon{color:#a96b08;background:#fff8ea}
.official-stamp.is-closed{color:#53616f;background:#f3f5f7}
.official-paper-body{
    position:relative;
    padding:32px;
    overflow:hidden;
}
.official-watermark{
    position:absolute;
    left:30px;
    top:30px;
    width:190px;
    height:190px;
    object-fit:contain;
    opacity:.055;
    filter:grayscale(1);
    pointer-events:none;
}
.official-announcement-text{
    position:relative;
    margin:0 auto 26px;
    max-width:780px;
    color:#25384c;
    font-size:clamp(18px,2.1vw,25px);
    line-height:2.15;
    font-weight:800;
    text-align:center;
}
.official-data-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin:26px 0 0;
}
.official-data-grid div{
    background:var(--blue-50);
    border:1px solid var(--border);
    border-radius:20px;
    padding:15px;
    text-align:center;
}
.official-data-grid span{
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    margin-bottom:6px;
}
.official-data-grid strong{
    display:block;
    color:var(--blue-950);
    font-size:15px;
    line-height:1.7;
}
.official-result-panel{
    margin-top:24px;
    padding:26px;
    border-radius:28px;
    border:1px solid var(--border);
    background:linear-gradient(135deg,#f7fbfe,#fff);
    text-align:center;
}
.official-result-panel.is-published{
    background:linear-gradient(135deg,#effbf7,#fff);
    border-color:#c6f0df;
}
.official-result-panel.is-soon{
    background:linear-gradient(135deg,#fff8ea,#fff);
    border-color:#f5dfad;
}
.official-result-panel.is-closed{
    background:linear-gradient(135deg,#f3f5f7,#fff);
    border-color:#e0e5ea;
}
.official-result-panel h3{
    margin:0 0 8px;
    color:var(--blue-950);
    font-size:26px;
}
.official-result-panel p{
    margin:0 0 20px;
    color:var(--muted);
    font-weight:800;
    line-height:1.9;
}
.official-actions{
    justify-content:center;
}
.btn.whatsapp{
    background:#e9fbf3;
    color:#08764f;
    border:1px solid #bfead8;
}
.btn.whatsapp:hover{
    background:#d8f7ea;
}
.official-side-card{
    padding:26px;
    text-align:center;
    position:sticky;
    top:94px;
}
.official-side-card .side-logo{
    margin-top:12px;
}
.side-copy-btn{
    width:100%;
    margin-top:16px;
}
.official-leaders-section{
    margin-top:10px;
    background:linear-gradient(180deg,rgba(255,255,255,.2),#eef8fd);
}
@media (max-width:1050px){
    .official-announcement-layout{
        grid-template-columns:1fr;
    }
    .official-side-card{
        position:static;
    }
    .official-data-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media (max-width:680px){
    .official-hero{min-height:430px}
    .official-announcement-section{margin-top:-48px}
    .official-paper-header{
        flex-direction:column;
        align-items:flex-start;
        padding:24px;
    }
    .official-stamp{
        transform:none;
        width:100%;
        min-height:54px;
    }
    .official-paper-body{
        padding:24px 18px;
    }
    .official-data-grid{
        grid-template-columns:1fr;
    }
    .official-announcement-text{
        text-align:right;
        font-size:18px;
        line-height:2;
    }
    .hero-result-meta span{
        width:100%;
    }
    .official-actions .btn{
        width:100%;
        max-width:none;
    }
}

/* ==============================
   Nategty V1.4.6 Homepage polish
   ============================== */
.hero-section-v146{
    padding:86px 0 70px;
    background:
        radial-gradient(circle at 16% 18%, rgba(45,167,216,.22), transparent 30%),
        radial-gradient(circle at 86% 18%, rgba(11,37,69,.12), transparent 34%),
        linear-gradient(135deg,#f8fdff 0%,#eaf7fc 54%,#ffffff 100%);
}
.hero-grid-v146{grid-template-columns:1.08fr .92fr;gap:42px}
.home-trust-row{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:20px;
}
.home-trust-row span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    background:rgba(255,255,255,.74);
    border:1px solid rgba(223,234,242,.95);
    color:var(--blue-900);
    font-weight:900;
    border-radius:999px;
    padding:8px 12px;
    box-shadow:0 8px 18px rgba(16,50,86,.05);
}
.home-trust-row span:before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--blue-500);
}
.hero-showcase{display:grid;gap:16px;align-self:stretch}
.showcase-main{
    background:rgba(255,255,255,.74);
    border:1px solid rgba(255,255,255,.86);
    border-radius:32px;
    padding:24px;
    box-shadow:var(--shadow);
    backdrop-filter:blur(18px);
    position:relative;
    overflow:hidden;
}
.showcase-main:after{
    content:"";
    position:absolute;
    inset:auto -54px -64px auto;
    width:190px;
    height:190px;
    border-radius:50%;
    background:rgba(45,167,216,.12);
}
.showcase-main-head{position:relative;z-index:2;text-align:center;padding:8px 0 18px}
.showcase-main-head span{display:block;color:var(--blue-700);font-weight:900;margin-bottom:8px}
.showcase-main-head strong{display:block;color:var(--blue-950);font-weight:900;font-size:64px;line-height:1}
.showcase-main-head small{display:block;color:var(--muted);font-weight:900;margin-top:8px}
.showcase-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.showcase-stats div{background:#fff;border:1px solid var(--border);border-radius:22px;padding:14px;text-align:center;box-shadow:var(--shadow-soft)}
.showcase-stats strong{display:block;color:var(--blue-900);font-size:30px;line-height:1;font-weight:900}
.showcase-stats span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-top:7px}
.latest-result-card{
    min-height:286px;
    border-radius:34px;
    overflow:hidden;
    position:relative;
    background:var(--blue-950);
    box-shadow:var(--shadow);
    border:1px solid rgba(255,255,255,.85);
}
.latest-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}
.latest-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(11,37,69,.12), rgba(11,37,69,.84))}
.latest-content{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#fff;text-align:right}
.latest-logo{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:22px;padding:8px;box-shadow:0 16px 34px rgba(0,0,0,.2);margin-bottom:auto}
.latest-content .status-badge{position:static;margin-bottom:10px;background:#0f9f6e}
.latest-content h3{font-size:23px;line-height:1.45;margin:0 0 6px;max-width:100%}
.latest-content p{margin:0 0 14px;color:#dff2fb;font-weight:800;line-height:1.7}
.latest-empty{height:100%;min-height:286px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;background:linear-gradient(135deg,var(--blue-950),var(--blue-800));color:#fff}
.latest-empty span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:8px 16px;border-radius:999px;font-weight:900;margin-bottom:12px}
.latest-empty h3{margin:0 0 8px;font-size:26px}
.latest-empty p{margin:0;color:#d8edf8;line-height:1.9;font-weight:800}
.status-strip-v146{margin-top:-34px}
.school-grid-v146{gap:26px}
.school-card-v146{
    border-radius:30px;
    background:rgba(255,255,255,.98);
}
.school-card-v146.is-published{border-color:#c8f0df}
.school-card-v146.is-soon{border-color:#f3dfb7}
.school-card-v146 .card-cover{height:226px}
.school-card-v146 .card-cover:after{background:linear-gradient(to top, rgba(11,37,69,.64), rgba(11,37,69,.18) 48%, transparent 78%)}
.card-cover-caption{
    position:absolute;
    z-index:4;
    inset:auto 16px 16px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#fff;
    font-weight:900;
    text-shadow:0 2px 12px rgba(0,0,0,.26);
}
.card-cover-caption span,
.card-cover-caption strong{
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter:blur(8px);
    padding:7px 10px;
    border-radius:999px;
    font-size:12px;
}
.school-card-v146 .card-body{padding-top:42px}
.card-admin-name{padding-inline-start:86px;min-height:22px}
.school-card-v146 .result-line{
    background:var(--blue-50);
    border:1px solid var(--border);
    border-radius:18px;
    padding:12px 14px;
    margin:14px 0;
    color:#37506a;
    font-weight:800;
}
.card-mini-leader{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    background:#fff;
    border:1px dashed var(--border);
    border-radius:16px;
    padding:10px 12px;
    margin-bottom:14px;
}
.card-mini-leader span{color:var(--muted);font-size:12px;font-weight:900}
.card-mini-leader strong{color:var(--blue-950);font-size:14px;font-weight:900;text-align:left}
.card-actions-v146{align-items:center}
.card-actions-v146 .btn{flex:0 0 auto}
.link-btn{background:transparent;color:var(--blue-700);padding-inline:4px;box-shadow:none!important}
.link-btn:hover{color:var(--blue-950)}
.featured-section-v146{background:linear-gradient(180deg,#fff,#f7fcff)}
.platform-section-v146{padding-top:58px}
.feature-grid-v146 .feature-card{transition:.2s ease}
.feature-grid-v146 .feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
@media (max-width:980px){
    .hero-grid-v146{grid-template-columns:1fr}
    .hero-showcase{grid-template-columns:1fr 1fr;align-items:stretch}
    .latest-result-card{min-height:100%}
}
@media (max-width:680px){
    .hero-section-v146{padding:50px 0 36px}
    .hero-showcase{grid-template-columns:1fr}
    .showcase-stats{grid-template-columns:1fr 1fr 1fr}
    .showcase-main-head strong{font-size:52px}
    .latest-result-card,.latest-empty{min-height:250px}
    .school-card-v146 .card-cover{height:206px}
    .card-cover-caption{align-items:flex-start;flex-direction:column}
    .card-admin-name{padding-inline-start:0}
    .card-actions-v146 .btn{width:100%}
    .link-btn{justify-content:center;background:var(--blue-50);border:1px solid var(--border)}
}

/* ===== Nategty V1.4.7 clean homepage school cards ===== */
.school-card-v146 .card-cover:after{
    background:linear-gradient(to top, rgba(11,37,69,.36), rgba(11,37,69,.06) 48%, transparent 78%);
}
.card-term-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin:8px 0 14px;
    padding-inline-start:86px;
}
.card-term-row span,
.card-term-row strong{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    border-radius:999px;
    padding:7px 12px;
    background:var(--blue-50);
    border:1px solid var(--border);
    color:var(--blue-900);
    font-size:12px;
    font-weight:900;
    line-height:1.3;
}
.card-term-row strong{
    background:#fff;
    color:var(--blue-950);
}
.card-actions-clean{
    margin-top:16px;
}
.card-actions-clean .details-btn{
    width:100%;
    min-height:46px;
    font-size:15px;
    border-radius:15px;
    box-shadow:0 12px 24px rgba(31,111,166,.18);
}
.school-card-v146 .card-mini-leader{
    margin-top:12px;
}
@media (max-width:680px){
    .card-term-row{
        padding-inline-start:0;
    }
}