:root{font-family:Segoe UI,Tahoma,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07111f}body{text-align:start;font-family:inherit}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}a{color:#93c5fd}.theme-toggle{position:fixed;inset-inline-start:1.25rem;bottom:1.25rem;z-index:100;display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(147,197,253,.38);border-radius:999px;padding:.7rem .95rem;background:#0f172ae0;color:#e0f2fe;box-shadow:0 10px 28px #02061747;cursor:pointer;font-weight:700;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0206175c}.theme-toggle span:first-child{display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;background:#3b82f638;font-size:1rem}[data-theme=light] body{background:#f3f6fb;color:#17213d}[data-theme=light] .theme-toggle{border-color:#d8e1ef;background:#fffffff0;color:#34446a;box-shadow:0 10px 28px #273c6829}[data-theme=light] .theme-toggle span:first-child{background:#fff3c4;color:#d58a00}[data-theme=light] .shell{background:radial-gradient(circle at top left,#fff 0,transparent 30%),linear-gradient(145deg,#f7f9fd,#eef3fb)!important;color:#17213d!important}[data-theme=light] .sidebar{background:#ffffffc7!important;border-color:#dfe6f1!important}[data-theme=light] .brand p,[data-theme=light] .page,[data-theme=light] .card,[data-theme=light] .form,[data-theme=light] .content-card,[data-theme=light] .form-card,[data-theme=light] .table-card{color:#253250!important}[data-theme=light] .nav a,[data-theme=light] .logout{background:#ffffffb8!important;border-color:#dce4f0!important;color:#34446a!important}[data-theme=light] .nav a:hover,[data-theme=light] .logout:hover{background:#edf4ff!important;border-color:#9bbcf5!important}[data-theme=light] .nav a.active{background:linear-gradient(135deg,#e1edff,#e8e9ff)!important;border-color:#9bbcf5!important;color:#245bc2!important}[data-theme=light] .topbar{background:#ffffffd1!important;border-color:#dfe6f1!important;box-shadow:0 8px 24px #273c680f}[data-theme=light] .topbar .language{background:#edf4ff!important;border-color:#b5caf0!important;color:#245bc2!important}[data-theme=light] .page-header,[data-theme=light] .card,[data-theme=light] .quiz-settings,[data-theme=light] .attempt-card,[data-theme=light] .content-card,[data-theme=light] .form-card{background:linear-gradient(145deg,#fff,#f8faff)!important;border-color:#dfe6f1!important;box-shadow:0 12px 28px #273c6812}[data-theme=light] .muted,[data-theme=light] .state,[data-theme=light] .field-help,[data-theme=light] .card-title p{color:#71809c!important}[data-theme=light] .form label,[data-theme=light] .field label,[data-theme=light] .quiz-fields label,[data-theme=light] .content-forms label{color:#405172!important}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select,[data-theme=light] .field input,[data-theme=light] .field textarea,[data-theme=light] .field select,[data-theme=light] .quiz-fields input,[data-theme=light] .quiz-fields textarea{background:#fff!important;border-color:#d6dfec!important;color:#17213d!important}[data-theme=light] table th{color:#416ac5!important}[data-theme=light] table td{color:#34446a!important;border-color:#e6ebf3!important}[data-theme=light] .button.secondary{background:#edf1f7!important;border-color:#d6dfec!important;color:#405172!important}[data-theme=light] .error{background:#fff0f1!important;color:#b33e4c!important}[data-theme=light] .success{background:#eaf9f1!important;color:#19764d!important}[data-theme=light] .landing .brand{width:190px!important;height:74px!important;display:block!important;background:url(/skillnova-logo.png) center / contain no-repeat!important;font-size:0!important;visibility:visible!important;opacity:1!important}[data-theme=light] .landing .brand>*{display:none!important}[data-theme=light] .landing .footer .brand{width:155px!important;height:60px!important}.landing>.landing-nav-extra{position:absolute!important;z-index:9999!important;top:24px!important;left:50%!important;display:flex!important;align-items:center;gap:1.5rem;transform:translate(-50%);padding:.55rem .95rem;border:1px solid #d6e0f5;border-radius:999px;background:#fffffff0;box-shadow:0 8px 20px #253b7b14}.landing>.landing-nav-extra a{display:inline-block!important;color:#34446a!important;text-decoration:none!important;font-size:.82rem;font-weight:700;white-space:nowrap}.landing>.landing-nav-extra a:hover{color:#1265ef!important}[data-theme=dark] .landing>.landing-nav-extra{border-color:#31506f;background:#0f1f35f5}[data-theme=dark] .landing>.landing-nav-extra a{color:#dbeafe!important}@media(max-width:850px){.landing>.landing-nav-extra{top:76px!important;gap:1rem}}@media(max-width:600px){.landing>.landing-nav-extra{top:65px!important;gap:.8rem;padding:.45rem .7rem}.landing>.landing-nav-extra a{font-size:.72rem}}.landing>.landing-nav-extra{display:none!important}.page,.dashboard{direction:rtl}.quiz-settings,.attempt-card{margin:1rem 0;padding:1.25rem;border:1px solid #1e3352;border-radius:18px;background:linear-gradient(145deg,#101f35,#0c1728);color:#e2e8f0}.attempt-card>div:first-child{display:flex;align-items:start;justify-content:space-between;gap:1rem}.attempt-card h2,.attempt-card p{margin:0}.attempt-meta{display:flex;gap:1rem;margin-top:.5rem;color:#94a3b8;font-size:.75rem}.attempt-counter{padding:.45rem .7rem;border-radius:999px;background:#1d4ed833;color:#bfdbfe;font-size:.75rem}.attempt-result{display:flex;gap:1rem;align-items:center;margin-top:1rem;padding:.85rem;border-top:1px solid #263d5a;color:#94a3b8}.attempt-result strong{padding:.35rem .7rem;border-radius:8px}.attempt-result .passed{background:#14532d;color:#bbf7d0}.attempt-result .failed{background:#7f1d1d;color:#fecaca}.quiz-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.quiz-heading p,.quiz-heading h2{margin:0}.quiz-heading p{color:#60a5fa;font-size:.75rem}.quiz-heading h2{font-size:1.1rem}.quiz-heading span{color:#94a3b8;font-size:.75rem}.quiz-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.quiz-fields label{display:grid;gap:.4rem;color:#cbd5e1;font-size:.82rem;font-weight:700}.quiz-fields input,.quiz-fields textarea{border:1px solid #2b405b;border-radius:10px;background:#0a1526;color:#fff;padding:.7rem;font:inherit}.quiz-fields textarea{resize:vertical}.quiz-fields label:nth-child(2){grid-column:1/-1}@media(max-width:700px){.quiz-fields{grid-template-columns:1fr}.quiz-fields label:nth-child(2){grid-column:auto}}.language-toggle{position:absolute;top:1.25rem;left:1.25rem;z-index:5;border:1px solid #93c5fd;border-radius:999px;padding:.55rem 1rem;background:#0f172ad9;color:#fff;cursor:pointer;font-weight:700}.auth-topbar{position:absolute;inset:1.25rem 1.5rem auto;display:flex;align-items:center;justify-content:space-between;direction:inherit;color:#0f172a;font-size:1.05rem}.auth-topbar .language-toggle{position:static}.landing .brand{font-size:0;width:150px;height:58px;background:url(/skillnova-logo.png) center / contain no-repeat;display:block}.landing .brand>*{display:none}.landing .mini-brand{font-size:0;width:82px;height:28px;background:url(/skillnova-logo.png) center / contain no-repeat;display:block}.landing .mini-brand span{display:none}.landing .footer .brand{width:125px;height:48px}.landing{--ink: #071a57;--muted: #586781;--cream: #f7f9ff;--lime: #10bfe5;background:radial-gradient(circle at 85% 10%,#e5e9ff 0,transparent 28%),#f7f9ff}.landing .pill{border-color:#c8d7ff;color:#245fd3}.landing .pulse{background:#10bfe5;box-shadow:0 0 0 4px #d8f7ff}.landing .hero h1 em,.landing .journey h2 em{color:#4d35db}.landing .button-small{background:#071a57}.landing .button-primary{background:linear-gradient(135deg,#1265ef,#5634e8);color:#fff;box-shadow:0 10px 24px #315be755}.landing .play{color:#1265ef}.landing .orb-one{background:#dce9ff}.landing .orb-two{background:#ffe0b1}.landing .progress-card{background:#eef5ff}.landing .bars i{background:#c4d8ff}.landing .bars i.active,.landing .tiny-progress span{background:#1265ef}.landing .course-cover{background:#d9f5fb;color:#087d9e}.landing .preview-bottom>b{color:#5634e8}.landing .floating-card>span{background:#e6e5ff;color:#5634e8}.landing .certified>span{background:#fff0cf;color:#ed8b00}.landing .logo-strip{border-color:#dfe6f7}.landing .logo-strip strong span,.landing .section-kicker,.landing .feature-grid a{color:#1265ef}.landing .feature-icon.purple{background:#e6e5ff;color:#5634e8}.landing .feature-icon.lime{background:#d9f5fb;color:#087d9e}.landing .feature-icon.peach{background:#fff0cf;color:#ed8b00}.landing .journey-card{background:linear-gradient(135deg,#071a57,#182c83 62%,#5634e8)}.landing .journey-card:after{background:#10bfe5}.landing .button-light{background:linear-gradient(135deg,#ffc20e,#ff8b00);color:#071a57}.landing.landing{--ink: #071a57 !important;--muted: #53627e !important;--cream: #f7f9ff !important;--lime: #10bfe5 !important;background:#f7f9ff!important}.landing.landing .nav,.landing.landing .hero,.landing.landing .features,.landing.landing .footer{color:#071a57}.landing.landing .hero h1,.landing.landing .section-heading h2,.landing.landing .feature-grid h3{color:#071a57!important}.landing.landing .hero h1 em,.landing.landing .journey h2 em{color:#5634e8!important}.landing.landing .button-primary{background:linear-gradient(135deg,#1265ef,#5634e8)!important;color:#fff!important}.landing.landing .button-small{background:#071a57!important;color:#fff!important}.landing.landing .button-light{background:linear-gradient(135deg,#ffc20e,#ff8b00)!important;color:#071a57!important}.landing.landing .journey-card{background:linear-gradient(135deg,#071a57,#123b9b 55%,#5634e8)!important}.landing.landing .section-kicker,.landing.landing .feature-grid a{color:#1265ef!important}.landing.landing .pulse,.landing.landing .bars i.active,.landing.landing .tiny-progress span{background:#10bfe5!important}.landing.landing .orb-one{background:#dbe7ff!important}.head>.language{display:none!important}.landing.landing .brand-mark{display:none!important}.landing.landing .brand{width:190px!important;height:74px!important}.landing.landing .footer .brand{width:155px!important;height:60px!important}.landing-nav-extra,.landing>.nav,.about-nav,.contact-nav{display:none!important}app-public-navbar .nav-links a{font-family:inherit;font-size:.8rem;font-weight:600}.dynamic-landing .dynamic-hero h1{max-width:760px}.dynamic-hero-visual{min-height:360px}.tenant-hero-image{max-width:100%;max-height:420px;object-fit:contain;border-radius:24px;box-shadow:0 24px 60px #253b7b22}.tenant-hero-placeholder{width:min(440px,90%);min-height:260px;display:grid;place-content:center;gap:12px;padding:40px;border-radius:28px;background:linear-gradient(135deg,#dbe7ff,#eee6ff);color:#071a57;text-align:center;box-shadow:0 24px 60px #253b7b22}.tenant-hero-placeholder strong{font-size:2rem}.tenant-hero-placeholder span{color:#53627e}.dynamic-statistics .container{flex-wrap:wrap}.dynamic-statistics strong{display:grid;gap:4px;color:#1265ef}.dynamic-statistics small{color:#7c89a0;font-size:.65rem;font-weight:500}.dynamic-about,.dynamic-sections,.dynamic-stories{padding-top:90px;padding-bottom:70px}.dynamic-sections article img,.dynamic-stories article img{width:100%;max-height:180px;object-fit:cover;border-radius:12px;margin-bottom:14px}.dynamic-stories article small{color:#7c89a0}.members-toolbar{display:flex;gap:.7rem;align-items:center;margin:1rem 0}.members-toolbar input,.members-toolbar select{padding:.75rem;border:1px solid #31506f;border-radius:9px;background:#0a1526;color:#fff}.members-toolbar input{flex:1}.members-toolbar span{color:#94a3b8;font-size:.8rem}.members-table{border:1px solid #253b59;border-radius:16px;overflow:hidden;background:#101f35}.table-head,.table-row{display:grid;grid-template-columns:1.5fr 1.5fr .8fr .8fr .9fr;gap:1rem;align-items:center;padding:1rem 1.2rem}.table-head{background:#172a46;color:#94a3b8;font-size:.75rem;font-weight:800}.table-row{border-top:1px solid #203650;color:#dbeafe;font-size:.82rem}.member-cell{display:flex;align-items:center;gap:.7rem}.member-cell i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#1d4ed8;color:#fff;font-style:normal;font-weight:800}.role-badge,.member-status{border-radius:999px;padding:.35rem .6rem;text-align:center;font-size:.72rem;background:#263b59;color:#cbd5e1}.role-badge.teacher{background:#173f63;color:#7dd3fc}.member-status{background:#123c32;color:#86efac}.member-status.inactive{background:#482b2b;color:#fca5a5}.table-row small{color:#94a3b8}@media(max-width:800px){.members-toolbar{align-items:stretch;flex-direction:column}.members-toolbar input{width:100%;box-sizing:border-box}.members-table{overflow:auto}.table-head,.table-row{min-width:780px}}app-public-navbar .brand{height:72px}app-public-navbar .official-logo{display:block;width:118px;height:70px;object-fit:contain}app-public-navbar .brand-mark,app-public-navbar .brand>span:last-child{display:none}.teachers-page>.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.teachers-page .hero-orbit{margin-inline-end:0}.academic .modal select{appearance:none;width:100%;padding:.85rem 2.5rem .85rem .9rem;border:1px solid #d7dfec;border-radius:12px;background:#f9fbff;color:#17213d;font:inherit;cursor:pointer;outline:0;background-image:linear-gradient(45deg,transparent 50%,#4774e8 50%),linear-gradient(135deg,#4774e8 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;transition:.2s}.academic .modal select:hover,.academic .modal select:focus{border-color:#4774e8;box-shadow:0 0 0 4px #4774e81c}.academic .modal label{display:grid;gap:.45rem;color:#4b5a75;font-size:.78rem;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.dashboard-card{display:grid;gap:.5rem;padding:1.4rem;background:#fff;border:1px solid #edf0f6;border-radius:16px;text-decoration:none;color:#17213d;box-shadow:0 8px 20px #25345b08}.dashboard-card strong{color:#315fcf}.dashboard-card span{color:#78849e;font-size:.85rem}@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}}