:root{
                    --fh-bg:#0e2158;
                    --fh-bg-soft:#204cb3;
                    --fh-card:rgba(255,255,255,.08);
                    --fh-card-solid:#ffffff;
                    --fh-border:rgba(16,40,74,.12);
                    --fh-text:#10284a;
                    --fh-text-light:#f6f8fc;
                    --fh-muted:#607493;
                    --fh-primary:#204cb3;
                    --fh-primary-2:#122f75;
                    --fh-accent:#d9b45f;
                    --fh-accent-soft:#f6ebca;
                    --fh-success:#1f8f66;
                    --fh-warning:#c79d45;
                    --fh-danger:#f43f5e;
                    --fh-shadow:0 24px 60px rgba(11,31,73,.18);
                    --fh-radius:24px;
                }
                html,body{overflow-x:hidden}
                body{
                    font-family:'Tajawal',sans-serif !important;
                    background:#f3f7ff;
                }
                .entry-content, .site-content, .container, article, .content-area, .ast-container, .site-main, .site-primary-footer-wrap, .wp-site-blocks{
                    max-width:100% !important;
                    width:100% !important;
                    padding:0 !important;
                    margin:0 !important;
                }
                .fh-app *{box-sizing:border-box}
                .fh-app{
                    direction:rtl;
                    min-height:100vh;
                    background:
                        radial-gradient(circle at top right, rgba(217,180,95,.14), transparent 26%),
                        radial-gradient(circle at left bottom, rgba(32,76,179,.14), transparent 30%),
                        linear-gradient(180deg, #f7faff 0%, #eef4ff 58%, #f8f2e1 100%);
                    color:var(--fh-text);
                }
                .fh-shell{max-width:1440px; margin:0 auto; padding:132px 24px 48px;}
                .fh-navbar{
                    position:fixed; top:0; left:0; right:0; z-index:9999;
                    width:100%;
                    display:flex;
                    flex-direction:column;
                    gap:12px;
                    margin:0; padding:18px 24px;
                    background:linear-gradient(90deg, rgba(7,20,56,.98) 0%, rgba(14,33,88,.97) 48%, rgba(32,76,179,.95) 100%);
                    backdrop-filter:blur(16px);
                    border-bottom:1px solid rgba(208,172,87,.16);
                    box-shadow:0 8px 24px rgba(18,47,84,.2);

                }
                .fh-navbar-head{
                    width:100%;
                    display:flex;
                    align-items:center;
                    justify-content:space-between;
                    gap:12px;
                }
                .fh-brand{
                    display:flex; align-items:center; gap:12px; text-decoration:none !important; color:#fff !important;
                }
                .fh-nav-toggle{
                    display:none;
                    appearance:none;
                    border:1px solid rgba(255,255,255,.2);
                    background:rgba(255,255,255,.08);
                    color:#fff;
                    font-size:18px;
                    line-height:1;
                    width:40px;
                    height:40px;
                    border-radius:12px;
                    cursor:pointer;
                }
                .fh-brand-mark{
                    width:62px; height:50px; border-radius:14px;
                    display:flex; align-items:center; justify-content:center;
                    background:#fff;
                    box-shadow:0 10px 24px rgba(56,189,248,.16);
                    overflow:hidden;
                    padding:4px;
                    flex:0 0 auto;
                }
                .fh-brand-logo{display:block; width:100%; height:100%; object-fit:contain; border-radius:10px; background:#fff}
                .fh-brand-text{display:flex; flex-direction:column; line-height:1.1}
                .fh-brand-text strong{font-size:22px; font-weight:900}
                .fh-brand-text strong,
                .fh-brand-text span{white-space:nowrap}
                .fh-brand-text span{font-size:12px; color:#d9c078; letter-spacing:.04em; text-transform:uppercase}
                .fh-nav-panel{
                    width:100%;
                    display:grid;
                    grid-template-columns:1fr auto;
                    gap:12px;
                    align-items:center;
                }
                .fh-nav-links{
                    display:flex;
                    align-items:center;
                    justify-content:flex-start;
                    gap:12px;
                    flex-wrap:wrap;
                    min-width:0;
                }
                .fh-nav-link{color:#fff !important; text-decoration:none !important; font-weight:700; padding:10px 16px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(208,172,87,.14); transition: all 0.3s ease;}
                .fh-nav-link:hover{background:rgba(208,172,87,.18); border-color:rgba(208,172,87,.34);}
                .fh-nav-meta{
                    display:flex;
                    align-items:center;
                    justify-content:flex-end;
                    gap:10px;
                    flex-wrap:wrap;
                    min-width:0;
                }
                .fh-pill{
                    padding:10px 16px; border-radius:999px; background:rgba(255,255,255,.08); color:#fff;
                    border:1px solid rgba(208,172,87,.14); font-weight:700; font-size:14px;
                }
                .fh-pill strong{color:#f2d48a}
                .fh-logout{color:#fff !important; text-decoration:none !important; font-weight:800; padding:10px 16px; border-radius:999px; background:rgba(244,63,94,.16); border:1px solid rgba(244,63,94,.25)}
                .fh-theme-toggle{
                    border:none;
                    color:#fff;
                    text-decoration:none !important;
                    font-family:'Tajawal',sans-serif !important;
                    font-weight:800;
                    width:46px;
                    height:46px;
                    min-width:46px;
                    min-height:46px;
                    padding:0;
                    border-radius:999px;
                    background:rgba(255,255,255,.1);
                    border:1px solid rgba(255,255,255,.18);
                    cursor:pointer;
                    transition:all .24s ease;
                    display:inline-flex;
                    align-items:center;
                    justify-content:center;
                }
                .fh-theme-toggle::before{
                    content:"☾";
                    font-size:20px;
                    line-height:1;
                }
                .fh-theme-toggle[data-theme-state="dark"]::before{
                    content:"☀";
                    font-size:18px;
                }
                .fh-theme-toggle:hover{background:rgba(208,172,87,.18); border-color:rgba(208,172,87,.32); transform:translateY(-1px)}
                .fh-hero{
                    background:linear-gradient(135deg,#0e2158 0%,#204cb3 55%,#2e63d4 100%);
                    border-radius:36px; padding:34px; color:#fff; position:relative; overflow:hidden;
                    box-shadow:var(--fh-shadow);
                    margin-bottom:26px;
                }
                .fh-hero .fh-title, .fh-hero h1, .fh-hero h2, .fh-hero h3{color:#fff !important}
                .fh-hero:before, .fh-hero:after{
                    content:""; position:absolute; border-radius:50%; filter:blur(20px);
                }
                .fh-hero:before{width:240px; height:240px; background:rgba(255,255,255,.12); top:-60px; left:-40px;}
                .fh-hero:after{width:260px; height:260px; background:rgba(217,180,95,.2); bottom:-90px; right:-30px;}
                .fh-hero-grid{display:grid; grid-template-columns:1.5fr 1fr; gap:24px; align-items:center; position:relative; z-index:2}
                .fh-title{font-size:40px; margin:0 0 10px; font-weight:900}
                .fh-subtitle{margin:0; color:#e1ecff; font-size:17px; line-height:1.8}
                .fh-badges{display:flex; gap:10px; flex-wrap:wrap; margin-top:20px}
                .fh-badge{padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(208,172,87,.18); font-weight:700; color:#fff}
                .fh-badge-success{background:#ecfdf5; color:#047857; border:1px solid #a7f3d0}
                .fh-status-pill{
                    display:inline-flex;
                    align-items:center;
                    justify-content:center;
                    padding:6px 10px;
                    border-radius:999px;
                    font-size:12px;
                    font-weight:800;
                    border:1px solid transparent;
                    white-space:nowrap;
                }
                .fh-status-upcoming{background:#e0f2fe; color:#075985; border-color:#bae6fd}
                .fh-status-today{background:#fff7ed; color:#9a3412; border-color:#fed7aa}
                .fh-status-live{background:#dcfce7; color:#166534; border-color:#86efac}
                .fh-status-done{background:#eef2ff; color:#3730a3; border-color:#c7d2fe}
                .fh-status-unscheduled{background:#f1f5f9; color:#334155; border-color:#cbd5e1}
                .fh-stat-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin:24px 0}
                .fh-card{
                    background:#ffffff; border-radius:28px; padding:24px; box-shadow:0 14px 44px rgba(18,47,84,.08);
                    border:1px solid #dce6f6; overflow:hidden;
                }
                .fh-card-dark{
                    background:linear-gradient(180deg,#0d214f 0%, #12306f 100%);
                    color:#fff; border:1px solid rgba(217,180,95,.16);
                }
                .fh-card h3{margin:0 0 8px; font-size:22px; color:#102843}
                .fh-card p{margin:0; line-height:1.8; color:#2a4563}
                .fh-card-dark h3, .fh-card-dark p, .fh-card-dark .fh-kpi{color:#fff !important}
                .fh-card-dark a{color:#efd38a !important}
                .fh-card-dark a:hover{color:#fff1bf !important}
                .fh-kpi{font-size:40px; font-weight:900; margin:12px 0 4px}
                .fh-muted{color:var(--fh-muted)}
                .fh-card-dark .fh-muted{color:#e6eefb; font-weight:600}
                .fh-card-dark .fh-btn-soft{
                    background:var(--fh-accent-soft);
                    color:#5f4307 !important;
                    border:1px solid rgba(95,67,7,.14);
                }
                .fh-card-dark .fh-btn-soft:hover{
                    background:#f0dc9e;
                    color:#4d3403 !important;
                }
                .fh-card-dark .fh-btn-primary{
                    box-shadow:0 14px 30px rgba(10,45,89,.35);
                }
                .fh-admin-tools .fh-btn-soft{
                    background:var(--fh-accent-soft);
                    color:#4f3600 !important;
                    border:1px solid rgba(79,54,0,.18);
                    text-shadow:none;
                }
                .fh-admin-tools .fh-btn-soft:hover{
                    background:#eed791;
                    color:#3c2900 !important;
                }
                .fh-admin-tools .fh-btn-warning{
                    background:#f2e2b4;
                    color:#5b3d00 !important;
                    border:1px solid rgba(91,61,0,.2);
                }
                .fh-admin-tools .fh-btn-warning:hover{
                    background:#e9cf86;
                    color:#452e00 !important;
                }
                .fh-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:20px}
                .fh-btn{
                    appearance:none; border:none; cursor:pointer; text-decoration:none !important;
                    display:inline-flex; align-items:center; justify-content:center; gap:10px;
                    padding:14px 20px; border-radius:18px; font-weight:800; font-size:15px;
                    transition:.24s ease; width:auto;
                }
                .fh-btn:hover{transform:translateY(-2px)}
                .fh-btn-primary{background:linear-gradient(135deg,var(--fh-primary),var(--fh-primary-2)); color:#fff !important; box-shadow:0 12px 28px rgba(18,63,121,.28)}
                .fh-btn-dark{background:#091b4a; color:#fff !important}
                .fh-btn-soft{background:var(--fh-accent-soft); color:#6f5315 !important}
                .fh-btn-danger{background:#fff1f4; color:#be123c !important}
                .fh-btn-warning{background:#f6ebcd; color:#7a5a18 !important}
                .fh-btn-block{width:100%}
                .fh-form-group{margin-bottom:16px}
                .fh-label{display:block; font-weight:800; margin-bottom:8px; color:#10233a}
                .fh-input, .fh-select, .fh-textarea{
                    width:100%; border-radius:18px; border:1px solid #d8e5f3; padding:14px 16px;
                    font-size:16px; background:#f7faff; outline:none; font-family:'Tajawal',sans-serif;
                    color:#0f2238;
                    transition:border-color .2s ease, box-shadow .2s ease;
                }
                .fh-input::placeholder, .fh-select::placeholder, .fh-textarea::placeholder{color:#6b829f}
                .fh-input:focus, .fh-select:focus, .fh-textarea:focus{border-color:#d0ac57; box-shadow:0 0 0 4px rgba(208,172,87,.14)}
                .fh-price{font-size:54px; font-weight:900; color:#0f172a; margin:16px 0 8px}
                .fh-money{
                    display:inline-flex;
                    align-items:baseline;
                    gap:.35em;
                    direction:ltr;
                    unicode-bidi:isolate;
                    white-space:nowrap;
                }
                .fh-sar-symbol{
                    display:inline-flex;
                    align-items:center;
                    justify-content:center;
                    width:.82em;
                    height:.82em;
                    flex:0 0 auto;
                    transform:translateY(.05em);
                    font-size:1em;
                    line-height:1;
                    font-weight:900;
                }
                .fh-sar-symbol img{
                    width:100%;
                    height:100%;
                    display:block;
                    object-fit:contain;
                }
                .fh-price .fh-sar-symbol{
                    width:.9em;
                    height:.9em;
                    transform:translateY(.02em);
                }
                .fh-badge .fh-sar-symbol{width:.78em; height:.78em}
                .fh-kpi .fh-sar-symbol{width:.8em; height:.8em}
                .fh-table .fh-sar-symbol{width:.75em; height:.75em}
                .fh-list{display:flex; flex-direction:column; gap:14px}
                .fh-item{
                    display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap;
                    padding:18px; background:#f7faff; border:1px solid #dce6f6; border-radius:22px;
                }
                .fh-item-head{display:flex; flex-direction:column; gap:6px}
                .fh-item-title{font-size:18px; font-weight:800}
                .fh-item-meta{color:#58708f; font-size:14px; font-weight:600}
                .fh-item-action{display:flex; flex-direction:column; align-items:flex-end; gap:8px; max-width:360px}
                .fh-item-note{
                    margin-top:0;
                    text-align:right;
                    line-height:1.5;
                    font-size:12px;
                    font-weight:600;
                    color:#6c84a3;
                    max-width:260px;
                }
                .fh-item-countdown-wrap{
                    display:flex;
                    justify-content:flex-end;
                    width:100%;
                }
                .fh-room-state{
                    min-width:156px;
                    justify-content:center;
                    border-radius:999px;
                    font-weight:800;
                    font-size:12px;
                    padding:10px 16px;
                    border:1px solid transparent;
                    opacity:1;
                    cursor:not-allowed;
                    box-shadow:none;
                }
                .fh-room-state[disabled]{opacity:1}
                .fh-room-state.fh-status-upcoming{background:#e0f2fe; color:#075985 !important; border-color:#bae6fd}
                .fh-room-state.fh-status-done{background:#eef2ff; color:#3730a3 !important; border-color:#c7d2fe}
                .fh-room-state.fh-status-live{background:#dcfce7; color:#166534 !important; border-color:#86efac}
                .fh-title .fh-accent,
                .fh-kpi .fh-accent,
                .fh-item-title .fh-accent{color:var(--fh-accent)}
                .fh-level-option{
                    display:flex;
                    align-items:flex-start;
                    gap:10px;
                    margin-bottom:10px;
                    padding:10px 12px;
                    border:1px solid #d9e6f5;
                    border-radius:12px;
                    background:#f4f8ff;
                    color:#10233a;
                    font-weight:600;
                    cursor:pointer;
                    transition:all .2s ease;
                }
                .fh-level-option:last-child{margin-bottom:0}
                .fh-level-option:hover{
                    background:#eef6ff;
                    border-color:#bcd7f3;
                }
                .fh-level-option input[type="radio"]{
                    margin-top:2px;
                    flex:0 0 auto;
                    accent-color:#204cb3;
                }
                .fh-alert{padding:16px 18px; border-radius:18px; margin-bottom:18px; font-weight:700}
                .fh-alert-success{background:#ecfdf5; color:#047857; border:1px solid #a7f3d0}
                .fh-alert-error{background:#fff1f2; color:#be123c; border:1px solid #fecdd3}
                .fh-alert-info{background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe}
                .fh-auth-wrap{min-height:100vh; display:flex; align-items:center; justify-content:center; padding:28px}
                .fh-auth-card{
                    width:min(480px,100%); background:rgba(255,255,255,.88); backdrop-filter:blur(16px); border-radius:32px;
                    padding:28px; border:1px solid rgba(255,255,255,.7); box-shadow:0 24px 60px rgba(15,23,42,.12)
                }
                .fh-auth-title{margin:0 0 8px; font-size:32px; font-weight:900}
                .fh-auth-desc{margin:0 0 22px; color:#60758f}
                .fh-teacher-avatar{
                    width:120px;
                    height:120px;
                    min-width:120px;
                    min-height:120px;
                    border-radius:50%;
                    object-fit:cover;
                    display:block;
                    margin:0 auto 14px;
                    border:5px solid #f0f7ff;
                    box-shadow:0 14px 30px rgba(15,23,42,.08);
                    overflow:hidden;
                }
                .fh-room{background:#020617; min-height:100vh}
                .fh-room iframe{width:100%; min-height:100vh; border:none}
                .fh-empty{text-align:center; color:#6b7c93; padding:24px 10px}
                .fh-empty-classroom{
                    display:flex;
                    flex-direction:column;
                    gap:10px;
                    align-items:center;
                    justify-content:center;
                    min-height:220px;
                    border:1px dashed #c8d8ef;
                    border-radius:26px;
                    background:
                        radial-gradient(circle at top, rgba(32,76,179,.08), transparent 42%),
                        linear-gradient(180deg, #fbfdff 0%, #f4f8ff 100%);
                }
                .fh-empty-classroom strong{
                    font-size:22px;
                    color:#10284a;
                }
                .fh-empty-classroom span{
                    max-width:560px;
                    line-height:1.9;
                    color:#69809d;
                }
                .fh-table-wrap{overflow:auto; border:1px solid #e5eef7; border-radius:22px}
                .fh-table{width:100%; border-collapse:collapse; background:#fff}
                .fh-table th,.fh-table td{padding:14px 16px; text-align:right; border-bottom:1px solid #edf2f7; white-space:nowrap}
                .fh-table th{background:#f4f8ff; color:#18324d; font-weight:900}
                .fh-table td{color:#1f3c59}
                .fh-section-head{
                    display:flex;
                    align-items:flex-end;
                    justify-content:space-between;
                    gap:18px;
                    margin-bottom:22px;
                }
                .fh-section-title{
                    margin:0 0 8px;
                    font-size:24px;
                    font-weight:900;
                    color:#10284a;
                }
                .fh-section-text{
                    margin:0;
                    color:#64809f;
                    line-height:1.8;
                    font-size:15px;
                }
                .fh-section-chip{
                    display:inline-flex;
                    align-items:center;
                    justify-content:center;
                    padding:10px 16px;
                    border-radius:999px;
                    background:linear-gradient(135deg, rgba(32,76,179,.1), rgba(217,180,95,.14));
                    border:1px solid rgba(32,76,179,.12);
                    color:#21458d;
                    font-weight:800;
                    white-space:nowrap;
                }
                .fh-classroom-hero-badges strong{
                    color:#fff3cb;
                    font-weight:900;
                }
                .fh-classroom-list{display:flex; flex-direction:column; gap:16px}
                .fh-classroom-row{
                    position:relative;
                    display:grid;
                    grid-template-columns:minmax(0,1fr) auto;
                    gap:20px;
                    align-items:center;
                    padding:22px 24px;
                    border:1px solid #d8e3f3;
                    border-radius:28px;
                    background:
                        linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,255,.98) 100%);
                    box-shadow:0 18px 38px rgba(16,40,74,.08);
                    overflow:hidden;
                    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
                }
                .fh-classroom-row:hover{
                    transform:translateY(-2px);
                    box-shadow:0 24px 44px rgba(16,40,74,.12);
                    border-color:#bfd1ec;
                }
                .fh-classroom-glow{
                    position:absolute;
                    inset:auto auto -30px -20px;
                    width:180px;
                    height:180px;
                    border-radius:50%;
                    background:radial-gradient(circle, rgba(32,76,179,.12) 0%, rgba(32,76,179,0) 72%);
                    pointer-events:none;
                }
                .fh-classroom-main{
                    display:flex;
                    flex-direction:column;
                    gap:14px;
                    min-width:0;
                    position:relative;
                    z-index:1;
                }
                .fh-classroom-top{
                    display:flex;
                    align-items:flex-start;
                    justify-content:space-between;
                    gap:16px;
                }
                .fh-classroom-identity{
                    display:flex;
                    flex-direction:column;
                    gap:6px;
                    min-width:0;
                    flex:1 1 auto;
                    padding-top:2px;
                }
                .fh-classroom-label{
                    color:#7a8ea9;
                    font-size:12px;
                    font-weight:800;
                    letter-spacing:.08em;
                    text-transform:uppercase;
                    line-height:1.3;
                }
                .fh-classroom-title{
                    margin:0;
                    font-size:24px;
                    line-height:1.35;
                    font-weight:900;
                    color:#0f2a4d;
                    word-break:break-word;
                }
                .fh-classroom-top .fh-status-pill{
                    flex:0 0 auto;
                    align-self:flex-start;
                    margin-top:2px;
                }
                .fh-classroom-action{
                    display:flex;
                    align-items:center;
                    justify-content:flex-end;
                    min-width:180px;
                    position:relative;
                    z-index:1;
                }
                .fh-classroom-action .fh-btn{
                    min-width:180px;
                    min-height:48px;
                    padding:12px 20px;
                    font-size:15px;
                    border-radius:999px;
                    box-shadow:0 16px 30px rgba(24,63,142,.18);
                }
                .fh-classroom-disabled{
                    background:linear-gradient(180deg, #edf2fa 0%, #e6edf7 100%);
                    border:1px solid #d7e0ef;
                    color:#6d819e;
                    cursor:not-allowed;
                    box-shadow:none !important;
                }
                .fh-classroom-locked{
                    display:inline-flex;
                    align-items:center;
                    justify-content:center;
                    min-height:46px;
                    padding:10px 18px;
                    border-radius:999px;
                    background:linear-gradient(180deg, #eef3fa 0%, #e6edf7 100%);
                    border:1px solid #d6e0ef;
                    color:#627b9d;
                    font-size:14px;
                    font-weight:800;
                    white-space:nowrap;
                }
                .fh-classroom-meta{
                    display:flex;
                    align-items:center;
                    flex-wrap:wrap;
                    gap:12px;
                }
                .fh-classroom-meta-item{
                    display:grid;
                    grid-template-columns:1fr 38px;
                    align-items:center;
                    column-gap:12px;
                    min-height:64px;
                    min-width:0;
                    width:auto;
                    min-width:220px;
                    padding:14px 16px;
                    border-radius:20px;
                    background:linear-gradient(180deg, #f9fbff 0%, #f1f6fd 100%);
                    border:1px solid #dbe5f3;
                    color:#18324d;
                    text-align:right;
                    box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
                    overflow:hidden;
                }
                .fh-classroom-meta-icon{
                    width:38px;
                    height:38px;
                    border-radius:12px;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    background:linear-gradient(135deg, #e7eefb 0%, #dce8fb 100%);
                    color:#2a4f97;
                    flex:0 0 auto;
                    align-self:center;
                }
                .fh-classroom-meta-icon svg{
                    width:15px;
                    height:15px;
                    display:block;
                }
                .fh-classroom-meta-copy{
                    display:flex;
                    flex-direction:column;
                    align-items:flex-end;
                    gap:6px;
                    min-width:0;
                }
                .fh-classroom-meta-label{
                    color:#7b90ab;
                    font-size:12px;
                    font-weight:800;
                    line-height:1.4;
                }
                .fh-classroom-meta-item strong{
                    color:#18324d;
                    font-size:17px;
                    font-weight:800;
                    line-height:1.35;
                    white-space:nowrap;
                    word-break:normal;
                }
                .fh-classroom-note{
                    display:inline-flex;
                    align-items:center;
                    width:fit-content;
                    max-width:100%;
                    padding:8px 14px;
                    border-radius:999px;
                    background:rgba(32,76,179,.06);
                    border:1px solid rgba(32,76,179,.08);
                    color:#45617f;
                    font-size:12px;
                    font-weight:700;
                    line-height:1.5;
                    margin:0;
                }
                .fh-btn-sm{padding:8px 14px; font-size:13px; font-weight:700}
                .fh-activity-log{display:flex; flex-direction:column; gap:12px}
                .fh-activity-item{display:flex; align-items:center; gap:14px; padding:14px; background:#f4f8ff; border:1px solid #dce6f6; border-radius:18px}
                .fh-activity-icon{width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,var(--fh-primary),var(--fh-primary-2)); display:flex; align-items:center; justify-content:center; font-size:18px; color:#062033}
                .fh-activity-content{display:flex; flex-direction:column; gap:4px; flex:1}
                .fh-activity-content strong{margin:0; font-weight:800; color:#10233a}
                .fh-activity-content small{margin:0; color:#6b7c93; font-size:13px}
                .fh-activity-delete{flex:0 0 auto}
                .fh-has-app .entry-header,
                .fh-has-app .entry-title,
                .fh-has-app .page-header,
                .fh-has-app #masthead,
                .fh-has-app .site-header,
                .fh-has-app header[role="banner"]{display:none !important}
                .fh-has-app .site-content{padding-top:0 !important}
                body.admin-bar .fh-navbar{top:32px}
                @media (max-width: 782px){
                    body.admin-bar .fh-navbar{top:46px}
                }
                .fh-lang-toggle{
                    position:fixed;
                    left:20px;
                    bottom:20px;
                    z-index:10001;
                    border:none;
                    border-radius:999px;
                    background:linear-gradient(135deg,#204cb3,#122f75);
                    color:#fff;
                    padding:10px 16px;
                    font-weight:800;
                    font-size:13px;
                    cursor:pointer;
                    box-shadow:0 12px 28px rgba(18,63,121,.25);
                }
                .fh-lang-toggle:hover{transform:translateY(-1px)}
                body.fh-dark{
                    background:#0b1220;
                    color:#d9e7ff;
                }
                body.fh-dark .fh-app{
                    background:
                        radial-gradient(circle at top right, rgba(217,180,95,.12), transparent 28%),
                        radial-gradient(circle at left bottom, rgba(32,76,179,.16), transparent 30%),
                        linear-gradient(180deg,#071021 0%,#0d1c31 100%);
                    color:#d9e7ff;
                }
                body.fh-dark .fh-navbar{
                    background:linear-gradient(90deg, rgba(4,10,24,.98) 0%, rgba(9,27,74,.96) 60%, rgba(18,47,117,.94) 100%);
                    border-bottom-color:rgba(208,172,87,.18);
                }
                body.fh-dark .fh-nav-link,
                body.fh-dark .fh-pill,
                body.fh-dark .fh-theme-toggle{
                    background:rgba(208,172,87,.08);
                    border-color:rgba(208,172,87,.2);
                }
                body.fh-dark .fh-card{
                    background:#0d1e40;
                    border-color:#294b8b;
                    box-shadow:0 16px 40px rgba(2,8,20,.5);
                }
                body.fh-dark .fh-card h3{color:#e8f1ff}
                body.fh-dark .fh-card p,
                body.fh-dark .fh-item-meta,
                body.fh-dark .fh-muted{color:#a7bddb}
                body.fh-dark .fh-price,
                body.fh-dark .fh-money,
                body.fh-dark .fh-money-value,
                body.fh-dark #neo_total_price{
                    color:#eef4ff !important;
                }
                body.fh-dark .fh-sar-symbol img{
                    /* Official SAR SVG is dark by default; invert it in dark mode for contrast */
                    filter:brightness(0) invert(1);
                }
                body.fh-dark .fh-item{
                    background:#102347;
                    border-color:#2b5293;
                }
                body.fh-dark .fh-item-title{color:#eef4ff}
                body.fh-dark .fh-item-note{color:#9eb5d1}
                body.fh-dark .fh-item-countdown-wrap .fh-classroom-countdown{
                    background:rgba(68, 109, 201, 0.18);
                    color:#d9e6ff;
                }
                body.fh-dark .fh-item-countdown-wrap .fh-classroom-countdown.is-live{
                    background:rgba(46, 204, 113, 0.18);
                    color:#8ef0b7;
                }
                body.fh-dark .fh-room-state.fh-status-upcoming{background:#11324f; color:#8dd9ff !important; border-color:#2b5d87}
                body.fh-dark .fh-room-state.fh-status-done{background:#252b55; color:#c5cdfd !important; border-color:#3a4580}
                body.fh-dark .fh-room-state.fh-status-live{background:#123b2c; color:#9ff0c7 !important; border-color:#2f6e55}
                body.fh-dark .fh-level-option{
                    background:#0c1e3f;
                    border-color:#294b78;
                    color:#e6f0ff;
                }
                body.fh-dark .fh-level-option:hover{
                    background:#163150;
                    border-color:#3b5f86;
                }
                body.fh-dark .fh-level-option input[type="radio"]{
                    accent-color:#38bdf8;
                }
                body.fh-dark .fh-activity-item{
                    background:#102347;
                    border-color:#2b5293;
                }
                body.fh-dark .fh-activity-content strong{color:#eef4ff}
                body.fh-dark .fh-activity-content small{color:#9fb8d9}
                body.fh-dark .fh-table-wrap{border-color:#2a4160}
                body.fh-dark .fh-table{background:#0f1f36}
                body.fh-dark .fh-table th{
                    background:#12306f;
                    color:#eef4ff;
                    border-bottom-color:#315894;
                }
                body.fh-dark .fh-table td{
                    color:#d7e6ff;
                    border-bottom-color:#254977;
                }
                body.fh-dark .fh-empty-classroom{
                    background:
                        radial-gradient(circle at top, rgba(32,76,179,.18), transparent 42%),
                        linear-gradient(180deg, #102138 0%, #0e1c31 100%);
                    border-color:#284161;
                }
                body.fh-dark .fh-empty-classroom strong{color:#eef4ff}
                body.fh-dark .fh-empty-classroom span{color:#9eb5d1}
                body.fh-dark .fh-section-title{color:#eef4ff}
                body.fh-dark .fh-section-text{color:#9eb5d1}
                body.fh-dark .fh-section-chip{
                    background:linear-gradient(135deg, rgba(61,128,230,.16), rgba(217,180,95,.16));
                    border-color:rgba(108,146,208,.18);
                    color:#dbe9ff;
                }
                body.fh-dark .fh-classroom-row{
                    background:linear-gradient(180deg,#13243d 0%, #102138 100%);
                    border-color:#2a4160;
                    box-shadow:0 18px 38px rgba(2,8,20,.24);
                }
                body.fh-dark .fh-classroom-row:hover{
                    border-color:#365883;
                    box-shadow:0 22px 44px rgba(2,8,20,.34);
                }
                body.fh-dark .fh-classroom-title{color:#eef4ff}
                body.fh-dark .fh-classroom-label{color:#9eb5d1}
                body.fh-dark .fh-classroom-meta-item{
                    background:rgba(255,255,255,.04);
                    border-color:rgba(255,255,255,.08);
                    box-shadow:none;
                }
                body.fh-dark .fh-classroom-meta-icon{
                    background:rgba(255,255,255,.08);
                    color:#9cc4ff;
                }
                body.fh-dark .fh-classroom-meta-label{color:#8ea8ca}
                body.fh-dark .fh-classroom-meta-item strong{color:#e7f0ff}
                body.fh-dark .fh-classroom-note{
                    background:rgba(103,155,255,.08);
                    border-color:rgba(103,155,255,.14);
                    color:#9eb5d1;
                }
                body.fh-dark .fh-classroom-disabled{
                    background:linear-gradient(180deg, #182842 0%, #142338 100%);
                    border-color:#2a4160;
                    color:#8da7c8;
                }
                body.fh-dark .fh-classroom-locked{
                    background:linear-gradient(180deg, #182842 0%, #142338 100%);
                    border-color:#2a4160;
                    color:#8da7c8;
                }
                body.fh-dark .fh-input,
                body.fh-dark .fh-select,
                body.fh-dark .fh-textarea{
                    background:#0b1727;
                    border-color:#29425f;
                    color:#e2edff;
                }
                body.fh-dark .fh-label{color:#dceaff}
                body.fh-dark .fh-input::placeholder,
                body.fh-dark .fh-select::placeholder,
                body.fh-dark .fh-textarea::placeholder{color:#86a2c6}
                body.fh-dark .fh-input:-webkit-autofill,
                body.fh-dark .fh-input:-webkit-autofill:hover,
                body.fh-dark .fh-input:-webkit-autofill:focus,
                body.fh-dark .fh-input:-webkit-autofill:active{
                    -webkit-text-fill-color:#e2edff !important;
                    box-shadow:0 0 0 1000px #0b1727 inset !important;
                    -webkit-box-shadow:0 0 0 1000px #0b1727 inset !important;
                    border-color:#29425f !important;
                    caret-color:#e2edff;
                    transition:background-color 9999s ease-in-out 0s;
                }
                body.fh-dark .fh-btn-soft{
                    background:#4d3b18;
                    color:#f8e2a7 !important;
                }
                body.fh-dark .fh-admin-tools .fh-btn-soft{
                    background:linear-gradient(180deg,#5a4518 0%, #46350f 100%);
                    color:#f7e0a0 !important;
                    border:1px solid rgba(230,193,104,.18);
                    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
                }
                body.fh-dark .fh-admin-tools .fh-btn-soft:hover{
                    background:linear-gradient(180deg,#6a511b 0%, #4f3b11 100%);
                    color:#ffebb8 !important;
                }
                body.fh-dark .fh-admin-tools .fh-btn-warning{
                    background:linear-gradient(180deg,#786026 0%, #5d4a17 100%);
                    color:#ffefbe !important;
                    border:1px solid rgba(236,204,120,.2);
                }
                body.fh-dark .fh-admin-tools .fh-btn-warning:hover{
                    background:linear-gradient(180deg,#876b29 0%, #6a5319 100%);
                    color:#fff4cf !important;
                }
                body.fh-dark .fh-admin-tools .fh-btn-primary{
                    background:linear-gradient(135deg,#236dc0 0%, #15457f 100%);
                    color:#ffffff !important;
                    box-shadow:0 14px 28px rgba(7,24,48,.35);
                }
                body.fh-dark .fh-badge-success{
                    background:#133f31;
                    color:#8ef0c5;
                    border-color:#2e6b57;
                }
                body.fh-dark .fh-status-upcoming{background:#11324f; color:#8dd9ff; border-color:#2b5d87}
                body.fh-dark .fh-status-today{background:#4a2d17; color:#ffd3a8; border-color:#7f5230}
                body.fh-dark .fh-status-live{background:#123b2c; color:#9ff0c7; border-color:#2f6e55}
                body.fh-dark .fh-status-done{background:#252b55; color:#c5cdfd; border-color:#3a4580}
                body.fh-dark .fh-status-unscheduled{background:#203044; color:#c7d4e8; border-color:#3a4f67}
                body.fh-dark .fh-auth-card{
                    background:rgba(15,28,46,.92);
                    border-color:#2b405b;
                }
                body.fh-dark .fh-auth-title{color:#edf4ff}
                body.fh-dark .fh-auth-desc{color:#9eb4d2}
                html[dir="ltr"] .fh-app,
                html[dir="ltr"] .fh-app .fh-shell,
                html[dir="ltr"] .fh-app .fh-card,
                html[dir="ltr"] .fh-app .fh-item,
                html[dir="ltr"] .fh-app .fh-table th,
                html[dir="ltr"] .fh-app .fh-table td{direction:ltr; text-align:left}
                /* Tablet (iPad and similar) */
                @media (max-width: 1100px){
                    .fh-shell{
                        padding:104px 18px 36px;
                    }
                    .fh-navbar{
                        gap:10px;
                        padding:14px 16px;
                    }
                    .fh-nav-panel{
                        grid-template-columns:1fr;
                        gap:10px;
                    }
                    .fh-nav-links{
                        justify-content:flex-start;
                        overflow-x:auto;
                        overflow-y:hidden;
                        flex-wrap:nowrap;
                        -webkit-overflow-scrolling:touch;
                        padding-bottom:4px;
                    }
                    .fh-brand-text strong{font-size:20px}
                    .fh-nav-link,
                    .fh-pill,
                    .fh-logout,
                    .fh-theme-toggle{
                        padding:9px 13px;
                        font-size:13px;
                        white-space:nowrap;
                        flex:0 0 auto;
                    }
                    .fh-theme-toggle{
                        width:42px;
                        height:42px;
                        min-width:42px;
                        min-height:42px;
                        padding:0;
                    }
                    .fh-hero{
                        border-radius:28px;
                        padding:24px;
                    }
                    .fh-hero-grid{grid-template-columns:1fr}
                    .fh-title{font-size:30px}
                    .fh-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
                    .fh-grid{grid-template-columns:1fr}
                    .fh-card{padding:20px}
                    .fh-item{align-items:flex-start}
                    .fh-item-action{align-items:flex-start; max-width:100%}
                    .fh-item-note{text-align:left}
                    .fh-section-head{
                        flex-direction:column;
                        align-items:flex-start;
                    }
                    .fh-table th,.fh-table td{
                        white-space:normal;
                        word-break:break-word;
                        padding:12px 12px;
                        font-size:14px;
                    }
                    .fh-classroom-row{
                        grid-template-columns:1fr;
                        padding:20px 18px 18px;
                    }
                    .fh-classroom-top{
                        flex-direction:column;
                        align-items:flex-start;
                        min-height:0;
                    }
                    .fh-classroom-action{
                        justify-content:flex-start;
                        min-width:0;
                    }
                    .fh-classroom-title{font-size:23px}
                    .fh-classroom-meta{
                        width:100%;
                        display:grid;
                        grid-template-columns:repeat(2,minmax(0,1fr));
                    }
                    .fh-classroom-meta-item{min-width:0}
                }

                /* Mobile */
                @media (max-width: 768px){
                    .fh-shell{
                        padding:0 14px 28px;
                    }
                    .fh-navbar{
                        position:relative;
                        top:0 !important;
                        border-radius:0 0 20px 20px;
                        width:100%;
                        padding:12px 12px;
                        gap:10px;
                        display:flex;
                        align-items:stretch;
                        flex-direction:column;
                    }
                    body.admin-bar .fh-navbar{top:0 !important}
                    .fh-navbar-head{
                        min-height:44px;
                    }
                    .fh-brand{
                        width:100%;
                        justify-content:flex-start;
                    }
                    .fh-nav-toggle{display:inline-flex; align-items:center; justify-content:center}
                    .fh-brand-mark{
                        width:52px;
                        height:42px;
                        border-radius:12px;
                        padding:3px;
                    }
                    .fh-brand-text strong{font-size:18px}
                    .fh-brand-text span{font-size:11px}
                    .fh-nav-panel{
                        display:none;
                        grid-template-columns:1fr;
                        gap:8px;
                    }
                    .fh-navbar.is-open .fh-nav-panel{
                        display:grid;
                    }
                    .fh-nav-links,
                    .fh-nav-meta{
                        width:100%;
                        display:grid;
                        grid-template-columns:repeat(2, minmax(0,1fr));
                        gap:8px;
                        overflow:visible;
                        padding-bottom:0;
                    }
                    .fh-nav-link,
                    .fh-pill,
                    .fh-logout,
                    .fh-theme-toggle{
                        white-space:normal;
                        width:100%;
                        min-height:38px;
                        line-height:1.3;
                        font-size:12px;
                        padding:8px 11px;
                        text-align:center;
                    }
                    .fh-theme-toggle{
                        width:44px;
                        min-width:44px;
                        max-width:44px;
                        height:44px;
                        min-height:44px;
                        padding:0;
                        margin-inline:auto;
                    }
                    .fh-nav-link:last-child:nth-child(odd),
                    .fh-pill:last-child:nth-child(odd){
                        grid-column:1 / -1;
                    }
                    .fh-hero{
                        border-radius:22px;
                        padding:18px;
                    }
                    .fh-hero-grid{
                        grid-template-columns:1fr !important;
                        gap:14px;
                    }
                    .fh-title{font-size:24px}
                    .fh-subtitle{font-size:15px}
                    .fh-badges{
                        display:grid;
                        grid-template-columns:1fr;
                        gap:8px;
                        margin-top:14px;
                    }
                    .fh-classroom-hero-badges{
                        gap:8px;
                    }
                    .fh-badge{
                        width:100%;
                        text-align:center;
                        justify-content:center;
                        font-size:12px;
                    }
                    .fh-kpi{font-size:32px}
                    .fh-price{font-size:40px}
                    .fh-stat-grid{grid-template-columns:1fr}
                    .fh-grid{grid-template-columns:1fr}
                    .fh-card{padding:16px; border-radius:20px}
                    .fh-section-title{font-size:21px}
                    .fh-section-text{font-size:14px}
                    .fh-item{
                        display:block;
                        padding:14px;
                    }
                    .fh-item .fh-btn{
                        width:100%;
                        margin-top:12px;
                    }
                    .fh-btn{
                        width:100%;
                        min-height:44px;
                        border-radius:14px;
                        font-size:14px;
                        padding:12px 14px;
                    }
                    .fh-input,
                    .fh-select,
                    .fh-textarea{
                        font-size:16px;
                        min-height:44px;
                    }
                    .fh-label{
                        font-size:14px;
                    }
                    .fh-auth-wrap{padding:14px}
                    .fh-auth-card{
                        padding:18px;
                        border-radius:22px;
                    }
                    .fh-auth-title{font-size:26px}
                    .fh-table-wrap{
                        border-radius:16px;
                    }
                    .fh-table{
                        font-size:13px;
                        min-width:620px;
                    }
                    .fh-classroom-row{
                        padding:16px;
                        border-radius:22px;
                    }
                    .fh-classroom-top{
                        gap:12px;
                    }
                    .fh-classroom-title{
                        font-size:21px;
                        line-height:1.4;
                    }
                    .fh-classroom-action .fh-btn{
                        width:100%;
                        min-width:0;
                    }
                    .fh-classroom-meta{
                        grid-template-columns:1fr;
                    }
                    .fh-classroom-meta-item strong{
                        font-size:17px;
                        white-space:normal;
                    }
                    .fh-teacher-avatar{
                        width:88px;
                        height:88px;
                        min-width:88px;
                        min-height:88px;
                        margin-bottom:10px;
                    }
                    .fh-lang-toggle{
                        left:12px;
                        bottom:12px;
                        padding:9px 12px;
                        font-size:12px;
                    }
                }

                /* Small phones */
                @media (max-width: 420px){
                    .fh-title{font-size:21px}
                    .fh-subtitle{font-size:14px}
                    .fh-badge{font-size:12px; padding:8px 11px}
                    .fh-kpi{font-size:28px}
                    .fh-nav-links,
                    .fh-nav-meta{
                        grid-template-columns:1fr;
                    }
                }