@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700;800&display=swap";.navbar{z-index:1000;direction:rtl;width:calc(100% - 70px);max-width:1300px;transition:transform .25s,width .25s;position:fixed;top:14px;left:50%;transform:translate(-50%)}.navbar-container{background:var(--bg-page);border:1px solid var(--border-soft);width:100%;min-height:68px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;justify-content:space-between;align-items:center;gap:30px;padding:0 22px;transition:background .25s,border-color .25s,box-shadow .25s;display:flex}.navbar-logo{color:var(--color-accent);font-family:var(--font-display);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:22px;font-weight:800;text-decoration:none;transition:color .25s;display:inline-flex}.navbar-logo .brand-logo-image{object-fit:contain;width:132px;max-width:100%;height:auto;display:block}.navbar-links{flex:1;justify-content:center;align-items:center;gap:58px;display:flex}.navbar-links a{color:var(--text-muted);font-family:var(--font-body);white-space:nowrap;align-items:center;padding:23px 0 20px;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.navbar-links a:hover,.navbar-links a.active{color:var(--color-accent)}.navbar-links a.active:after{content:"";background:var(--color-accent);border-radius:999px;height:3px;position:absolute;bottom:8px;left:0;right:0}.navbar-actions{direction:ltr;flex-shrink:0;align-items:center;gap:10px;display:flex}.theme-toggle{width:42px;height:42px;color:var(--color-accent);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.theme-toggle:hover{background:var(--bg-surface-2);color:var(--color-accent)}.nav-login{border:1px solid var(--color-accent);min-height:42px;color:var(--color-accent);font-family:var(--font-body);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 21px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.nav-login:hover{background:var(--color-accent);color:#fff}.nav-register{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff;min-height:42px;font-family:var(--font-body);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.nav-register:hover{background:var(--color-navy);transform:translateY(-1px)}.nav-logout{font-family:var(--font-body);cursor:pointer}.nav-logout:hover{background:var(--color-navy);color:#fff;transform:translateY(-1px)}.navbar-burger{width:42px;height:42px;color:var(--color-accent);cursor:pointer;background:0 0;border:none;display:none}.mobile-menu{display:none}@media (width<=1100px){.navbar{width:calc(100% - 40px)}.navbar-links{gap:30px}.navbar-links a{font-size:14px}.nav-login,.nav-register{padding-inline:16px}}@media (width<=900px){.navbar{width:calc(100% - 30px);top:12px}.navbar-container{min-height:64px}.navbar-links{display:none}.nav-logout{font-family:var(--font-body);cursor:pointer}.nav-logout:hover{background:var(--color-navy);color:#fff;transform:translateY(-1px)}.navbar-burger{justify-content:center;align-items:center;display:flex}.navbar-actions{gap:6px}.mobile-menu{background:var(--bg-page);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);border-radius:20px;flex-direction:column;gap:10px;margin-top:8px;padding:18px;display:flex}.mobile-menu a{color:var(--text-main);text-align:right;border-radius:10px;padding:12px 15px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.mobile-menu a.active{background:var(--bg-surface);color:var(--color-accent)}}@media (width<=600px){.navbar{width:calc(100% - 20px);top:10px}.navbar-container{padding:0 12px}.navbar-logo{font-size:19px}.nav-login{display:none}.nav-register{min-height:38px;padding-inline:14px;font-size:12px}.theme-toggle{width:38px;height:38px}}.auth-layout{background:var(--bg-page);width:100%;min-height:100vh;color:var(--text-main);box-sizing:border-box;margin:0;padding:0;position:relative;overflow-x:hidden}.auth-layout-main{background:var(--bg-page);width:100%;height:100vh;min-height:100vh;color:var(--text-main);box-sizing:border-box;margin:0;padding:0;overflow:hidden}.auth-page,.register-page{background:var(--bg-page);width:100%;height:100vh;min-height:100vh;color:var(--text-main);box-sizing:border-box;direction:rtl;margin:0;padding:0;display:flex;overflow:hidden}.auth-card{background:var(--bg-surface);width:100%;height:100vh;min-height:100vh;box-shadow:none;box-sizing:border-box;direction:ltr;border:0;border-radius:0;grid-template-columns:1fr 1fr;margin:0;padding:0;display:grid;overflow:hidden}.auth-form-side{background:var(--bg-page);text-align:center;box-sizing:border-box;direction:rtl;flex-direction:column;justify-content:center;width:100%;min-width:0;height:100vh;min-height:100vh;padding:110px 55px 45px;display:flex;overflow-y:auto}.auth-form-side form{width:100%;max-width:380px;margin-inline:auto}.auth-logo{color:var(--color-accent);font-family:var(--font-display);margin-bottom:10px;font-size:18px;font-weight:800}.auth-logo .brand-logo-image{object-fit:contain;width:150px;max-width:100%;height:auto;margin:0 auto;display:block}.auth-form-side h1{color:var(--text-main);font-family:var(--font-display);margin:0 0 8px;font-size:26px;font-weight:800}.auth-description{color:var(--text-muted);margin:0 0 28px;font-size:12px;line-height:1.8}.auth-field{margin-bottom:12px}.auth-field input{border:1px solid var(--border-soft);background:var(--bg-surface-2);width:100%;height:48px;color:var(--text-main);font-family:var(--font-body);text-align:right;box-sizing:border-box;border-radius:10px;outline:none;padding:0 16px;font-size:12px;transition:border-color .2s,box-shadow .2s,background-color .25s}.auth-field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 10%, transparent)}.auth-field input::placeholder{color:var(--text-muted)}.auth-submit{background:var(--color-primary);width:100%;height:48px;color:var(--color-white);font-family:var(--font-body);cursor:pointer;border:0;border-radius:10px;margin-top:8px;font-size:12px;font-weight:700;transition:background-color .2s,transform .2s,opacity .2s}.auth-submit:hover{background:var(--color-accent);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{color:#d9534f;margin:10px 0;font-size:11px;line-height:1.7}.auth-links{margin-top:22px;font-size:11px}.auth-links a{font-weight:700;text-decoration:none;transition:color .2s;color:var(--color-accent,#0057b8)!important}.auth-links a:hover{color:var(--color-accent,#0057b8)!important}.auth-links button{color:var(--color-primary);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:12px}.auth-links button:hover{color:var(--color-accent);text-decoration:underline}.login-options{direction:rtl;justify-content:space-between;align-items:center;margin:14px 0 20px;font-size:12px;display:flex}.remember-me{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}.remember-me input{width:17px;height:17px;accent-color:var(--color-accent);cursor:pointer;margin:0}.forgot-password{color:var(--color-primary);text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--color-accent);text-decoration:underline}.auth-image-side{box-sizing:border-box;direction:rtl;background:linear-gradient(135deg,#294c7e,#172f56);justify-content:center;align-items:flex-end;width:100%;min-width:0;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-image-side:before,.auth-image-side:after{content:"";pointer-events:none;border:2px solid #ffffff14;position:absolute;transform:rotate(30deg)}.auth-image-side:before{width:480px;height:480px;top:-100px;right:-150px}.auth-image-side:after{width:360px;height:360px;bottom:-180px;left:-180px}.auth-image-side img{z-index:2;object-fit:contain;object-position:bottom center;width:100%;max-width:600px;height:100%;position:relative}.otp-inputs{direction:ltr;justify-content:center;gap:12px;margin:22px 0 25px;display:flex}.otp-inputs input{border:1px solid var(--border-soft);background:var(--bg-surface);width:48px;height:48px;color:var(--text-main);text-align:center;border-radius:10px;outline:none;font-family:inherit;font-size:18px;transition:border-color .2s,box-shadow .2s}.otp-inputs input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent)}.otp-field{width:100%}.otp-field input{border:1px solid var(--border-soft,#d9dce5);background:var(--bg-page,#fff);width:100%;height:58px;color:var(--text-main,#1a1d21);font-family:var(--font-body,"Tajawal", sans-serif);letter-spacing:3px;text-align:right;box-sizing:border-box;border-radius:12px;outline:none;padding:0 18px;font-size:18px;font-weight:600;line-height:1;transition:border-color .2s,box-shadow .2s,background-color .2s}.otp-field input::placeholder{color:var(--text-muted,#8a8f9d);letter-spacing:0;font-size:16px;font-weight:400}.otp-field input:focus{border-color:var(--color-accent,#0057b8);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent,#0057b8) 12%, transparent)}.otp-field input.is-invalid{border-color:#dc3545}.otp-field input.is-invalid:focus{box-shadow:0 0 0 3px #dc35451a}.success-icon{border:2px solid var(--color-primary);width:64px;height:64px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:32px;font-weight:700;display:flex}.auth-phone-wrapper{width:100%}.auth-phone-control{background:var(--bg-surface,#fff);border:1px solid #d7dce5;border-radius:13px;align-items:center;width:100%;min-height:58px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;overflow:hidden;box-shadow:0 3px 12px #232f5e09}.auth-phone-control:focus-within{border-color:var(--color-primary,#3d5a96);box-shadow:0 0 0 4px #3d5a9614}.auth-phone-wrapper.has-error .auth-phone-control{border-color:#e05252;box-shadow:0 0 0 4px #e0525212}.auth-phone-prefix{color:#17213a;min-height:58px;font-family:var(--font-body);-webkit-user-select:none;user-select:none;background:#fff;border-right:1px solid #e6e9ee;flex:0 0 118px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:15px;font-weight:600;display:flex}.auth-phone-flag{justify-content:center;align-items:center;width:24px;height:18px;font-size:18px;display:inline-flex}.auth-phone-input{min-width:0;color:var(--text-main);letter-spacing:1px;direction:ltr;flex:1;font-weight:600;height:58px!important;box-shadow:none!important;text-align:left!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;padding:0 16px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:18px!important}.auth-phone-input::placeholder{opacity:1;font-weight:500;color:#9aa2af!important}.auth-phone-input:disabled{cursor:not-allowed;opacity:.65}.auth-phone-hint{color:#71809a;font-family:var(--font-body);text-align:right;margin:7px 3px 0;font-size:11px;line-height:1.75}.auth-phone-hint.visible{color:#d34b4b;font-weight:600}[data-theme=dark] .auth-phone-control,[data-theme=dark] .auth-phone-prefix{background:var(--bg-surface,#1e222b)}[data-theme=dark] .auth-phone-prefix{border-right-color:var(--border-soft,#333947);color:var(--text-main)}[data-theme=dark] .auth-phone-control{border-color:var(--border-soft,#333947)}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper>input{width:100%;color:var(--text-main);font-family:var(--font-body);text-align:right;box-sizing:border-box;font-weight:600;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:0 3px 12px #232f5e09;background:var(--bg-surface,#fff)!important;border:1px solid #d7dce5!important;border-radius:13px!important;outline:none!important;height:58px!important;padding:0 16px 0 58px!important;font-size:18px!important}.password-input-wrapper>input::placeholder{color:#8b95a7;font-size:16px;font-weight:500}.password-input-wrapper>input:focus{border-color:var(--color-primary,#3d5a96)!important;box-shadow:0 0 0 4px #3d5a9614!important}.password-input-wrapper.has-error>input,.auth-field input.is-invalid{border-color:#e05252!important;box-shadow:0 0 0 4px #e0525212!important}.password-toggle{color:#7a8496;cursor:pointer;z-index:2;background:0 0;border:0;border-radius:13px 0 0 13px;place-items:center;width:58px;height:58px;transition:color .2s,background-color .2s;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-primary,#3d5a96);background:#3d5a960f}.password-toggle:active{background:#3d5a961a}.password-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}.field-error{color:#d94b4b;text-align:right;margin:6px 2px 0;font-size:11px;font-weight:500;line-height:1.65;animation:.18s both field-error-in}.auth-phone-wrapper .field-error,.auth-phone-hint.visible{font-weight:600}.auth-server-error{background:#d94b4b0e;border:1px solid #d94b4b29;border-radius:9px;padding:9px 11px}@keyframes field-error-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.auth-layout-main{overflow-y:auto}.auth-page,.register-page{height:auto;min-height:100vh;overflow:visible}.auth-card{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.auth-image-side{grid-row:1;height:42vh;min-height:300px}.auth-form-side{grid-row:2;height:auto;min-height:58vh;padding:100px 35px 50px}}@media (width<=600px){.login-options{font-size:11px}.otp-inputs{gap:8px}.otp-inputs input{width:43px;height:43px}.auth-image-side{height:32vh;min-height:240px}.auth-form-side{min-height:68vh;padding:90px 20px 40px}.password-input-wrapper>input{height:56px!important;padding-left:54px!important;font-size:17px!important}.password-toggle{width:54px;height:56px}.auth-phone-prefix{flex-basis:105px;font-size:14px}.auth-phone-input{font-size:16px!important}}@media (width<=480px){.auth-image-side{height:28vh;min-height:220px}.auth-form-side{min-height:72vh;padding:90px 16px 35px}.auth-form-side h1{font-size:23px}.auth-logo .brand-logo-image{width:130px}}.dashboard-layout{min-height:100vh;color:var(--text-main);direction:rtl;background:#f5f4f4;transition:background-color .25s,color .25s;display:flex}[data-theme=dark] .dashboard-layout{background:var(--bg-page)}.dashboard-sidebar{z-index:1000;box-sizing:border-box;background:#fff;border:1px solid #fffffff2;border-radius:28px;flex-direction:column;width:280px;padding:20px 16px 16px;transition:background-color .25s,transform .3s;display:flex;position:fixed;top:10px;bottom:10px;right:10px;overflow:hidden;box-shadow:0 10px 30px #232f5e0d}[data-theme=dark] .dashboard-sidebar{background:var(--bg-surface);border-color:#ffffff0d}.dashboard-logo{flex-shrink:0;justify-content:center;align-items:center;min-height:64px;margin-bottom:10px;text-decoration:none;display:flex}.dashboard-logo .brand-logo-image{object-fit:contain;width:136px;max-width:100%;height:auto;display:block}.dashboard-nav{flex-direction:column;flex:none;gap:5px;display:flex}.dashboard-nav a{color:#5b75a6;white-space:nowrap;border-radius:11px;justify-content:flex-start;align-items:center;gap:11px;min-height:45px;padding:0 13px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:flex;position:relative}.dashboard-nav a:hover{color:#2f4978;background:#f4f7fb}.dashboard-nav a.active{color:#fff;background:#2f4978;box-shadow:0 4px 12px #2f497833}.dashboard-nav a.active svg{color:#fff}.dashboard-sidebar-bottom{flex-direction:column;gap:5px;display:flex}.dashboard-divider{background:#edf0f5;height:1px;margin:100px 0 4px}[data-theme=dark] .dashboard-divider{background:#ffffff1a}.dashboard-logout{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:0 16px;font-size:15px;font-weight:700;transition:background-color .2s,transform .2s;display:flex;box-shadow:0 4px 12px #dc262640}.dashboard-logout:hover{background:#b91c1c;transform:translateY(-1px)}.dashboard-main{flex-direction:column;width:calc(100% - 300px);min-height:100vh;margin-right:300px;display:flex}.dashboard-topbar{z-index:900;background:#fffffff7;border:1px solid #ffffffe6;border-radius:22px;justify-content:space-between;align-items:center;min-height:76px;margin:0 10px;padding:0 24px;display:flex;position:sticky;top:10px;box-shadow:0 5px 16px #232f5e0e}[data-theme=dark] .dashboard-topbar{background:#191c1ff7;border-color:#ffffff0d}.dashboard-topbar-title{color:#45649c;font-family:var(--font-display);align-items:center;gap:8px;font-size:20px;font-weight:900;display:flex}.dashboard-topbar-actions{direction:rtl;align-items:center;gap:8px;display:flex}.dashboard-icon-button{color:#45649c;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.dashboard-icon-button:hover{background:var(--bg-surface-2,#f0f3f8)}.dashboard-notification-dot{background:#e31a1a;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}.dashboard-small-avatar{color:#1b3765;background:#ffe06b;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.dashboard-small-avatar img{object-fit:cover;width:100%;height:100%}.dashboard-profile-trigger{cursor:pointer;border:2px solid #fff;padding:0;transition:transform .2s,box-shadow .2s}.dashboard-profile-trigger:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 5px 12px #232f5e24}[data-theme=dark] .dashboard-profile-trigger{border-color:var(--bg-surface)}.dashboard-content{box-sizing:border-box;flex:1;width:100%;padding:32px 10px 24px}.dashboard-menu-button{background:var(--bg-surface);width:34px;height:34px;color:var(--text-main);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;display:none}.dashboard-overlay{display:none}.route-loading{background:var(--bg-page);min-height:100vh;color:var(--text-main);place-items:center;font-size:14px;display:grid}@media (width<=900px){.dashboard-sidebar{width:250px}.dashboard-main{width:calc(100% - 270px);margin-right:270px}}@media (width<=700px){.dashboard-sidebar{width:240px;transform:translate(260px)}.dashboard-sidebar.open{transform:translate(0)}.dashboard-main{width:100%;margin-right:0}.dashboard-menu-button{display:flex}.dashboard-overlay{z-index:999;background:#00000073;display:block;position:fixed;inset:0}.dashboard-topbar{top:7px}.dashboard-content{padding-top:24px}}@media (width<=420px){.dashboard-content{padding-inline:8px}.dashboard-topbar{margin-inline:8px;padding-inline:12px}}.dashboard-profile-dropdown-container{position:relative}.dashboard-profile-dropdown{z-index:1000;background:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:4px;min-width:190px;padding:8px;animation:.2s dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 10px 25px #232f5e1f}[data-theme=dark] .dashboard-profile-dropdown{background:var(--bg-surface,#1e2227);border-color:#ffffff14;box-shadow:0 10px 25px #0000004d}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:8px 12px}.dropdown-user-name{color:var(--text-main,#2f4978);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}[data-theme=dark] .dropdown-user-name{color:#fff}.dropdown-item{color:#4a5f85;cursor:pointer;text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 12px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s;display:flex}[data-theme=dark] .dropdown-item{color:#cfd9e8}.dropdown-item:hover{color:#2f4978;background:#f4f7fb}[data-theme=dark] .dropdown-item:hover{color:#fff;background:#ffffff0f}.dropdown-logout-item{color:#dc2626}.dropdown-logout-item:hover{color:#b91c1c;background:#fef2f2}[data-theme=dark] .dropdown-logout-item:hover{color:#ef4444;background:#dc26261f}.dashboard-notifications-dropdown{width:min(360px,88vw);min-width:320px;padding:0;overflow:hidden}.dashboard-notifications-header{justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.dashboard-notifications-mark-all{color:var(--color-accent,#2563eb);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:12px;font-weight:700}.dashboard-notifications-mark-all:hover{text-decoration:underline}.dashboard-notifications-list{flex-direction:column;max-height:360px;display:flex;overflow-y:auto}.dashboard-push-toggle{width:calc(100% - 20px);min-height:36px;color:var(--text-muted,#777);cursor:pointer;text-align:right;background:0 0;border:1px dashed #0000001a;border-radius:10px;align-items:center;gap:8px;margin:6px 10px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.dashboard-push-toggle:hover{border-color:var(--color-accent,#2563eb);color:var(--color-accent,#2563eb)}.dashboard-push-toggle:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .dashboard-push-toggle{border-color:#ffffff26}.dashboard-push-error{color:#b91c1c;margin:0 10px 6px;font-size:11.5px}.dashboard-notifications-empty{text-align:center;color:var(--text-muted,#777);margin:0;padding:24px 14px;font-size:13px}.dashboard-notification-item{text-align:right;cursor:pointer;background:0 0;border:0;border-top:1px solid #0000000d;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;transition:background-color .15s;display:flex}.dashboard-notification-item:hover{background:#f4f7fb}[data-theme=dark] .dashboard-notification-item{border-top-color:#ffffff0f}[data-theme=dark] .dashboard-notification-item:hover{background:#ffffff0f}.dashboard-notification-item-dot{background:0 0;border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.dashboard-notification-item.is-unread .dashboard-notification-item-dot{background:#e31a1a}.dashboard-notification-item-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dashboard-notification-item-body strong{color:var(--text-main,#2f4978);font-size:13.5px;font-weight:700}[data-theme=dark] .dashboard-notification-item-body strong{color:#fff}.dashboard-notification-item-body span{color:var(--text-muted,#777);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.dashboard-notification-item-body time{color:var(--text-muted,#9aa5b1);font-size:11px}.dashboard-notification-item:not(.is-unread) .dashboard-notification-item-body strong{color:var(--text-muted,#777);font-weight:600}.landing{background:var(--bg-page);min-height:100vh;color:var(--text-main);font-family:var(--font-body);direction:rtl;transition:background-color .25s,color .25s;overflow-x:hidden}.landing *,.landing :before,.landing :after{box-sizing:border-box}.landing img{max-width:100%;display:block}.landing a{color:inherit;text-decoration:none}.landing ul{margin:0;padding:0;list-style:none}.landing .container{width:100%;max-width:var(--container-w);margin-inline:auto;padding-inline:24px}.landing .eyebrow{color:var(--color-accent);letter-spacing:.02em;align-items:center;gap:8px;font-size:20px;font-weight:700;display:inline-flex}.landing .section-title{color:var(--text-main);font-family:var(--font-display);margin:8px 0 12px;font-size:clamp(24px,3vw,34px);font-weight:800}.landing .section-title .underline{background:var(--color-accent);border-radius:var(--radius-pill);width:84px;height:5px;margin-top:10px;display:block}.landing .section-title.center .underline{margin-inline:auto}.landing .section-subtitle{max-width:640px;color:var(--text-muted);font-size:16px;line-height:1.9}.landing .section-subtitle.center{text-align:center;margin-inline:auto}.landing .btn{border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:700;transition:transform .2s,background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.landing .btn:hover{transform:translateY(-2px)}.landing .btn-primary{background:var(--color-navy);color:var(--color-white);box-shadow:0 10px 24px #232f5e40}.landing .btn-primary:hover{background:var(--color-accent)}.landing .btn-outline{border-color:var(--border-soft);color:var(--text-main);background:0 0}.landing .btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.landing .btn-icon{flex-shrink:0;width:18px;height:18px}.hero{isolation:isolate;direction:rtl;background:0 0;align-items:center;width:100%;height:calc(100vh - 96px);min-height:calc(100vh - 96px);display:flex;position:relative;overflow:hidden}.hero-grid{z-index:0;pointer-events:none;background-image:linear-gradient(0deg, transparent calc(100% - 1px), color-mix(in srgb, var(--color-accent) 13%, transparent) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), color-mix(in srgb, var(--color-accent) 13%, transparent) calc(100% - 1px));background-size:140px 140px;width:75%;height:130%;position:absolute;top:-15%;right:-15%;transform:rotate(-30deg);-webkit-mask-image:radial-gradient(70% 75% at 65% 42%,#000 40%,#0000 85%);mask-image:radial-gradient(70% 75% at 65% 42%,#000 40%,#0000 85%)}.hero-corner{z-index:1;background:var(--bg-page);pointer-events:none;border-radius:50%;width:560px;height:560px;position:absolute;bottom:-300px;right:-140px}.hero-container{z-index:2;direction:ltr;grid-template-columns:1fr 1fr;align-items:center;gap:30px;width:100%;max-width:1400px;height:100%;margin-inline:auto;padding:70px 70px 0;display:grid;position:relative}.hero-content{text-align:right;direction:rtl;justify-self:end;width:520px;max-width:100%;transform:translateY(-80px)}.hero-heading{color:var(--text-main);font-family:var(--font-display);letter-spacing:-.6px;text-align:right;margin:0;font-size:clamp(38px,4vw,56px);font-weight:800;line-height:1.38}.hero-heading span{white-space:nowrap;text-align:right;display:block}.hero-stroke{width:330px;height:32px;margin:16px 0 18px auto;display:block;overflow:visible}.hero-text{max-width:620px;color:var(--text-muted);text-align:right;margin:0 0 28px;font-size:17px;line-height:2}.hero-content .btn{min-width:180px;min-height:56px;padding-inline:28px;font-size:18px}.hero-media{direction:rtl;justify-content:center;align-items:flex-end;min-width:0;height:100%;display:flex;position:relative}.hero-media img{z-index:2;object-fit:contain;object-position:bottom center;width:min(100%,620px);max-width:none;height:auto;max-height:calc(100vh - 65px);position:relative;transform:translateY(8px)}.partners{padding:30px 0 70px}.partners-label{color:var(--text-main);font-family:var(--font-display);text-align:center;margin:50px 0 35px;font-size:clamp(24px,3vw,34px);font-weight:800;position:relative}.partners-label:after{content:"";background:var(--color-accent);border-radius:var(--radius-pill);width:70px;height:4px;margin:12px auto 0;display:block}.partners-row{opacity:.75;direction:rtl;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.partners-row .partner{border-radius:16px;flex:150px;justify-content:center;align-items:center;min-width:120px;height:80px;padding:10px 18px;transition:transform .3s,opacity .3s;display:flex}.partners-row .partner:hover{transform:translateY(-5px)}.partners-row .partner-logo{object-fit:contain;opacity:.8;width:auto;max-width:150px;height:60px;transition:transform .3s,opacity .3s;display:block}.partners-row .partner:hover .partner-logo{opacity:1;transform:scale(1.05)}.about{background:var(--bg-page);padding:80px 0}.about .container{direction:ltr;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-collage{direction:rtl;grid-area:1/1;min-height:440px;position:relative}.about-collage img{object-fit:cover;border:4px solid var(--bg-page);box-shadow:var(--shadow-soft);cursor:pointer;will-change:transform;border-radius:24px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s,filter .45s;display:block;position:absolute}.about-collage .img-a{z-index:2;width:62%;height:250px;top:30px;right:0;transform:rotate(1deg)}.about-collage .img-b{z-index:3;width:45%;height:200px;bottom:0;right:7%;transform:rotate(-2deg)}.about-collage .img-c{z-index:1;width:45%;height:200px;bottom:0;left:0;transform:rotate(2deg)}.about-collage .img-a:hover,.about-collage .img-b:hover,.about-collage .img-c:hover{z-index:10;filter:saturate(1.05);transform:translateY(-10px)rotate(0)scale(1.04);box-shadow:0 22px 45px #232f5e38}.about-collage .img-a:hover{transform:translateY(-8px)rotate(0)scale(1.035)}.about-collage .floating-card{z-index:8;background:var(--bg-page);width:215px;color:var(--text-main);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);border-radius:18px;padding:16px;transition:background-color .25s,border-color .25s,box-shadow .3s;animation:4s ease-in-out infinite aboutCardFloat;position:absolute;top:0;left:0}.about-collage .floating-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 18px 40px #232f5e2e}.about-collage .floating-card strong{color:var(--text-main);margin-bottom:5px;font-size:14px;font-weight:800;display:block}.about-collage .floating-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.7}@keyframes aboutCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.about-content{text-align:right;direction:rtl;grid-area:1/2}.about-checklist{flex-direction:column;gap:14px;margin-top:24px;display:flex}.about-checklist li{color:var(--text-main);align-items:flex-start;gap:12px;font-size:15.5px;transition:transform .25s;display:flex}.about-checklist li:hover{transform:translate(-5px)}.check-icon{background:color-mix(in srgb, var(--color-accent) 12%, transparent);width:26px;height:26px;color:var(--color-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .25s,transform .25s;display:flex}.about-checklist li:hover .check-icon{transform:scale(1.08)}.features{background:var(--bg-surface);padding:80px 0}.features-head{text-align:center;max-width:680px;margin:0 auto 48px}.features-grid{direction:ltr;grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.feature-card{background:var(--bg-page);min-width:0;color:var(--text-main);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);text-align:right;will-change:transform;direction:rtl;border-radius:22px;flex-direction:column;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .3s;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--color-accent);transform-origin:100%;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--border-soft));transform:translateY(-10px);box-shadow:0 22px 45px #232f5e26}.feature-card:hover:before{transform:scaleX(1)}.feature-card .feature-img-wrapper{height:190px;position:relative;overflow:hidden}.feature-card .feature-img{object-fit:cover;width:100%;height:190px;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .45s}.feature-card:hover .feature-img{filter:saturate(1.08);transform:scale(1.07)}.feature-card .feature-img-wrapper:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 45%,#141e3c40);transition:opacity .4s;position:absolute;inset:0}.feature-card:hover .feature-img-wrapper:after{opacity:1}.feature-card .feature-body{flex:1;padding:22px}.feature-card h3{color:var(--text-main);margin:0 0 9px;font-size:18px;font-weight:800;transition:color .25s,transform .25s}.feature-card:hover h3{color:var(--color-accent);transform:translate(-3px)}.feature-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.9}.feature-card .feature-icon{background:color-mix(in srgb, var(--color-accent) 10%, transparent);width:44px;height:44px;color:var(--color-accent);border-radius:13px;justify-content:center;align-items:center;margin-bottom:15px;transition:transform .35s,background-color .25s;display:flex}.feature-card:hover .feature-icon{background:color-mix(in srgb, var(--color-accent) 16%, transparent);transform:translateY(-3px)rotate(-3deg)}.success-stories{padding:70px 0;position:relative}.success-stories-head{text-align:center;max-width:620px;margin:0 auto 40px;position:relative}.success-stories-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.success-story-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);text-align:right;direction:rtl;flex-direction:column;gap:12px;padding:24px 22px;display:flex;position:relative}.success-story-image{object-fit:cover;border-radius:calc(var(--radius-md) - 6px);width:100%;height:160px;margin:-4px -4px 4px}.success-story-quote-icon{color:var(--color-accent);opacity:.5}.success-story-text{color:var(--text-main);flex:1;margin:0;font-size:14px;line-height:1.9}.success-story-footer{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.success-story-name{color:var(--text-main);font-size:13.5px;font-weight:800}.success-story-score{background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-accent);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}@media (width<=900px){.success-stories-grid{grid-template-columns:1fr}}.student-reviews{padding:60px 0;position:relative}.student-reviews-head{text-align:center;max-width:620px;margin:0 auto 32px;position:relative}.student-reviews-strip{scroll-snap-type:x proximity;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.student-review-card{scroll-snap-align:start;background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);text-align:right;direction:rtl;flex-direction:column;flex:none;gap:10px;width:min(320px,82vw);padding:20px;display:flex}.student-review-stars{color:#f59e0b;gap:2px;display:flex}.student-review-text{color:var(--text-main);margin:0;font-size:13.5px;line-height:1.8}.student-review-name{color:var(--text-muted);font-size:12.5px;font-weight:700}.faq{padding:70px 0;position:relative}.faq-head{text-align:center;max-width:620px;margin:0 auto 40px;position:relative}.faq-dot{border-radius:50%;width:12px;height:12px;position:absolute}.faq-dot.orange{background:#f5a623;top:10px;left:6%}.faq-dot.blue{background:var(--color-accent);top:60px;right:4%}.faq-dot.green{background:#34a853;bottom:-10px;left:2%}.faq-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.faq-item{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);text-align:right;direction:rtl;padding:20px 22px}.faq-item h4{margin:0 0 8px;font-size:15.5px;font-weight:800}.faq-item p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.9}.faq-more{justify-content:center;margin-top:34px;display:flex}.app-download{color:#fff;isolation:isolate;background:linear-gradient(#142b4b 0%,#0b1c33 55%,#071525 100%);width:100%;min-height:370px;position:relative;overflow:hidden}.app-download:before,.app-download:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#94b7dc3d 1px,#0000 1px),linear-gradient(90deg,#94b7dc3d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.app-download:before{opacity:.42;transform-origin:bottom;transform:perspective(700px)rotateX(58deg)scale(1.8)}.app-download:after{opacity:.28;transform-origin:top;background-image:linear-gradient(#a0c0e138 1px,#0000 1px),linear-gradient(90deg,#a0c0e138 1px,#0000 1px);transform:perspective(800px)rotateX(-45deg)scale(1.8)}.app-download-grid{z-index:1;pointer-events:none;opacity:.35;background:linear-gradient(145deg,#0000 0 48%,#96b8dc29 48.2%,#0000 48.5%) 0 0/140px 140px;position:absolute;inset:0}.app-download-container{z-index:5;direction:ltr;grid-template-columns:1fr .9fr;align-items:center;gap:20px;width:100%;max-width:1120px;min-height:370px;margin-inline:auto;padding:20px 20px 0;display:grid;position:relative}.app-download-content{z-index:5;text-align:center;direction:rtl;grid-area:1/1;justify-self:center;width:100%;max-width:560px;padding-bottom:15px;position:relative}.app-download h2{color:#fff;font-family:var(--font-display);letter-spacing:-.5px;margin:0 0 14px;font-size:clamp(28px,3.3vw,38px);font-weight:800;line-height:1.45}.app-download p{color:#ffffffe0;max-width:500px;margin:0 auto 26px;font-size:15px;line-height:1.9}.store-badge{color:#fff;background:#000;border:1px solid #ffffffa6;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:147px;height:44px;padding:5px 11px;transition:transform .25s,box-shadow .25s,border-color .25s;display:inline-flex;box-shadow:0 7px 20px #00000040}.store-badge:hover{border-color:#fff;transform:translateY(-3px);box-shadow:0 12px 28px #00000059}.play-icon{flex-shrink:0;width:27px;height:27px}.store-badge-text{text-align:left;direction:ltr;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1;display:flex}.store-badge-text small,.store-badge-text strong{color:#fff;font-family:Arial,sans-serif}.store-badge-text small{letter-spacing:.2px;margin-bottom:3px;font-size:8px;font-weight:400}.store-badge-text strong{letter-spacing:-.5px;font-size:17px;font-weight:500}.app-download-media{direction:rtl;grid-area:1/2;justify-content:center;align-self:end;align-items:flex-end;width:100%;height:370px;display:flex;position:relative}.app-download-media img{z-index:3;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 18px 25px #0000004d);width:auto;max-width:none;height:365px;transition:transform .5s,filter .5s;display:block;position:relative;transform:translateY(12px)}.app-download-media:hover img{filter:drop-shadow(0 25px 35px #0000006b);transform:translateY(5px)scale(1.025)}.phone-glow{z-index:1;filter:blur(10px);background:radial-gradient(circle,#498cd247 0%,#498cd21a 35%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.footer{background:var(--bg-surface);color:var(--text-main);border-top:1px solid var(--border-soft);padding:56px 0 26px}.footer-grid{text-align:right;grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.footer-col{min-width:0}.footer-col h4{color:var(--text-main);margin:0 0 16px;font-size:15px;font-weight:800}.footer-col ul{flex-direction:column;gap:10px;display:flex}.footer-col a{color:var(--text-muted);font-size:14px;transition:color .2s,transform .2s;display:inline-block}.footer-col a:hover{color:var(--color-accent);transform:translate(-4px)}.footer-social{gap:10px;display:flex}.footer-social a{background:var(--bg-page);width:38px;height:38px;color:var(--text-muted);border:1px solid var(--border-soft);border-radius:50%;justify-content:center;align-items:center;transition:transform .25s,background-color .25s,color .25s,border-color .25s,box-shadow .25s;display:flex}.footer-social a:hover{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent);box-shadow:0 8px 20px color-mix(in srgb, var(--color-accent) 25%, transparent);transform:translateY(-4px)}.footer-bottom{border-top:1px solid var(--border-soft);color:var(--text-muted);text-align:center;margin-top:40px;padding-top:20px;font-size:13px}@media (width<=980px){.hero{height:auto;min-height:auto;padding-top:90px}.hero-container{text-align:center;grid-template-columns:1fr;gap:25px;height:auto;min-height:auto;padding:45px 35px 0}.hero-content{text-align:center;grid-area:1/1;justify-self:center;width:100%;max-width:700px;margin-inline:auto;transform:translateY(-15px)}.hero-heading,.hero-heading span{text-align:center}.hero-heading span{white-space:normal}.hero-stroke{margin:16px auto}.hero-text{text-align:center;margin-inline:auto}.hero-content .btn{margin-inline:auto}.hero-media{grid-area:2/1;height:450px}.hero-media img{width:min(100%,430px);max-height:450px}.about .container{direction:rtl;grid-template-columns:1fr;gap:45px}.about-content{grid-area:1/1}.about-collage{grid-area:2/1;width:100%;max-width:650px;margin-inline:auto}.features-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.app-download{min-height:650px}.app-download-container{grid-template-rows:auto 390px;grid-template-columns:1fr;min-height:650px;padding-top:55px}.app-download-content{grid-area:1/1;max-width:620px;padding-bottom:0}.app-download-media{grid-area:2/1;height:390px}.app-download-media img{height:390px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.landing .container{padding-inline:18px}.hero{padding-top:82px}.hero-container{padding:35px 20px 0}.hero-content{transform:none}.hero-heading{font-size:32px;line-height:1.45}.hero-heading span{white-space:normal}.hero-stroke{width:250px;height:20px}.hero-text{font-size:14px;line-height:2}.hero-text br,.app-download p br{display:none}.hero-content .btn{min-width:170px;min-height:52px;font-size:15px}.hero-media{height:350px}.hero-media img{width:330px;max-height:350px}.partners-row{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.partners-row .partner{min-width:0;height:75px;padding:8px 12px}.partners-row .partner-logo{max-width:120px;height:50px}.about{padding:55px 0}.about-collage{min-height:340px}.about-collage .img-a{width:65%;height:190px}.about-collage .img-b,.about-collage .img-c{width:46%;height:155px}.about-collage .floating-card{width:175px;padding:12px}.features{padding:55px 0}.features-grid{grid-template-columns:1fr}.feature-card{border-radius:18px}.faq{padding:55px 0}.app-download{min-height:590px}.app-download-container{grid-template-rows:auto 310px;gap:15px;min-height:590px;padding:42px 18px 0}.app-download h2{font-size:27px;line-height:1.5}.app-download p{max-width:390px;font-size:13px;line-height:1.9}.app-download-media{height:310px}.app-download-media img{height:310px;transform:translateY(8px)}.app-download-media:hover img{transform:translateY(4px)scale(1.015)}.phone-glow{width:210px;height:210px}.footer-grid{text-align:center;grid-template-columns:1fr}.footer-social{justify-content:center}.footer-col a:hover{transform:none}}.faq-page{--faq-primary:var(--color-primary,#31599b);--faq-accent:var(--color-accent,#2563eb);--faq-page:var(--bg-page,#f6f8fc);--faq-surface:var(--bg-surface,#fff);--faq-text:var(--text-main,#172033);--faq-muted:var(--text-muted,#7d8795);--faq-border:var(--border-soft,#0f172a14);--faq-shadow:0 12px 34px #1f2d4812;--faq-shadow-hover:0 18px 42px #1f2d481c;background:radial-gradient(circle at 8% 4%, #31599b0b, transparent 24%), radial-gradient(circle at 92% 34%, #2563eb09, transparent 22%), var(--faq-page);min-height:calc(100vh - 96px);color:var(--faq-text);direction:rtl;transition:background-color .25s,color .25s}.faq-hero{padding:24px 0 0}.faq-hero-overlay{background-color:#0000;background-image:linear-gradient(115deg,#081426e6,#143052c7),url(/assets/landing/faq-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffff1f;border-radius:28px;justify-content:center;align-items:center;width:min(1180px,100% - 32px);min-height:350px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #0f172a29}.faq-hero-overlay:before{content:"";pointer-events:none;background:radial-gradient(circle at 14% 25%,#ffffff1f,#0000 24%),radial-gradient(circle at 88% 80%,#60a5fa26,#0000 28%),linear-gradient(90deg,#0c131614,#0000 50%,#0c131629);position:absolute;inset:0}.faq-hero-content{z-index:2;color:#fff;text-align:center;direction:rtl;width:min(100%,900px);padding:34px 24px;position:relative}.faq-hero-content:before{content:"";background:#ffffffb8;border-radius:999px;width:46px;height:4px;margin:0 auto 18px;display:block}.faq-hero-content h1{color:#fff;font-family:var(--font-display);letter-spacing:-.7px;text-align:center;margin:0 0 10px;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.35}.faq-hero-content p{color:#ffffffd6;text-align:center;max-width:760px;margin:0 auto 26px;font-size:15px;font-weight:500;line-height:1.9}.faq-search{color:#718096;-webkit-backdrop-filter:blur(14px);direction:rtl;background:#fffffff7;border:1px solid #fff3;border-radius:16px;align-items:center;gap:11px;width:min(520px,100%);height:54px;margin:0 auto;padding:0 18px;transition:border-color .25s,box-shadow .25s,transform .25s,background-color .25s;display:flex;box-shadow:0 12px 32px #0000002e,inset 0 1px #ffffffb3}.faq-search>svg{color:var(--faq-accent);stroke-width:2.2px;flex:none}.faq-search:hover{border-color:#ffffff6b;transform:translateY(-1px)}.faq-search:focus-within{border-color:#93c5fdcc;transform:translateY(-2px);box-shadow:0 0 0 4px #93c5fd2e,0 16px 38px #0003}.faq-search input{color:#172033;text-align:right;direction:rtl;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:0;font-family:inherit;font-size:13px;font-weight:600}.faq-search input::placeholder{color:#98a2b3;opacity:1}.faq-content{padding:30px 0 76px}.faq-content .container{width:min(100%,1080px);margin-inline:auto;padding-inline:20px}.faq-categories{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:0 auto 25px;display:flex}.faq-categories button{border:1px solid var(--faq-border);background:var(--faq-surface);min-height:42px;color:var(--faq-muted);cursor:pointer;border-radius:12px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:750;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s,transform .2s;box-shadow:0 5px 16px #0f172a09}.faq-categories button:hover{color:var(--faq-primary);background:var(--faq-surface);border-color:#31599b40;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a12}.faq-categories button.active{background:var(--faq-primary);color:#fff;border-color:var(--faq-primary);box-shadow:0 9px 22px #31599b33}.faq-categories button.active:hover{color:#fff;background:var(--faq-primary);border-color:var(--faq-primary)}.faq-list{flex-direction:column;gap:12px;width:min(100%,900px);margin-inline:auto;display:flex}.faq-item{background:var(--faq-surface);border:1px solid var(--faq-border);box-shadow:var(--faq-shadow);border-radius:17px;transition:box-shadow .25s,border-color .25s,background-color .25s,transform .25s;overflow:hidden}.faq-item:hover{box-shadow:var(--faq-shadow-hover);border-color:#31599b2b;transform:translateY(-1px)}.faq-item.open{border-color:#31599b3d;box-shadow:0 15px 38px #1f2d4817}.faq-question{width:100%;min-height:70px;color:var(--faq-text);cursor:pointer;text-align:right;direction:rtl;background:0 0;border:none;justify-content:space-between;align-items:center;gap:18px;padding:15px 20px;font-family:inherit;display:flex}.faq-question:focus-visible{outline-offset:-3px;outline:3px solid #2563eb33}.faq-question-text{flex:1;font-size:14px;font-weight:750;line-height:1.8}.faq-plus{border:1px solid var(--faq-border);background:var(--faq-page);width:34px;height:34px;color:var(--faq-primary);direction:ltr;border-radius:11px;flex:0 0 34px;justify-content:center;align-items:center;transition:background-color .25s,color .25s,border-color .25s,transform .25s;display:flex}.faq-plus svg{transition:transform .25s}.faq-plus svg.rotate{transform:rotate(45deg)}.faq-item.open .faq-plus{background:var(--faq-primary);border-color:var(--faq-primary);color:#fff}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.faq-answer p{min-height:0;color:var(--faq-muted);opacity:0;margin:0;padding:0 20px;font-size:13px;line-height:2;transition:opacity .2s,padding .3s;overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{opacity:1;padding:0 20px 20px}.faq-empty{border:1px dashed var(--faq-border);background:var(--faq-surface);color:var(--faq-muted);text-align:center;box-shadow:var(--faq-shadow);border-radius:20px;padding:58px 24px}.faq-empty h3{color:var(--faq-text);margin:0 0 8px;font-size:18px;font-weight:800}.faq-empty p{color:var(--faq-muted);margin:0;font-size:13px}.faq-search+.field-error{color:#fecaca;text-align:right;max-width:520px;margin:8px auto 0;font-size:11px;font-weight:600}[data-theme=dark] .faq-page{--faq-page:var(--bg-page,#101827);--faq-surface:var(--bg-surface,#172131);--faq-text:var(--text-main,#eef4ff);--faq-muted:var(--text-muted,#aab5c7);--faq-border:var(--border-soft,#ffffff17);--faq-shadow:0 14px 38px #0000003d;--faq-shadow-hover:0 18px 44px #00000052;background:radial-gradient(circle at 8% 4%, #31599b1f, transparent 24%), radial-gradient(circle at 92% 34%, #2563eb14, transparent 22%), var(--faq-page)}[data-theme=dark] .faq-hero-overlay{border-color:#ffffff14;box-shadow:0 24px 58px #00000057}[data-theme=dark] .faq-search{color:#aab5c7;background:#1c2738;border-color:#ffffff1a;box-shadow:0 14px 34px #0000004d,inset 0 1px #ffffff09}[data-theme=dark] .faq-search:hover{background:#202d40;border-color:#94a3b83d}[data-theme=dark] .faq-search:focus-within{background:#202d40;border-color:#60a5fa85;box-shadow:0 0 0 4px #3b82f621,0 18px 42px #00000057}[data-theme=dark] .faq-search input{color:#f1f5f9;caret-color:#93c5fd;background:0 0}[data-theme=dark] .faq-search input::placeholder{color:#8794a8}[data-theme=dark] .faq-categories button{color:#aab5c7;background:#172131;border-color:#ffffff14;box-shadow:0 7px 18px #00000026}[data-theme=dark] .faq-categories button:hover{color:#dbeafe;background:#1d293a;border-color:#60a5fa4d}[data-theme=dark] .faq-categories button.active,[data-theme=dark] .faq-categories button.active:hover{background:var(--faq-primary);border-color:var(--faq-primary);color:#fff}[data-theme=dark] .faq-item{box-shadow:var(--faq-shadow);background:#172131;border-color:#ffffff14}[data-theme=dark] .faq-item:hover{box-shadow:var(--faq-shadow-hover);background:#1a2637;border-color:#60a5fa33}[data-theme=dark] .faq-item.open{background:#1a2739;border-color:#60a5fa42}[data-theme=dark] .faq-plus{color:#93c5fd;background:#111b2a;border-color:#ffffff17}[data-theme=dark] .faq-item.open .faq-plus{background:var(--faq-primary);border-color:var(--faq-primary);color:#fff}[data-theme=dark] .faq-empty{background:#172131;border-color:#ffffff1a}@media (width<=768px){.faq-hero{padding-top:15px}.faq-hero-overlay{border-radius:22px;width:calc(100% - 24px);min-height:310px}.faq-hero-content{padding:28px 18px}.faq-hero-content:before{margin-bottom:14px}.faq-hero-content h1{font-size:30px}.faq-hero-content p{margin-bottom:22px;font-size:13px}.faq-search{border-radius:15px;height:50px}.faq-content{padding-top:23px}.faq-categories{gap:7px;margin-bottom:20px}.faq-categories button{min-height:39px;padding-inline:14px;font-size:12px}.faq-question{min-height:63px;padding:13px 15px}.faq-question-text{font-size:13px}.faq-answer p,.faq-item.open .faq-answer p{padding-inline:15px}.faq-item.open .faq-answer p{padding-bottom:18px}}@media (width<=480px){.faq-hero{padding-top:10px}.faq-hero-overlay{border-radius:18px;width:calc(100% - 16px);min-height:275px}.faq-hero-content{padding:22px 13px}.faq-hero-content:before{width:38px;height:3px;margin-bottom:12px}.faq-hero-content h1{margin-bottom:7px;font-size:25px}.faq-hero-content p{margin-bottom:18px;font-size:11.5px;line-height:1.8}.faq-search{border-radius:14px;gap:8px;height:46px;padding-inline:14px}.faq-search input{font-size:11px}.faq-content .container{padding-inline:12px}.faq-categories{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:2px 1px 6px;overflow-x:auto}.faq-categories::-webkit-scrollbar{display:none}.faq-categories button{flex:none;min-height:38px;padding-inline:13px}.faq-list{gap:9px}.faq-item{border-radius:15px}.faq-question{gap:10px;min-height:59px;padding:12px}.faq-question-text{font-size:12px;line-height:1.7}.faq-plus{border-radius:9px;flex-basis:30px;width:30px;height:30px}.faq-answer p,.faq-item.open .faq-answer p{padding-inline:12px;font-size:12px;line-height:1.9}.faq-item.open .faq-answer p{padding-bottom:15px}}.articles-page{background:var(--bg-page);min-height:calc(100vh - 96px);color:var(--text-main);direction:rtl;transition:background-color .25s,color .25s}.articles-page .container{width:min(1180px,100% - 80px);margin:auto}.articles-hero{background:url(../assets/landing/article-graduation.png) 50%/cover;border-radius:25px;width:min(1180px,100% - 80px);height:300px;margin:10px auto 25px;position:relative;overflow:hidden}.articles-hero-overlay{background:#191d229e;position:absolute;inset:0}.articles-hero-content{z-index:1;color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:25px;display:flex;position:relative}.articles-hero-content h1{margin:0 0 6px;font-size:30px;font-weight:800}.articles-hero-content h2{margin:0 0 9px;font-size:24px;font-weight:700}.articles-hero-content p{color:#e9edf3;max-width:700px;margin:0;font-size:18px;line-height:1.9}.articles-content{padding-bottom:30px}.article-search{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:22px;align-items:center;gap:10px;height:44px;margin:0 0 25px;padding:0 15px;display:flex;position:relative;box-shadow:0 2px 10px #14284605}.article-search>svg{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.article-search input{width:100%;min-width:0;color:var(--text-main);text-align:right;background:0 0;border:0;outline:0;font-family:inherit;font-size:16px}.article-search input::placeholder{color:var(--text-muted)}.article-search-clear{background:var(--bg-surface-2);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:flex}.article-search-clear:hover{background:var(--border-soft);color:var(--text-main)}.article-search-clear svg{width:15px;height:15px}.article-search .field-error{color:#d94b4b;font-size:10px;position:absolute;top:calc(100% + 6px);right:0}.articles-grid{direction:rtl;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.article-card{background:var(--bg-surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);direction:rtl;border-radius:15px;transition:transform .2s,box-shadow .2s;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.article-card-image-wrap{height:145px;display:block;overflow:hidden}.article-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.article-card:hover .article-card-image{transform:scale(1.03)}.article-card-body{text-align:right;padding:11px 13px 15px}.article-card h3{color:var(--text-main);margin:0 0 7px;font-size:16px;font-weight:700;line-height:1.6}.article-card p{color:var(--text-muted);margin:0 0 9px;font-size:14px;line-height:1.8}.read-more{color:var(--text-main);font-size:12px;font-weight:600}.article-category{background:var(--bg-surface-2);color:var(--text-muted);border-radius:12px;align-items:center;margin-bottom:7px;padding:3px 15px;font-size:14px;line-height:1.5;display:inline-flex}.category-تخرج{color:#c28a42;background:#fff8ef}.category-تنظيم{color:#9b69c5;background:#faf1ff}.category-دعم{color:#57a36e;background:#edf9f1}.article-card-skeleton{pointer-events:none;overflow:hidden}.article-card-skeleton>*{animation:1.5s ease-in-out infinite articleSkeletonPulse}.article-skeleton-image{background:var(--bg-surface-2);height:145px}.article-skeleton-body{padding:13px}.article-skeleton-body span{background:var(--bg-surface-2);border-radius:7px;display:block}.article-skeleton-category{width:80px;height:20px;margin-bottom:10px}.article-skeleton-title{width:92%;height:16px;margin-bottom:8px}.article-skeleton-title.short{width:68%}.article-skeleton-text{width:100%;height:10px;margin-top:8px}.article-skeleton-text.short{width:72%}.article-skeleton-footer{justify-content:space-between;gap:15px;margin-top:18px;display:flex}.article-skeleton-footer span{width:70px;height:10px}@keyframes articleSkeletonPulse{0%,to{opacity:.55}50%{opacity:1}}.empty-articles{color:var(--text-muted);text-align:center;padding:50px;font-size:16px;font-weight:600}.articles-error{color:#c94d4d}.articles-pagination{background:#fff;border:1px solid #e7ebf2;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:26px;padding:14px 16px;display:flex;box-shadow:0 10px 28px #0f172a0b}.articles-pagination-info{color:#94a3b8;white-space:nowrap;font-size:11px;font-weight:800}.articles-pagination-controls{direction:rtl;justify-content:center;align-items:center;gap:6px;display:flex}.articles-pagination-number,.articles-pagination-arrow{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-family:inherit;font-size:11px;font-weight:900;transition:all .2s;display:inline-flex}.articles-pagination-number:hover:not(.active),.articles-pagination-arrow:hover:not(:disabled){color:#4f46e5;background:#f8faff;border-color:#c7d2fe;transform:translateY(-1px)}.articles-pagination-number.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 7px 18px #4f46e538}.articles-pagination-arrow:disabled{opacity:.38;cursor:not-allowed}.articles-pagination-arrow svg{width:16px;height:16px}.articles-pagination-prev-icon{transform:rotate(-90deg)}.articles-pagination-next-icon{transform:rotate(90deg)}.articles-pagination-ellipsis{color:#94a3b8;justify-content:center;align-items:center;width:24px;font-size:15px;font-weight:900;display:inline-flex}[data-theme=dark] .articles-hero-overlay{background:#000000ad}[data-theme=dark] .articles-pagination{border-color:var(--border-soft);background:var(--bg-surface);box-shadow:0 10px 28px #0000001f}[data-theme=dark] .articles-pagination-number,[data-theme=dark] .articles-pagination-arrow{border-color:var(--border-soft);background:var(--bg-surface);color:var(--text-muted)}[data-theme=dark] .articles-pagination-number:hover:not(.active),[data-theme=dark] .articles-pagination-arrow:hover:not(:disabled){background:var(--bg-surface-2);color:#818cf8;border-color:#6366f1}[data-theme=dark] .articles-pagination-number.active{color:#fff;background:#4f46e5;border-color:#4f46e5}[data-theme=dark] .articles-pagination-info,[data-theme=dark] .articles-pagination-ellipsis{color:var(--text-muted)}[data-theme=dark] .category-تخرج{background:#c28a4224}[data-theme=dark] .category-تنظيم{background:#9b69c524}[data-theme=dark] .category-دعم{background:#57a36e24}@media (width<=900px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.articles-page .container,.articles-hero{width:calc(100% - 28px)}.articles-hero{border-radius:18px;height:220px}.articles-hero-content{padding:20px}.articles-hero-content h1{font-size:22px}.articles-hero-content h2{font-size:18px}.articles-hero-content p{max-width:560px;font-size:10px;line-height:1.8}.articles-grid{grid-template-columns:repeat(3,1fr);gap:8px}.article-card-image-wrap{height:95px}.article-card-body{padding:7px}.article-card h3{font-size:8px}.article-card p{font-size:6.5px}.article-category{padding:2px 8px;font-size:6px}.read-more{font-size:6.5px}.article-search{height:38px}.article-search input{font-size:14px}.articles-pagination{gap:12px;margin-top:22px;padding:12px}.articles-pagination-info{font-size:10px}.articles-pagination-controls{gap:4px}.articles-pagination-number,.articles-pagination-arrow{border-radius:9px;width:34px;height:34px}.articles-pagination-arrow svg{width:14px;height:14px}.articles-pagination-ellipsis{width:18px;font-size:13px}.article-skeleton-image{height:95px}}@media (width<=500px){.articles-grid{grid-template-columns:1fr}.article-card-image-wrap{height:150px}.article-card h3{font-size:12px}.article-card p{font-size:9px}.article-category,.read-more{font-size:8px}.articles-pagination{flex-direction:column;justify-content:center}.articles-pagination-info{font-size:10px}.articles-pagination-controls{gap:3px}.articles-pagination-number,.articles-pagination-arrow{width:33px;height:33px}.articles-pagination-ellipsis{width:16px}}.article-details-page{background:var(--bg-page);min-height:calc(100vh - 96px);color:var(--text-main);direction:rtl;transition:background-color .25s,color .25s}.article-details-container{text-align:right;width:min(780px,100% - 70px);margin:0 auto;padding:38px 0 70px}.article-back{color:var(--color-accent);font-size:16px}.article-details-container>h1{color:var(--text-main);margin:8px 0 5px;font-size:36px;font-weight:500;line-height:1.35}.article-lead{color:var(--text-muted);margin:0 0 18px;font-size:16px;line-height:1.9}.article-meta{color:var(--text-muted);direction:ltr;justify-content:flex-start;gap:20px;margin-bottom:24px;font-size:14px;display:flex}.comments-meta{direction:rtl;align-items:center;gap:4px;display:inline-flex}.comments-count{order:1}.comments-label{order:2}.meta-icon{border:1px solid var(--border-soft);border-radius:2px;width:9px;height:9px;display:inline-block}.meta-clock{border-radius:50%}.article-details-cover{object-fit:cover;border-radius:18px;width:100%;height:270px;margin-bottom:24px;display:block}.article-body{font-size:14px;line-height:2.05}.article-body p{margin:0 0 18px}.article-body h2{color:var(--text-main);margin:28px 0 12px;font-size:18px}.article-callouts{gap:12px;margin:10px 0 28px;display:grid}.article-callout{background:var(--bg-surface);border-radius:28px;min-height:78px;padding:15px 35px 15px 28px;position:relative}.article-callout strong{color:var(--text-main);margin-bottom:5px;font-size:11px;display:block}.article-callout p{color:var(--text-muted);margin:0;font-size:10px;line-height:1.8}.callout-icon{color:#759989;font-size:13px;position:absolute;top:17px;right:16px}.related-articles{margin-top:58px}.related-articles>h2{color:var(--text-main);margin-bottom:20px;font-size:18px}.related-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.related-grid .article-card-image-wrap{height:125px}.related-grid .article-card-body{padding:10px}.related-grid .article-card h3{font-size:14px}.related-grid .article-card p{font-size:12px}.related-grid .article-category,.related-grid .read-more{font-size:11px}@media (width<=760px){.article-details-container{width:calc(100% - 36px);padding-top:25px}.article-details-container>h1{font-size:26px}.article-lead{font-size:11px}.article-details-cover{height:220px}.article-body{font-size:12px}.article-callout p{font-size:8px}.related-grid{gap:8px}.related-grid .article-card-image-wrap{height:95px}.related-grid .article-card h3{font-size:8px}.related-grid .article-card p{font-size:6px}}@media (width<=500px){.related-grid{grid-template-columns:1fr}.related-grid .article-card-image-wrap{height:150px}.related-grid .article-card h3{font-size:12px}.related-grid .article-card p{font-size:9px}}.article-api-content{overflow-wrap:anywhere}.article-content-text{white-space:normal;overflow-wrap:anywhere;font-size:16px}.article-content-text p{margin:0 0 18px}.article-content-text h2,.article-content-text h3,.article-content-text h4{color:var(--text-main);margin:28px 0 12px;line-height:1.6}.article-content-text ul,.article-content-text ol{margin:0 0 18px;padding-right:24px}.article-content-text li{margin-bottom:8px}.article-content-text blockquote{border-right:3px solid var(--color-accent);background:var(--bg-surface-2);border-radius:10px;margin:20px 0;padding:12px 18px}.article-content-text a{color:var(--color-accent);text-decoration:underline}.article-content-text img{border-radius:12px;max-width:100%;height:auto;margin:18px auto;display:block}.blog-comments{border-top:1px solid var(--border-soft);margin-top:55px;padding-top:28px}.blog-comments-title-row{align-items:center;gap:10px;margin-bottom:18px;display:flex}.blog-comments-title-row h2{color:var(--text-main);margin:0;font-size:20px}.blog-comments-title-row>span{background:var(--bg-surface-2);min-width:24px;height:24px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;padding:0 7px;font-size:11px;display:inline-flex}.blog-comment-form{gap:10px;margin-bottom:24px;display:grid}.blog-comment-form textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--border-soft);background:var(--bg-surface);width:100%;min-height:100px;color:var(--text-main);font:inherit;border-radius:14px;outline:none;padding:13px 15px;font-size:16px;line-height:1.8}.blog-comment-form textarea:focus{border-color:var(--color-accent)}.blog-comment-form>button{background:var(--color-accent);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-self:start;padding:9px 18px;font-family:inherit;font-size:16px}.blog-comment-form>button:disabled{opacity:.5;cursor:default}.replying-to{background:var(--bg-surface-2);color:var(--text-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:16px;display:flex}.replying-to button{color:var(--color-accent);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:14px}.blog-comment-success,.blog-comment-error{margin:0 0 15px;font-size:11px}.blog-comment-success{color:#4e9a67}.blog-comment-error{color:#c94d4d}.blog-comments-list{gap:12px;display:grid}.blog-comment{border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:14px;padding:15px}.blog-comment-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.blog-comment-header strong{color:var(--text-main);font-size:16px}.blog-comment-header span{color:var(--text-muted);font-size:14px}.blog-comment>p{color:var(--text-muted);white-space:pre-wrap;margin:0;font-size:16px;line-height:1.9}.blog-comment-reply{color:var(--color-accent);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-family:inherit;font-size:14px}.blog-comment-replies{gap:9px;margin-top:12px;margin-right:20px;display:grid}.blog-comment-replies .blog-comment{background:var(--bg-page)}@media (width<=760px){.blog-comments{margin-top:40px}.blog-comment-replies{margin-right:10px}}.tests-page{width:100%;min-height:100%;color:var(--text-main,#172033);background:0 0;padding:8px 0 48px}.tests-container{width:min(1240px,100% - 8px);margin:0 auto}.tests-hero{isolation:isolate;color:#fff;background:linear-gradient(135deg,#3f66b0 0%,#294783 100%);border-radius:24px;min-height:168px;margin-bottom:34px;padding:30px 38px;position:relative;overflow:hidden;box-shadow:0 14px 36px #23417824}.tests-hero:before{content:"";z-index:-1;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-220px;left:-120px}.tests-hero:after{content:"";z-index:-1;border:1px solid #ffffff14;border-radius:50%;width:250px;height:250px;position:absolute;top:-200px;right:22%}.tests-hero-decoration{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute}.tests-hero-decoration-one{width:130px;height:130px;bottom:-88px;right:8%}.tests-hero-decoration-two{width:72px;height:72px;top:18px;left:28%}.tests-hero-content{z-index:1;max-width:820px;position:relative}.tests-hero-badge{color:#fff;align-items:center;gap:7px;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-flex}.tests-hero-badge svg{color:#ffd45c}.tests-hero h1{margin:0 0 8px;font-size:27px;font-weight:900;line-height:1.35}.tests-hero p{color:#ffffffc7;max-width:720px;margin:0;font-size:13px;line-height:1.9}.tests-bank-heading{text-align:center;margin:0 auto 26px}.tests-bank-heading>span{color:#1767c7;margin-bottom:7px;font-size:12px;font-weight:900;display:block}.tests-bank-heading h1{color:#151922;margin:0 0 7px;font-size:31px;font-weight:950;line-height:1.35}.tests-bank-heading p{color:#8b96a8;margin:0;font-size:12px}.tests-domains{direction:rtl;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.tests-domain-card{color:#151922;text-align:right;cursor:pointer;background:#fff;border:1px solid #e4e9f1;border-radius:24px;align-items:center;gap:22px;min-height:272px;padding:30px 32px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #14233c0e}.tests-domain-card:before{content:"";background:#f1f5fb;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-110px;left:-72px}.tests-domain-card:hover{border-color:#3f82d6;transform:translateY(-4px);box-shadow:0 18px 42px #14233c1a}.tests-domain-icon{z-index:1;color:#0865c7;background:#f1f5fb;border-radius:22px;flex:0 0 88px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.tests-domain-icon svg{stroke-width:1.8px;width:42px;height:42px}.tests-domain-copy{z-index:1;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex;position:relative}.tests-domain-copy small{color:#8b96a8;font-size:11px;font-weight:700}.tests-domain-copy strong{font-size:30px;font-weight:950;line-height:1.1}.tests-domain-copy>span{color:#7b8798;max-width:390px;font-size:12px;line-height:1.9}.tests-domain-copy em{color:#1767c7;background:#eef5ff;border-radius:999px;margin-top:4px;padding:6px 12px;font-size:10px;font-style:normal;font-weight:900}.tests-domain-arrow{z-index:1;color:#fff;background:#0865c7;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-right:auto;transition:transform .2s;display:flex;position:relative}.tests-domain-arrow svg{width:19px}.tests-domain-card:hover .tests-domain-arrow{transform:translate(-3px)}.tests-results{background:#fff;border:1px solid #e5eaf1;border-radius:24px;padding:24px;box-shadow:0 10px 34px #0f172a0b}.tests-results-page{margin-top:6px}.tests-list-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.tests-back-button,.tests-refresh-button{color:#3e526f;height:42px;font:700 12px var(--font-body);cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;transition:all .2s;display:inline-flex}.tests-back-button:hover,.tests-refresh-button:hover:not(:disabled){color:#1767c7;background:#f7fbff;border-color:#3f82d6}.tests-refresh-button:disabled{opacity:.55;cursor:not-allowed}.tests-refresh-button .is-spinning{animation:.9s linear infinite tests-spin}.tests-list-heading{background:linear-gradient(135deg,#f4f8fd,#eef4fb);border-radius:18px;align-items:center;gap:16px;margin-bottom:20px;padding:20px 22px;display:flex}.tests-list-heading-icon{color:#1767c7;background:#fff;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 5px 15px #1767c714}.tests-list-heading>div:nth-child(2){min-width:0}.tests-list-heading span{color:#1767c7;font-size:10px;font-weight:900}.tests-list-heading h1{margin:3px 0;font-size:25px;font-weight:950}.tests-list-heading p{color:#8b96a8;margin:0;font-size:11px}.tests-list-count{background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:72px;height:68px;margin-right:auto;display:flex}.tests-list-count strong{color:#1767c7;font-size:22px}.tests-list-count span{color:#8b96a8;font-size:10px}.tests-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.tests-search{color:#8b96a8;background:#fff;border:1px solid #e1e7ef;border-radius:12px;flex:1;align-items:center;gap:9px;height:44px;padding:0 14px;display:flex}.tests-search:focus-within{border-color:#74a8df;box-shadow:0 0 0 3px #1767c712}.tests-search input{color:#172033;font:13px var(--font-body);background:0 0;border:0;outline:0;flex:1}.tests-filter-toggle{color:#44546d;height:44px;font:700 12px var(--font-body);cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:12px;align-items:center;gap:7px;padding:0 15px;display:flex;position:relative}.tests-filter-toggle.open,.tests-filter-toggle:hover{color:#1767c7;border-color:#74a8df}.tests-filter-badge{color:#fff;background:#1767c7;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:inline-flex}.tests-filters{background:#f8fafc;border:1px solid #e6ebf2;border-radius:15px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px;padding:14px;display:grid}.tests-filters label{color:#7c8798;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.tests-filters select{color:#273348;height:38px;font:12px var(--font-body);background:#fff;border:1px solid #e0e6ee;border-radius:10px;outline:0;padding:0 9px}.tests-filters select:disabled{opacity:.5}.tests-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.test-card{color:inherit;background:#fff;border:1px solid #e3e8ef;border-radius:19px;flex-direction:column;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden;box-shadow:0 7px 22px #0f172a0d}.test-card:hover{border-color:#b9d2ee;transform:translateY(-4px);box-shadow:0 16px 34px #0f172a1a}.test-card-cover{background:linear-gradient(135deg,#31558f,#1767c7);justify-content:center;align-items:center;height:148px;display:flex;position:relative;overflow:hidden}.test-card-cover img{object-fit:cover;width:100%;height:100%}.test-card-cover-fallback{color:#fff}.test-card-cover-overlay{background:linear-gradient(#0819370d,#081937b8);position:absolute;inset:0}.test-card-category,.test-card-score-badge{border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex;position:absolute;top:11px}.test-card-category{color:#21436f;background:#ffffffed;right:11px}.test-card-score-badge{color:#1767c7;background:#fff;left:11px}.test-card-cover-title{color:#fff;position:absolute;bottom:12px;left:14px;right:14px}.test-card-cover-title small{opacity:.78;font-size:9px}.test-card-cover-title h3{margin:3px 0 0;font-size:17px;font-weight:900;line-height:1.35}.test-card-body{flex-direction:column;gap:12px;padding:15px;display:flex}.test-card-description{color:#7b8798;min-height:38px;margin:0;font-size:11px;line-height:1.8}.test-card-meta{grid-template-columns:1fr 1fr;gap:8px;display:grid}.test-card-meta-item{color:#1767c7;background:#f6f8fb;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:9px 10px;display:grid}.test-card-meta-item svg{grid-row:span 2}.test-card-meta-item span{color:#8b96a8;font-size:9px}.test-card-meta-item strong{color:#26354d;font-size:12px}.test-card-footer{color:#1767c7;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding-top:10px;font-size:11px;font-weight:900;display:flex}.test-card-footer svg{transition:transform .2s}.test-card:hover .test-card-footer svg{transform:translate(-3px)}.tests-loading,.tests-empty{color:#7c8798;text-align:center;background:#fbfcfe;border:1px dashed #dbe3ed;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:220px;padding:24px;font-size:12px;display:flex}.tests-empty strong{color:#273348;font-size:15px}.tests-empty-domain svg{color:#1767c7}.tests-notice{color:#1767c7;background:#eef5ff;border-radius:12px;margin-bottom:18px;padding:12px 15px;font-size:12px}.tests-notice.warning{color:#ad6a08;background:#fff7e7}.tests-pagination{justify-content:center;align-items:center;gap:6px;margin-top:22px;display:flex}.tests-pagination button{color:#40516a;cursor:pointer;background:#fff;border:1px solid #dfe6ee;border-radius:9px;min-width:34px;height:34px;padding:0 8px;font-size:12px}.tests-pagination button.current{color:#fff;background:#1767c7;border-color:#1767c7}.tests-pagination button:disabled{opacity:.4;cursor:not-allowed}.tests-pagination-ellipsis{color:#8b96a8}.tests-total{text-align:center;color:#8b96a8;margin-top:12px;font-size:10px}.spin{animation:.9s linear infinite tests-spin}@keyframes tests-spin{to{transform:rotate(360deg)}}@media (width<=1050px){.tests-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tests-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.tests-container{width:calc(100% - 20px)}.tests-hero{min-height:145px;padding:25px 22px}.tests-hero h1{font-size:23px}.tests-domains{grid-template-columns:1fr}.tests-domain-card{min-height:220px;padding:24px}.tests-bank-heading h1{font-size:26px}.tests-grid{grid-template-columns:1fr}.tests-list-heading{align-items:flex-start}.tests-list-count{display:none}.tests-toolbar{flex-wrap:wrap}.tests-search{flex-basis:100%;width:100%}.tests-filters{grid-template-columns:1fr 1fr}.tests-list-topbar{flex-direction:column-reverse;align-items:stretch}.tests-back-button,.tests-refresh-button{width:100%}}@media (width<=460px){.tests-domain-card{gap:14px;padding:20px}.tests-domain-icon{flex-basis:68px;width:68px;height:68px}.tests-domain-icon svg{width:34px}.tests-domain-copy strong{font-size:25px}.tests-domain-copy>span{font-size:11px}.tests-domain-arrow{width:38px;height:38px}.tests-filters{grid-template-columns:1fr}.tests-results{padding:15px}}.tests-scope-tabs{margin-top:0;margin-bottom:16px}.tests-books-style-toolbar{box-sizing:border-box;border:1px solid var(--border-soft,#e1e7ef);background:var(--bg-surface,#fff);width:100%;box-shadow:var(--shadow-soft,0 8px 24px #0f172a0d);isolation:isolate;border-radius:18px;grid-template-columns:minmax(190px,1.05fr) minmax(300px,2fr) repeat(2,minmax(150px,1fr));grid-auto-flow:row;align-items:center;gap:10px;margin-bottom:22px;padding:13px;display:grid;overflow:visible!important}.tests-books-toolbar-heading{align-items:center;gap:10px;min-width:0;display:flex}.tests-books-toolbar-icon{background:var(--bg-surface-2,#f4f7fb);width:42px;height:42px;color:var(--color-accent,#1767c7);border-radius:13px;flex:0 0 42px;place-items:center;display:grid}.tests-books-toolbar-heading>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.tests-books-toolbar-heading span{color:var(--text-muted,#8b96a8);font-size:10px;font-weight:800}.tests-books-toolbar-heading strong{color:var(--text-main,#172033);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:900;overflow:hidden}.tests-books-search{box-sizing:border-box;width:100%;min-width:0}.tests-books-search button{width:28px;height:28px;color:var(--text-muted,#718096);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 28px;place-items:center;display:grid}.tests-books-search button:hover{background:var(--bg-surface-2,#f1f4f8);color:var(--text-main,#172033)}.tests-books-filter{box-sizing:border-box;z-index:4;width:100%;min-width:0;position:relative}.tests-books-filter.is-open{position:relative;z-index:9999!important}.tests-books-filter .books-filter-select-trigger{min-width:0}.tests-books-filter .books-filter-menu{box-sizing:border-box;width:calc(100% + 2px);min-width:100%;max-width:min(320px,100vw - 32px);display:block;top:calc(100% + 8px);left:auto;right:-1px;z-index:99999!important;position:absolute!important}.tests-books-style-toolbar>.tests-books-filter{min-height:46px}[data-theme=dark] .tests-books-style-toolbar,.dark .tests-books-style-toolbar{background:var(--bg-surface,#101827);border-color:var(--border-soft,#273449)}[data-theme=dark] .tests-books-toolbar-heading strong,.dark .tests-books-toolbar-heading strong{color:var(--text-main,#f4f7fb)}@media (width<=1180px){.tests-books-style-toolbar{grid-template-columns:minmax(175px,1fr) minmax(280px,1.65fr) repeat(2,minmax(140px,1fr))}}@media (width<=980px){.tests-books-style-toolbar{grid-template-columns:minmax(180px,1fr) minmax(250px,1.5fr)}.tests-books-toolbar-heading,.tests-books-search{grid-column:1/-1}}@media (width<=680px){.tests-books-style-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.tests-books-toolbar-heading,.tests-books-search{grid-column:1/-1}}@media (width<=460px){.tests-books-style-toolbar{grid-template-columns:1fr}.tests-books-toolbar-heading,.tests-books-search,.tests-books-filter{grid-column:auto}}.tests-books-style-toolbar{z-index:100;position:relative;overflow:visible!important}.tests-books-style-toolbar>.tests-books-filter{z-index:1;position:relative}.tests-books-style-toolbar>.tests-books-filter.is-open{z-index:1001!important}.tests-books-filter .books-filter-menu{z-index:1002!important;position:absolute!important}.test-card,.tests-grid,.tests-results-page>:not(.tests-books-style-toolbar){z-index:1;position:relative}.test-card.is-locked{cursor:not-allowed;border-color:#e2e5eb}.test-card.is-locked:hover{border-color:#e2e5eb;transform:none;box-shadow:0 7px 22px #0f172a0d}.test-card.is-locked .test-card-cover img{filter:grayscale(.35);opacity:.72}.test-card-lock-overlay{z-index:4;pointer-events:none;background:#0f172a3d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.test-card-lock-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172adb;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 8px 22px #0f172a33}.test-card-lock-badge svg{flex-shrink:0}.test-card.is-locked .test-card-footer,.test-card.is-locked .is-locked-footer{color:#8b95a5}.books-page,.book-details-page{background:var(--bg-page);min-height:calc(100vh - 96px);color:var(--text-main)}.books-container,.books-page:not(.dashboard-books-page) .books-hero{width:min(1180px,100% - 40px);margin-inline:auto}.books-hero{isolation:isolate;color:#fff;background:linear-gradient(135deg,#3f66b0 0%,#294783 100%);border-radius:24px;min-height:168px;margin-bottom:34px;padding:30px 38px;position:relative;overflow:hidden;transform:translateY(-5px);box-shadow:0 14px 36px #23417824}.books-hero:before{content:"";z-index:-1;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-220px;left:-120px}.books-hero:after{content:"";z-index:-1;border:1px solid #ffffff14;border-radius:50%;width:250px;height:250px;position:absolute;top:-200px;right:22%}.books-hero-decoration{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute}.books-hero-decoration-one{width:130px;height:130px;bottom:-88px;right:8%}.books-hero-decoration-two{width:72px;height:72px;top:18px;left:28%}.books-hero-content{z-index:1;text-align:right;direction:rtl;width:100%;max-width:820px;position:relative}.books-hero-badge{color:#fff;align-items:center;gap:7px;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-flex}.books-hero-badge svg{color:#ffd45c}.books-hero h1{margin:0 0 8px;font-size:27px;font-weight:900;line-height:1.35}.books-hero p{color:#ffffffc7;max-width:720px;margin:0;font-size:13px;line-height:1.9}.dashboard-books-page .books-hero{width:min(1180px,100% - 40px);margin-inline:auto}.dashboard-books-page .books-hero-content{text-align:right;margin-inline:0 auto}.dashboard-books-page .books-container.books-content{width:min(1180px,100% - 40px)}.books-content{padding-block:1px 72px}.books-toolbar{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:18px;grid-template-columns:auto minmax(260px,1fr) auto auto auto;align-items:center;gap:12px;margin-bottom:28px;padding:13px;display:grid}.books-toolbar-heading{white-space:nowrap;align-items:center;gap:11px;padding-inline:8px;display:flex}.books-section-icon{background:var(--qd-primary);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.books-toolbar-heading div:last-child{flex-direction:column;gap:2px;display:flex}.books-toolbar-heading span{color:var(--text-muted);font-size:12px}.books-toolbar-heading strong{font-size:15px}.books-search,.books-filter-select{border:1px solid var(--border-soft);background:var(--bg-page);min-height:46px;color:var(--text-muted);border-radius:12px;align-items:center;gap:9px;padding:0 13px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.books-search:focus-within,.books-filter-select.is-open,.books-filter-select:hover{border-color:color-mix(in srgb,var(--qd-primary) 55%,var(--border-soft));box-shadow:0 0 0 3px color-mix(in srgb,var(--qd-primary) 10%,transparent);background:var(--bg-surface)}.books-search input{width:100%;min-width:0;color:var(--text-main);background:0 0;border:0;outline:0;font-size:14px}.books-search button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.books-search button:hover{background:var(--bg-surface-2);color:var(--text-main)}.books-filter-select{z-index:3;min-width:168px;padding:0 11px;position:relative}.books-filter-select-icon{color:var(--qd-primary);flex:none}.books-filter-select-trigger{width:100%;min-width:0;height:44px;color:var(--text-main);font:600 13px var(--font-body);cursor:pointer;text-align:right;background:0 0;border:0;outline:0;justify-content:space-between;align-items:center;gap:12px;padding:0 2px;display:flex}.books-filter-select-trigger>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.books-filter-select-trigger svg{color:var(--text-muted);flex:none;transition:transform .2s}.books-filter-select.is-open .books-filter-select-trigger svg{color:var(--qd-primary);transform:rotate(180deg)}.books-filter-menu{border:1px solid var(--border-soft);background:var(--bg-surface);z-index:20;border-radius:14px;min-width:100%;padding:7px;animation:.16s ease-out books-dropdown-in;position:absolute;top:calc(100% + 8px);left:-1px;right:-1px;box-shadow:0 18px 40px #0f172a24}.books-filter-option{width:100%;min-height:38px;color:var(--text-main);font:600 12px var(--font-body);cursor:pointer;text-align:right;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;transition:background .15s,color .15s,transform .15s;display:flex}.books-filter-option:hover{background:var(--bg-surface-2);color:var(--qd-primary)}.books-filter-option.is-selected{background:color-mix(in srgb,var(--qd-primary) 9%,var(--bg-surface));color:var(--qd-primary);font-weight:800}.books-filter-option.is-selected svg{stroke-width:2.5px}@keyframes books-dropdown-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.books-reset{color:var(--qd-primary);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:10px 7px;font-weight:700}.books-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.book-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:20px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.book-card:hover{border-color:color-mix(in srgb, var(--qd-primary) 30%, var(--border-soft));transform:translateY(-5px);box-shadow:0 20px 42px #142a5021}.book-cover{color:#fff;background:linear-gradient(145deg,#1b376e,#086fae);flex-direction:column;justify-content:center;align-items:center;height:238px;display:flex;position:relative;overflow:hidden}.book-cover:before{content:"";border:1px solid #ffffff21;border-left:0;border-radius:0 14px 14px 0;position:absolute;inset:12px 14px 12px 0}.book-cover-glow{filter:blur(10px);background:#69d3ff2e;border-radius:50%;width:180px;height:180px;position:absolute;top:-55px;right:-45px}.book-cover-lines{border:1px solid #ffffff1a;width:260px;height:80px;position:absolute;bottom:-24px;left:-60px;transform:rotate(-27deg)}.book-cover-type{background:#ffffff1f;border:1px solid #ffffff26;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;position:absolute;top:18px;right:18px}.book-cover-mark{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1c;border:1px solid #ffffff40;border-radius:20px;place-items:center;width:76px;height:76px;font-size:30px;font-weight:800;display:grid;position:relative}.book-cover-icon{z-index:1;opacity:.9;margin-top:14px;position:relative}.book-lock-badge{color:#fff;background:#0f141fad;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:16px;right:16px}.book-card-body{padding:18px}.book-card-meta{color:var(--text-muted);justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.book-card-meta span{align-items:center;gap:5px;min-width:0;display:flex}.book-card-meta span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.book-card-title{color:var(--text-main);font-size:19px;font-weight:800;line-height:1.45;transition:color .2s;display:block}.book-card:hover .book-card-title{color:var(--qd-primary)}.book-card-description{min-height:50px;color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0 16px;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.book-card-action{color:var(--qd-primary);border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding-top:13px;font-size:13px;font-weight:800;display:flex}.book-card-action svg{transition:transform .2s}.book-card:hover .book-card-action svg{transform:translate(-4px)}.book-skeleton{background:linear-gradient(110deg,var(--bg-surface) 30%,var(--bg-surface-2) 45%,var(--bg-surface) 60%);border:1px solid var(--border-soft);background-size:250% 100%;border-radius:20px;height:410px;animation:1.3s infinite book-shimmer}@keyframes book-shimmer{to{background-position:-150% 0}}.books-state{text-align:center;border:1px dashed var(--border-soft);background:var(--bg-surface);color:var(--text-muted);border-radius:20px;padding:70px 24px}.books-state svg{color:var(--qd-primary);margin-inline:auto}.books-state h2{color:var(--text-main);margin:15px 0 7px;font-size:22px}.books-state p{max-width:520px;margin:0 auto 18px;line-height:1.8}.books-state button,.book-details-error button{background:var(--qd-primary);color:#fff;border:0;border-radius:11px;padding:11px 18px;font-weight:800}.book-details-page{padding-block:34px 80px}.book-details-back{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:22px;font-size:14px;font-weight:700;display:inline-flex}.book-details-back:hover{color:var(--qd-primary)}.book-details-hero{color:#fff;background:linear-gradient(135deg,#152a56,#1c477f 58%,#0875ad);border-radius:28px;grid-template-columns:330px 1fr;align-items:center;gap:56px;padding:48px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 65px #13355f33}.book-details-hero:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-340px;left:-220px}.book-details-cover-wrap{z-index:1;justify-content:center;display:flex;position:relative}.book-details-cover{color:#193764;background:linear-gradient(155deg,#f8fcff,#d9e9f6);border-left:10px solid #2b6ca8;border-radius:8px 20px 20px 8px;flex-direction:column;justify-content:center;align-items:center;gap:17px;width:245px;min-height:330px;padding:25px 22px;display:flex;position:relative;transform:rotate(-3deg);box-shadow:20px 25px 45px #00000047}.book-details-cover:after{content:"";background:#b9cddd;width:1px;position:absolute;inset:14px 14px 14px auto}.book-details-cover>span{align-self:flex-start;font-size:12px;font-weight:800}.book-details-cover-mark{background:#e5f0f8;border:1px solid #c4d7e6;border-radius:19px;place-items:center;width:76px;height:76px;font-size:30px;font-weight:900;display:grid}.book-details-cover strong{font-size:14px}.book-details-cover em{color:#fff;background:#253951;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-style:normal;font-weight:800;display:flex;position:absolute;bottom:16px;left:16px}.book-details-copy{z-index:1;max-width:720px;position:relative}.book-details-kicker{color:#a9d9ff;align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.book-details-copy h1{margin:12px 0;font-size:clamp(32px,4vw,48px);line-height:1.2}.book-details-lead{color:#ffffffc4;max-width:700px;margin:0;font-size:16px;line-height:1.95}.book-details-tags{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.book-details-tags span{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:inline-flex}.book-details-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.book-primary-action,.book-secondary-action{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:47px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:800;display:inline-flex}.book-primary-action{color:#173762;background:#fff;border:0}.book-primary-action:hover:not(:disabled){background:#edf7ff}.book-primary-action:disabled{opacity:.7;cursor:not-allowed}.book-secondary-action{color:#fff;background:#ffffff14;border:1px solid #fff3}.book-secondary-action:hover{background:#ffffff24}.book-lock-note{color:#ffffffa6;margin:14px 0 0;font-size:12px;line-height:1.8}.book-details-inline-error{color:#ffd9d9;background:#ff5b5b21;border:1px solid #ffb4b433;border-radius:10px;margin-top:16px;padding:10px 12px;font-size:12px}.book-details-info-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.book-info-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:17px;grid-template-columns:42px 1fr;align-items:center;column-gap:11px;padding:18px;display:grid}.book-info-card svg{background:var(--bg-surface-2);width:42px;height:42px;color:var(--qd-primary);border-radius:12px;grid-row:span 2;padding:10px}.book-info-card span{color:var(--text-muted);font-size:11px}.book-info-card strong{color:var(--text-main);margin-top:3px;font-size:14px}.book-details-loading,.book-details-error{text-align:center;border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;margin-top:20px;display:flex}.book-details-loading{color:var(--text-muted)}.book-details-error{padding:30px}.book-details-error svg{color:var(--qd-primary)}.book-details-error h1{color:var(--text-main);margin:14px 0 6px}.book-details-error p{color:var(--text-muted);margin:0 0 18px}[data-theme=dark] .books-page,[data-theme=dark] .book-details-page{background:var(--bg-page)}[data-theme=dark] .book-details-hero{box-shadow:0 25px 65px #0000004d}[data-theme=dark] .book-card:hover{box-shadow:0 20px 42px #0000004d}@media (width<=1000px){.books-toolbar{grid-template-columns:1fr 1fr}.books-toolbar-heading{grid-column:1/-1}.books-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-details-hero{grid-template-columns:260px 1fr;gap:34px;padding:35px}.book-details-cover{width:205px;min-height:285px}}@media (width<=700px){.books-container{width:min(100% - 28px,1180px)}.books-page .books-hero,.dashboard-books-page .books-hero{width:calc(100% - 28px)}.books-hero{min-height:0}.books-hero-content{width:100%}.books-toolbar{grid-template-columns:1fr}.books-toolbar-heading{grid-column:auto}.books-search,.books-select{width:100%}.books-grid{grid-template-columns:1fr}.book-cover{height:220px}.book-details-hero{text-align:center;grid-template-columns:1fr;gap:30px;padding:28px 22px 32px}.book-details-cover{width:205px;min-height:285px}.book-details-kicker,.book-details-tags,.book-details-actions{justify-content:center}.book-details-info-grid{grid-template-columns:1fr}}@media (width<=430px){.books-hero{border-radius:20px;padding:25px 22px}.books-hero h1{font-size:23px}.books-hero p{font-size:12px}.book-details-actions>*{width:100%}}.books-page .books-hero-content{text-align:right;direction:rtl;margin-inline:0 auto}.books-page:not(.dashboard-books-page) .books-hero-content{text-align:right;direction:rtl}.dashboard-books-page{background:0 0!important}.dashboard-books-page .books-content,.dashboard-books-page .books-container{background:0 0}.content-scope-tabs{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:20px;margin:0 0 16px;padding:6px}.content-scope-tabs-list button{min-width:0;color:var(--text-muted);cursor:pointer;text-align:right;font-family:var(--font-body);background:0 0;border:1px solid #0000;border-radius:15px;align-items:center;gap:12px;padding:12px 15px;transition:all .2s;display:flex}.content-scope-tabs-list button:hover{background:var(--bg-surface-2);color:var(--text-main)}.content-scope-tab-icon{background:var(--bg-surface);width:40px;height:40px;color:var(--color-accent);border-radius:12px;flex:0 0 40px;place-items:center;display:grid}.content-scope-tabs-list b{background:var(--color-navy);color:#fff;text-align:center;border-radius:999px;min-width:28px;margin-inline-start:auto;padding:4px 8px;font-size:10px}@media (width<=600px){.content-scope-tabs-list{grid-template-columns:1fr}}.exam-detail-page{flex-direction:column;gap:18px;display:flex}.exam-detail-back{color:var(--color-accent);align-self:flex-start;font-size:15px;font-weight:600;text-decoration:none}.exam-detail-back:hover{text-decoration:underline}.exam-detail-header{background:linear-gradient(135deg, var(--color-navy), var(--color-primary));color:#fff;border-radius:20px;flex-direction:row-reverse;gap:18px;padding:20px;display:flex;overflow:hidden}.exam-detail-photo{flex-shrink:0;width:96px;height:96px;position:relative}.exam-detail-photo img{object-fit:cover;border:3px solid #ffffff40;border-radius:16px;width:100%;height:100%}.exam-detail-photo-badge{color:#fff;background:#f5a623;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 3px 8px #0003}.exam-detail-header-body{flex-direction:column;gap:6px;min-width:0;display:flex}.exam-detail-question-count{background:#ffffff2e;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:700}.exam-detail-header-body h1{font-family:var(--font-display);margin:0;font-size:19px}.exam-detail-header-body p{opacity:.85;margin:0;font-size:12px;line-height:1.8}.exam-detail-stats{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.exam-detail-stat{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:16px;align-items:center;gap:12px;padding:16px 18px;display:flex}.exam-detail-stat-icon{background:var(--bg-surface-2);width:38px;height:38px;color:var(--color-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.exam-detail-stat strong{color:var(--color-accent);font-size:18px;display:block}.exam-detail-stat span{color:var(--text-muted);font-size:11px}.exam-detail-hint{background:var(--bg-surface-2);color:var(--text-muted);border-radius:12px;align-items:flex-start;gap:8px;padding:12px 16px;font-size:12.5px;line-height:1.7;display:flex}.exam-detail-hint svg{color:var(--color-accent);flex-shrink:0;margin-top:1px}.exam-detail-hint.is-locked{color:#475569;background:#64748b1a}.exam-detail-hint.is-locked svg{color:#475569}.exam-detail-enter-button{background:var(--color-accent);color:#fff;height:50px;font-family:var(--font-body);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;transition:background-color .2s;display:flex}.exam-detail-enter-button:hover:not(:disabled){background:var(--color-primary)}.exam-detail-enter-button:disabled{opacity:.7;cursor:not-allowed}.exam-detail-attempts h2{font-family:var(--font-display);color:var(--text-main);margin:0 0 14px;font-size:16px}.exam-detail-attempts-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@keyframes attempt-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.attempt-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);color:inherit;cursor:pointer;border-radius:18px;flex-direction:column;padding:22px 24px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;animation:.4s both attempt-card-in;display:flex;position:relative}.attempt-card:hover{border-color:var(--color-accent);transform:translateY(-3px);box-shadow:0 6px 16px #232f5e1a}.attempt-card.best{border-color:var(--color-accent)}.attempt-best-badge{background:var(--bg-surface-2);color:var(--color-accent);border-radius:999px;align-items:center;gap:4px;margin-bottom:10px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.attempt-card-row{align-items:center;gap:18px;margin-bottom:14px;display:flex}.attempt-score{flex:1;align-items:center;gap:14px;display:flex}.attempt-score strong{color:var(--color-accent);flex-shrink:0;font-size:22px}.attempt-progress{background:var(--bg-surface-2);border-radius:999px;flex:1;height:6px;overflow:hidden}.attempt-progress-fill{background:var(--color-accent);border-radius:999px;height:100%;transition:width .3s}.attempt-meta{text-align:left;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.attempt-fraction{color:var(--text-main);font-size:13px;font-weight:700}.attempt-label{color:var(--text-muted);font-size:11px;font-weight:600}.attempt-date{color:var(--text-muted);font-size:10px}.attempt-breakdown{border-top:1px solid var(--border-soft);align-items:center;gap:10px;padding-top:14px;display:flex}.attempt-breakdown-item{align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.attempt-breakdown-item.correct{color:var(--success,#1a9c5c)}.attempt-breakdown-item.wrong{color:#e0433c}.attempt-review-link{color:var(--color-accent);margin-top:12px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.attempt-review-link:hover{text-decoration:underline}@media (width<=1000px){.exam-detail-attempts-list{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.exam-detail-header{flex-direction:column;align-items:flex-start}.exam-detail-stats,.exam-detail-attempts-list{grid-template-columns:1fr}.attempt-card-row{flex-direction:column;align-items:stretch;gap:10px}.attempt-meta{text-align:right;align-items:flex-start}}.exam-detail-page{gap:18px;width:min(1040px,100%);margin:0 auto;padding:8px 0 42px}.exam-detail-back{color:#1767c7;background:#fff;border:1px solid #e2e8f0;border-radius:11px;align-items:center;gap:8px;width:max-content;padding:9px 13px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #0f172a0a}.exam-detail-back:hover{background:#f8fbff;border-color:#9fc4e8;text-decoration:none}.exam-detail-header{background:linear-gradient(135deg,#294a82,#1767c7);border-radius:22px;padding:28px;position:relative;box-shadow:0 18px 40px #1f498429}.exam-detail-header-body h1{font-size:26px;font-weight:950}.exam-detail-header-body p{font-size:12px;line-height:1.9}.exam-detail-question-count{font-size:10px}.exam-detail-photo{width:105px;height:105px}.exam-detail-photo img{border-radius:18px}.exam-detail-stats{gap:12px}.exam-detail-stat{border-radius:15px;box-shadow:0 7px 22px #0f172a0b}.exam-detail-stat strong{font-size:19px}.exam-detail-hint{background:#f7fbff;border:1px solid #e5edf7}.exam-detail-enter-button{border-radius:13px;height:52px;font-size:13px;font-weight:900;box-shadow:0 10px 22px #1767c729}.exam-detail-attempts h2{font-size:19px}.attempt-card{border-radius:16px;box-shadow:0 7px 22px #0f172a0b}@media (width<=700px){.exam-detail-page{width:100%}.exam-detail-header{padding:20px}.exam-detail-header h1{font-size:22px}}.exam-detail-header{flex-direction:row;align-items:center}.exam-detail-header-body{text-align:right;flex:1;align-items:flex-end}.exam-detail-header-body h1,.exam-detail-header-body p{text-align:right;width:100%}.exam-detail-question-count{align-self:flex-end}.exam-detail-photo-badge{left:-8px;right:auto}@media (width<=700px){.exam-detail-header{flex-direction:row}.exam-detail-photo{order:2}.exam-detail-header-body{order:1;align-items:flex-end}}.review-content{flex-direction:column;gap:18px;width:100%;display:flex}.review-pagination{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:16px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.review-pagination-nav{color:var(--color-navy);font-family:var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.review-pagination-nav:disabled{opacity:.35;cursor:not-allowed}.review-pagination-numbers{align-items:center;gap:18px;display:flex}.review-pagination-number{min-width:30px;height:30px;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0 4px;font-size:13px;font-weight:700}.review-pagination-number.current{background:var(--color-navy);color:#fff}.review-header{background:linear-gradient(135deg, var(--color-navy), var(--color-primary));color:#fff;border-radius:20px;flex-direction:row-reverse;gap:18px;padding:20px;display:flex;overflow:hidden}.review-header-body{min-width:0}.review-header-badge{background:#ffffff29;border-radius:999px;align-items:center;gap:5px;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.review-header h1{font-family:var(--font-display);margin:0 0 4px;font-size:20px}.review-header-exam{opacity:.9;margin:0 0 6px;font-size:13px;font-weight:700}.review-header-hint{opacity:.8;margin:0;font-size:12px}.review-result-link{border:1px solid var(--border-soft);background:var(--bg-surface);color:var(--color-navy);font-family:var(--font-body);box-shadow:var(--shadow-soft);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.review-result-link:hover{border-color:var(--color-accent)}.review-questions-list{flex-direction:column;gap:16px;display:flex}.review-section-heading{font-family:var(--font-display);color:var(--text-main);margin:4px 0 12px;font-size:15px;font-weight:800}.review-question-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:18px;flex-direction:column;gap:14px;padding:18px;display:flex}.review-question-top{justify-content:space-between;align-items:center;display:flex}.review-badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.review-badge.correct{background:var(--success-bg,#e6f7ee);color:var(--success,#1a9c5c)}.review-badge.wrong{color:#e0433c;background:#fdeaea}.review-badge.muted{background:var(--bg-surface-2);color:var(--text-muted)}.review-question-number{color:var(--text-muted);font-size:11px}.review-question-card h3{font-family:var(--font-display);color:var(--text-main);margin:0;font-size:19px;line-height:1.7}.review-question-image{border-radius:12px;max-width:100%}.review-options{flex-direction:column;gap:8px;display:flex}.review-option{border:1px solid var(--border-soft);background:var(--bg-surface-2);color:var(--text-main);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 20px;font-size:16px;display:flex}.review-option-icon{border:1.5px solid var(--border-soft);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.review-option.correct{border-color:var(--success,#1a9c5c);background:var(--success-bg,#e6f7ee);color:var(--success,#1a9c5c);font-weight:700}.review-option.correct .review-option-icon{background:var(--success,#1a9c5c);color:#fff;border-color:#0000}.review-option.wrong{color:#e0433c;background:#fdeaea;border-color:#e0433c;font-weight:700}.review-option.wrong .review-option-icon{color:#fff;background:#e0433c;border-color:#0000}.review-tools{flex-wrap:wrap;justify-content:flex-start;gap:10px;display:flex}.review-tool-button{border:1px solid var(--border-soft);background:var(--bg-surface);color:var(--text-main);font-family:var(--font-body);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s,border-color .15s;display:flex}.review-tool-button.primary{background:var(--color-navy);color:#fff;border:0}.review-tool-button:hover{border-color:var(--color-accent)}.review-tool-button.primary:hover{opacity:.9;border-color:#0000}.review-tool-button.unavailable{opacity:.55;cursor:not-allowed}.review-tool-notice{color:#b3690a;background:#fff4e0;border-radius:10px;align-self:flex-start;padding:8px 14px;font-size:12px;font-weight:600}.review-explanation{background:#fdf1f5;border:1px solid #f6dde7;border-radius:14px;padding:14px 16px}.review-explanation strong{color:var(--color-accent);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.review-explanation p{color:var(--text-main);margin:0;font-size:13px;line-height:1.8}.review-video-modal-overlay{z-index:2000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.review-video-modal{background:var(--bg-surface);border-radius:22px;width:100%;max-width:640px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 25px 60px #0f172a4d}.review-video-modal-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.review-video-modal-close{background:var(--bg-surface-2);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.review-video-modal-title{font-family:var(--font-display);color:var(--text-main);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.review-video-modal-title-badge{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.review-video-modal-player{background:#0c1424;border-radius:16px;position:relative;overflow:hidden}.review-video-modal-player video,.review-video-modal-player iframe{aspect-ratio:16/9;background:#0c1424;border:0;width:100%;display:block}.review-video-watched-badge{color:var(--success,#1a9c5c);background:#ffffffeb;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.review-video-modal-caption{color:var(--text-main);text-align:center;justify-content:center;align-items:center;gap:6px;margin:14px 0 0;font-size:13px;font-weight:700;display:flex}.review-video-modal-caption svg{color:#f5a623;flex-shrink:0}.review-video-tip{background:#fdf1f5;border:1px solid #f6dde7;border-radius:14px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.review-video-tip-icon{flex-shrink:0;font-size:18px}.review-video-tip strong{color:var(--color-accent);margin-bottom:4px;font-size:12.5px;display:block}.review-video-tip p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.7}.review-video-modal-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.review-video-modal-button{border:1px solid var(--border-soft);background:var(--bg-surface-2);height:42px;color:var(--text-main);font-family:var(--font-body);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:700;display:flex}.review-video-modal-button.done{background:var(--color-navy);color:#fff;border:0}.review-video-modal-button.close{color:var(--text-muted);background:0 0;border-color:#0000}.review-video-modal-button.next{background:var(--bg-surface)}.review-content{gap:16px;width:min(980px,100%);margin:0 auto;padding:8px 0 44px}.review-header{background:linear-gradient(135deg,#294a82,#1767c7);border-radius:22px;padding:26px;box-shadow:0 16px 36px #1f498424}.review-header h1{font-size:25px;font-weight:950}.review-header-exam{font-size:12px}.review-result-link{color:#1767c7;border-radius:12px;padding:11px 15px}.review-question-card{border-color:#e2e8f0;border-radius:18px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.review-question-card h3{font-size:18px;line-height:1.9}.review-option{background:#fbfcfe;border-radius:13px;padding:12px 14px}.review-option.correct{background:#effaf4}.review-option.wrong{background:#fff3f2}.review-tool-button{border-radius:11px}.review-explanation{background:#f7fbff;border:1px solid #dcebf9;border-radius:14px}.review-video-modal{border-radius:20px}.review-header{direction:rtl;flex-direction:row;align-items:center}.review-header-body{text-align:right;flex:1;align-items:flex-start}.review-header-body .review-header-badge{align-self:flex-start}.review-header h1,.review-header-exam,.review-header-hint{text-align:right}.review-header .exam-detail-photo{order:1}@media (width<=640px){.review-header{flex-direction:column;align-items:stretch}.review-header .exam-detail-photo{order:0;align-self:flex-start}.review-header-body,.review-header h1,.review-header-exam,.review-header-hint{text-align:right}}.star-rating{align-items:center;gap:4px;display:inline-flex}.star-rating-star{color:#cbd5e1;cursor:pointer;background:0 0;border:0;padding:2px;line-height:0;transition:transform .1s,color .15s}.star-rating-star:hover{transform:scale(1.12)}.star-rating-star .is-filled{color:#f59e0b}.star-rating.is-disabled .star-rating-star{cursor:default}.star-rating.is-disabled .star-rating-star:hover{transform:none}.rating-widget{flex-direction:column;gap:8px;display:flex}.rating-widget-summary{color:var(--text-muted,#777);align-items:center;gap:8px;font-size:12.5px;display:flex}.rating-widget-summary strong{color:var(--text-main,#1e293b);font-size:14px}.rating-widget-mine{color:var(--text-muted,#777);margin:0;font-size:12px}.rating-widget-comment{border:1px solid var(--border-soft,#e2e8f0);background:var(--bg-surface,#fff);width:100%;min-height:60px;color:var(--text-main,#1e293b);font:inherit;resize:vertical;border-radius:10px;padding:8px 10px;font-size:13px}.rating-widget-submit{background:var(--color-primary,#111);color:#fff;min-height:36px;font:inherit;cursor:pointer;border:0;border-radius:10px;align-self:flex-start;padding:0 16px;font-size:12.5px;font-weight:700}.rating-widget-submit:disabled{opacity:.6;cursor:not-allowed}.rating-widget-thanks{color:#15803d;margin:0;font-size:12.5px;font-weight:700}.result-content{flex-direction:column;gap:18px;width:100%;display:flex}.result-header{background:linear-gradient(135deg, var(--color-navy), var(--color-primary));color:#fff;border-radius:20px;flex-direction:column;gap:16px;padding:22px;display:flex}.result-header-badge{background:#ffffff29;border-radius:999px;align-self:flex-start;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.result-header-top{align-items:center;gap:22px;display:flex}.result-score-circle{background:#ffffff1f;border:4px solid #fff;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.result-score-value{font-family:var(--font-display);font-size:24px;font-weight:800}.result-score-label{opacity:.85;font-size:10px}.result-score-circle.excellent{border-color:#4ade80}.result-score-circle.good{border-color:#93c5fd}.result-score-circle.average{border-color:#fbbf24}.result-score-circle.weak{border-color:#f87171}.result-header-body{flex-direction:column;gap:8px;min-width:0;display:flex}.result-level-badge{background:#ffffff29;border-radius:999px;align-self:flex-start;padding:4px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.result-level-badge.excellent{background:#4ade8040}.result-level-badge.good{background:#93c5fd40}.result-level-badge.average{background:#fbbf2440}.result-level-badge.weak{background:#f8717140}.result-pass-message{margin:0;font-size:14px;font-weight:700}.result-comparison{opacity:.9;margin:0;font-size:13px;line-height:1.7}.result-table-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:20px;padding:20px}.result-table-card h2{font-family:var(--font-display);color:var(--text-main);margin:0 0 14px;font-size:16px}.result-table-wrap{width:100%;overflow-x:auto}.result-table{border-collapse:collapse;text-align:center;width:100%;min-width:420px}.result-table th,.result-table td{border-bottom:1px solid var(--border-soft);padding:12px 10px;font-size:13.5px}.result-table th{color:var(--text-muted);font-size:12.5px;font-weight:700}.result-table td:first-child,.result-table th:first-child{text-align:right;color:var(--text-main);font-weight:700}.result-table-total td{color:var(--color-navy);background:var(--bg-surface-2);border-bottom:none;font-weight:800}.result-review-link{background:var(--color-navy);color:#fff;font-family:var(--font-body);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.result-review-link:hover{opacity:.92}.result-content{gap:16px;width:min(900px,100%);margin:0 auto;padding:8px 0 44px}.result-header{background:linear-gradient(135deg,#294a82,#1767c7);border-radius:22px;padding:28px;box-shadow:0 16px 36px #1f498424}.result-score-circle{width:142px;height:142px}.result-score-value{font-size:31px;font-weight:950}.result-table-card{border-radius:18px;box-shadow:0 8px 24px #0f172a0d}.result-table th,.result-table td{padding:13px 12px}.result-review-link{background:#1767c7;border-radius:13px;box-shadow:0 9px 20px #1767c724}@media (width<=650px){.result-header-top{text-align:center;flex-direction:column;align-items:center}.result-header-body{align-items:center}.result-score-circle{width:120px;height:120px}}.exam-take-page{flex-direction:column;gap:16px;width:100%;display:flex}.exam-take-shell{grid-template-columns:1fr 500px;align-items:start;gap:28px;display:grid}.exam-take-sidebar{flex-direction:column;order:2;gap:20px;display:flex;position:sticky;top:16px}.exam-take-main{flex-direction:column;order:1;gap:16px;min-width:0;display:flex}.exam-take-timer-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:26px;display:flex}.exam-take-timer-label{color:var(--text-muted);align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.exam-take-timer-value{font-family:var(--font-display);color:var(--text-main);font-size:38px;font-weight:800}.exam-take-timer-value.muted{color:var(--text-muted);font-size:17px;font-weight:700}.exam-take-timer-bar{background:var(--bg-surface-2);border-radius:999px;width:100%;height:8px;overflow:hidden}.exam-take-timer-bar-fill{background:var(--color-accent);border-radius:999px;height:100%;transition:width 1s linear}.exam-take-nav-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:20px;padding:22px}.exam-take-nav-card-header{color:var(--text-main);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.exam-take-nav-card-header span:last-child{color:var(--text-muted);font-weight:600}.exam-take-grid-groups{flex-direction:column;gap:16px;display:flex}.exam-take-grid-group-label{color:var(--text-muted);margin-bottom:10px;font-size:12.5px;font-weight:700}.exam-take-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px;display:grid}.exam-take-grid-pill{aspect-ratio:1;border:2px solid var(--border-soft);background:var(--bg-page,var(--bg-surface));width:100%;max-width:68px;color:var(--text-muted);cursor:pointer;border-radius:14px;font-size:17px;font-weight:700;transition:border-color .15s,color .15s}.exam-take-grid-pill.answered{border-color:var(--success,#1a9c5c);color:var(--success,#1a9c5c)}.exam-take-grid-pill.current{border-color:var(--color-accent);color:var(--color-accent);background:var(--bg-surface-2)}.exam-take-grid-pill.locked{opacity:.45;cursor:not-allowed}.exam-take-submit-full{background:var(--color-navy);color:#fff;height:56px;font-family:var(--font-body);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.exam-take-submit-full:disabled{opacity:.7;cursor:not-allowed}.exam-take-current-caption{text-align:center;color:var(--text-muted);margin:-10px 0 0;font-size:13px}.exam-take-question-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:22px;flex-direction:column;gap:22px;padding:34px;display:flex}.exam-take-question-top{justify-content:space-between;align-items:center;display:flex}.exam-take-question-number{color:var(--text-main);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.exam-take-question-section{background:var(--bg-surface-2);color:var(--text-muted);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600}.exam-take-question-badge{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.exam-take-saving-label{color:var(--text-muted);font-size:13px}.exam-take-question-card h2{font-family:var(--font-display);color:var(--text-main);margin:0;font-size:22px;line-height:1.8}.exam-take-question-image{border-radius:12px;max-width:100%}.exam-take-options{flex-direction:column;gap:14px;display:flex}.exam-take-option{border:1.5px solid var(--border-soft);background:var(--bg-surface-2);color:var(--text-main);font-family:var(--font-body);text-align:right;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:19px 26px;font-size:18px;transition:border-color .15s,background-color .15s;display:flex}.exam-take-option:hover{border-color:var(--color-accent)}.exam-take-option.selected{border-color:var(--color-accent);background:var(--bg-surface);color:var(--color-accent);font-weight:700}.exam-take-option svg{color:var(--text-muted);flex-shrink:0}.exam-take-option.selected svg{color:var(--color-accent)}.exam-take-hint{background:var(--bg-surface-2);color:var(--text-muted);border-radius:12px;padding:10px 14px;font-size:12.5px}.exam-take-hint-toggle{border:1px solid var(--border-soft);background:var(--bg-surface-2);color:var(--color-accent);font-family:var(--font-body);cursor:pointer;border-radius:10px;align-self:flex-start;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;display:flex}.exam-take-hint-toggle:hover{border-color:var(--color-accent)}.exam-take-card-nav{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:12px;display:flex}.exam-take-nav-button{border:1px solid var(--border-soft);background:var(--bg-surface-2);height:54px;color:var(--text-main);font-family:var(--font-body);cursor:pointer;border-radius:14px;flex:1;font-size:15px;font-weight:700}.exam-take-nav-button.primary{background:var(--color-accent);color:#fff;border:0}.exam-take-nav-button:disabled{opacity:.5;cursor:not-allowed}.exam-take-motivation{text-align:center;font-family:var(--font-display);color:var(--color-accent);margin:8px 0 0;font-size:19px;font-weight:700}.exam-take-modal-overlay{z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.exam-take-modal{background:var(--bg-surface);text-align:center;border-radius:20px;width:100%;max-width:420px;padding:26px;box-shadow:0 20px 45px #0f172a40}.exam-take-modal h3{font-family:var(--font-display);color:var(--text-main);margin:0 0 12px;font-size:19px}.exam-take-modal p{color:var(--text-muted);margin:0 0 22px;font-size:14px;line-height:1.8}.exam-take-modal-actions{gap:12px;display:flex}.exam-take-modal-cancel,.exam-take-modal-confirm{height:50px;font-family:var(--font-body);cursor:pointer;border-radius:14px;flex:1;font-size:15px;font-weight:700}.exam-take-modal-cancel{border:1px solid var(--border-soft);background:var(--bg-surface-2);color:var(--text-main)}.exam-take-modal-confirm{background:var(--color-accent);color:#fff;border:0}@media (width<=900px){.exam-take-shell{grid-template-columns:1fr}.exam-take-sidebar{flex-flow:wrap;position:static}.exam-take-timer-card,.exam-take-nav-card{flex:1;min-width:220px}.exam-take-submit-full,.exam-take-current-caption{width:100%}}@media (width<=500px){.exam-take-card-nav{flex-direction:column}}.exam-take-page{background:#f5f7fb;width:100%;min-height:100vh;padding:30px 0 70px}.exam-take-page>.exam-detail-back{box-sizing:border-box;width:min(1320px,100% - 40px);margin:0 auto 18px;display:inline-flex}.exam-take-shell{grid-template-columns:minmax(0,1fr) 360px;gap:22px;width:min(1320px,100% - 40px);margin:0 auto}.exam-take-question-card{border-radius:26px;gap:24px;padding:30px}.exam-take-question-top{border-bottom:1px solid #eef2f6;padding-bottom:16px}.exam-take-question-number{color:#172033;font-size:15px;font-weight:950}.exam-take-question-section{color:#4f46e5;background:#eef2ff;font-size:10px;font-weight:900}.exam-take-question-badge{color:#4f46e5;background:#eef2ff;border-radius:13px;width:38px;height:38px}.exam-take-question-card h2{color:#172033;font-size:clamp(19px,2vw,24px);font-weight:900;line-height:1.9}.exam-take-option{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:17px 20px;font-size:15px;font-weight:700;transition:all .2s}.exam-take-option:hover{background:#f8faff;border-color:#c7d2fe;transform:translate(-2px)}.exam-take-option.selected{color:#4338ca;background:#eef2ff;border-color:#818cf8;box-shadow:0 0 0 3px #6366f112}.exam-take-submit-full{background:#4f46e5;border-radius:14px;height:52px;font-size:13px;font-weight:900}.exam-take-nav-button{border-radius:13px;height:50px;font-size:13px;font-weight:900}.exam-take-nav-card-header{font-size:13px;font-weight:900}.exam-take-grid-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:13px;font-weight:900}.exam-take-grid-pill.answered{color:#059669;background:#ecfdf5;border-color:#10b981}@media (width<=900px){.exam-take-shell{grid-template-columns:1fr}.exam-take-sidebar{order:1;position:static}.exam-take-main{order:2}}@media (width<=700px){.exam-take-page{padding-top:18px}.exam-take-page>.exam-detail-back,.exam-take-shell{width:min(100% - 24px,1320px)}.exam-take-question-card{padding:20px}}.exam-take-page{gap:18px;width:min(1180px,100%);margin:0 auto;padding:8px 0 44px}.exam-take-page>.exam-detail-back{margin-bottom:2px}.exam-take-shell{grid-template-columns:1fr 330px;gap:18px}.exam-take-sidebar{gap:14px;top:18px}.exam-take-timer-card,.exam-take-nav-card,.exam-take-question-card{background:#fff;border:1px solid #e3e9f1;border-radius:20px;box-shadow:0 9px 28px #0f172a0e}.exam-take-timer-card{padding:22px}.exam-take-timer-value{font-size:34px}.exam-take-nav-card{padding:18px}.exam-take-grid-pill{background:#f8fafc;border-radius:11px}.exam-take-grid-pill.current{color:#1767c7;background:#eef5ff;border-color:#1767c7}.exam-take-grid-pill.answered{background:#effaf4}.exam-take-submit-full{background:#1767c7;border-radius:13px;height:52px;box-shadow:0 9px 20px #1767c726}.exam-take-submit-full:hover:not(:disabled){background:#1257aa}.exam-take-question-card{padding:28px}.exam-take-question-number{font-size:14px}.exam-take-question-badge{background:#1767c7}.exam-take-question-card h2{font-size:22px;line-height:1.9}.exam-take-option{background:#fbfcfe;border:1px solid #e1e7ef;border-radius:14px;padding:13px 15px;transition:all .18s}.exam-take-option:hover{background:#f7fbff;border-color:#a8c8e8}.exam-take-option.selected{background:#eef5ff;border-color:#1767c7;box-shadow:0 0 0 2px #1767c70f}.exam-take-hint{background:#f7fbff;border:1px solid #e3edf8;border-radius:13px}.exam-take-nav-button{border-radius:12px}.exam-take-nav-button.primary{background:#1767c7}.exam-take-motivation{background:#f7fbff;border:1px solid #e5edf7;border-radius:14px}@media (width<=900px){.exam-take-shell{grid-template-columns:1fr}.exam-take-sidebar{order:0;position:static}.exam-take-main{order:1}.exam-take-question-card{padding:20px}}.lessons-page{color:#172033;direction:rtl;background:#f5f7fb;width:100%;min-height:100vh;padding:30px 0 70px}.lessons-container{width:min(1320px,100% - 40px);margin:0 auto}.lessons-hero{isolation:isolate;background:radial-gradient(circle at 10% 100%,#818cf84d,#0000 32%),radial-gradient(circle at 90% 0,#c084fc47,#0000 30%),linear-gradient(135deg,#111936 0%,#29256f 50%,#5b258d 100%);border:1px solid #ffffff1a;border-radius:30px;min-height:220px;margin-bottom:24px;padding:28px 48px;position:relative;overflow:hidden;box-shadow:0 24px 60px #251f602b}.lessons-hero:before{content:"";z-index:-1;filter:blur(5px);background:#818cf83d;border-radius:50%;width:390px;height:390px;position:absolute;bottom:-245px;left:-170px}.lessons-hero:after{content:"";z-index:-1;background:#ffffff0d;border-radius:50%;width:280px;height:280px;position:absolute;top:-190px;right:30%}.lessons-hero-decoration{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute}.lessons-hero-decoration-one{width:160px;height:160px;bottom:-85px;right:8%}.lessons-hero-decoration-two{width:90px;height:90px;top:24px;left:23%}.lessons-hero-content{z-index:2;max-width:820px;position:relative}.lessons-hero-badge{color:#eef2ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff17;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;min-height:34px;margin-bottom:18px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.lessons-hero-badge svg{color:#fbbf24;width:16px;height:16px}.lessons-hero-title{color:#fff;letter-spacing:-.8px;white-space:nowrap;width:100%;max-width:none;margin:0 0 12px;font-size:clamp(24px,3vw,42px);font-weight:950;line-height:1.25}.lessons-hero-description{color:#e0e7ffd6;white-space:nowrap;max-width:680px;margin:0 0 26px;font-size:15px;font-weight:500;line-height:1.9}.lessons-hero-stats{flex-wrap:wrap;gap:10px;display:flex}.lessons-hero-stat{color:#e0e7ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1c;border-radius:14px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.lessons-hero-stat svg{width:17px;height:17px}.lessons-toolbar{background:#fff;border:1px solid #e6eaf1;border-radius:24px;margin-bottom:24px;padding:20px;box-shadow:0 10px 35px #0f172a0b}.lessons-toolbar-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.lessons-toolbar-heading{align-items:center;gap:12px;display:flex}.lessons-toolbar-icon{color:#4f46e5;background:#eef2ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lessons-toolbar-icon svg{width:20px;height:20px}.lessons-toolbar-heading h2{color:#172033;margin:0 0 3px;font-size:18px;font-weight:950}.lessons-toolbar-heading p{color:#94a3b8;margin:0;font-size:11px;font-weight:700}.lessons-refresh-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:12px;font-weight:900;transition:all .2s;display:inline-flex}.lessons-refresh-button:hover:not(:disabled){color:#4f46e5;background:#f8faff;border-color:#c7d2fe}.lessons-refresh-button:disabled{opacity:.6;cursor:not-allowed}.lessons-refresh-button svg{width:16px;height:16px}@keyframes lessons-spin{to{transform:rotate(360deg)}}.lessons-filters{grid-template-columns:minmax(0,1.6fr) minmax(190px,.7fr) minmax(190px,.7fr);gap:12px;display:grid}.lessons-search-wrapper{position:relative}.lessons-search-icon{z-index:2;color:#94a3b8;pointer-events:none;width:19px;height:19px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.lessons-search-input{box-sizing:border-box;color:#172033;background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;outline:none;width:100%;height:52px;padding:0 47px 0 45px;font-size:13px;font-weight:700;transition:all .2s}.lessons-search-input:focus{background:#fff;border-color:#818cf8;box-shadow:0 0 0 4px #6366f114}.lessons-search-input::placeholder{color:#a1aaba}.lessons-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:0;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lessons-search-clear svg{width:15px;height:15px}.lessons-filter-dropdown{min-width:0;position:relative}.lessons-filter-trigger{box-sizing:border-box;color:#334155;width:100%;height:52px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;outline:none;align-items:center;gap:12px;padding:0 16px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.lessons-filter-trigger:hover{background:#f8faff;border-color:#c7d2fe}.lessons-filter-trigger:focus-visible{border-color:#818cf8;box-shadow:0 0 0 4px #6366f126}.lessons-filter-trigger.is-open{background:#fff;border-color:#818cf8;box-shadow:0 0 0 4px #6366f11a}.lessons-filter-trigger-icon{color:#4f46e5;flex-shrink:0;width:17px;height:17px}.lessons-filter-trigger-label{color:#334155;text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:800;overflow:hidden}.lessons-filter-trigger.has-value .lessons-filter-trigger-label{color:#4f46e5}.lessons-filter-trigger-chevron{color:#94a3b8;flex-shrink:0;width:16px;height:16px;transition:transform .2s,color .2s}.lessons-filter-trigger.is-open .lessons-filter-trigger-chevron{color:#4f46e5;transform:rotate(180deg)}.lessons-filter-menu{z-index:30;background:#fff;border:1px solid #e6eaf1;border-radius:16px;max-height:264px;margin:0;padding:6px;list-style:none;animation:.16s lessons-filter-menu-in;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 42px #0f172a29}@keyframes lessons-filter-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lessons-filter-menu::-webkit-scrollbar{width:6px}.lessons-filter-menu::-webkit-scrollbar-thumb{background:#dbe1ee;border-radius:999px}.lessons-filter-option{color:#475569;cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:0 12px;font-size:12px;font-weight:700;transition:background-color .15s,color .15s;display:flex}.lessons-filter-option.is-highlighted{color:#3730a3;background:#f1f4fe}.lessons-filter-option.is-selected{color:#4f46e5;background:#eef2ff;font-weight:900}.lessons-filter-option-check{color:#4f46e5;flex-shrink:0;width:14px;height:14px}.lessons-active-filters{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;font-size:10px;font-weight:800;display:flex}.lessons-active-filters b{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:6px 9px;font-size:10px}.lessons-active-filters button{color:#ef4444;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:900}.lessons-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.lesson-card{background:#fff;border:1px solid #e7ebf2;border-radius:24px;flex-direction:column;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 30px #0f172a0d}.lesson-card:hover{border-color:#d9def1;transform:translateY(-5px);box-shadow:0 20px 48px #0f172a1a}.lesson-card-image{background:#1e293b;height:215px;position:relative;overflow:hidden}.lesson-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.lesson-card:hover .lesson-card-image img{transform:scale(1.045)}.lesson-card-image-overlay{pointer-events:none;background:linear-gradient(#0f172a2e 0%,#0000 30%,#0f172ae6 100%);position:absolute;inset:0}.lesson-status-badge,.lesson-subject-badge,.lesson-level-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:5px;font-size:10px;font-weight:900;display:inline-flex}.lesson-status-badge{z-index:3;color:#fff;background:#0f172ab8;min-height:28px;padding:0 10px;position:absolute;top:13px;right:13px}.lesson-status-badge svg{width:13px;height:13px}.lesson-status-badge.live{background:#059669e6}.lesson-status-badge.finished{background:#64748be6}.lesson-status-badge.scheduled{background:#4f46e5e0}.lesson-subject-badge{z-index:3;color:#4338ca;background:#ffffffe0;min-height:28px;padding:0 10px;position:absolute;top:13px;left:13px}.lesson-card-heading{z-index:3;position:absolute;bottom:17px;left:18px;right:18px}.lesson-level-badge{color:#fde68a;background:#0f172ab3;min-height:25px;margin-bottom:8px;padding:0 9px}.lesson-card-title{color:#fff;margin:0;font-size:19px;font-weight:950;line-height:1.45}.lesson-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.lesson-card-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:47px;margin:0 0 16px;font-size:12px;font-weight:600;line-height:1.85;display:-webkit-box;overflow:hidden}.lesson-primary-meta{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px;display:grid}.lesson-data-item{background:#f8fafc;border:1px solid #edf0f5;border-radius:13px;align-items:center;gap:8px;min-width:0;padding:9px;display:flex}.lesson-data-icon{color:#4f46e5;background:#eef2ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.lesson-data-icon svg{width:14px;height:14px}.lesson-data-copy{min-width:0}.lesson-data-label{color:#94a3b8;margin-bottom:2px;font-size:9px;font-weight:800;display:block}.lesson-data-value{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;line-height:1.4;display:block;overflow:hidden}.lesson-details{background:#fbfcfe;border:1px solid #edf0f5;border-radius:14px;margin-bottom:13px}.lesson-details summary{color:#475569;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:10px;font-weight:900;list-style:none;display:flex}.lesson-details summary::-webkit-details-marker{display:none}.lesson-details summary>span{align-items:center;gap:6px;display:inline-flex}.lesson-details summary svg{width:14px;height:14px}.lesson-details summary>svg{transition:transform .2s}.lesson-details[open] summary>svg{transform:rotate(180deg)}.lesson-details-grid{grid-template-columns:1fr 1fr;gap:7px;padding:0 9px 9px;display:grid}.lesson-details-grid .lesson-data-item{padding:7px}.lesson-details-grid .lesson-data-icon{width:26px;height:26px}.lesson-action{color:#fff;cursor:pointer;background:#172033;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:49px;margin-top:auto;font-size:12px;font-weight:950;transition:all .22s;display:flex}.lesson-action svg{width:17px;height:17px}.lesson-action:hover{background:#4f46e5;transform:translateY(-1px)}.lessons-pagination{background:#fff;border:1px solid #e7ebf2;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:26px;padding:14px 16px;display:flex;box-shadow:0 10px 28px #0f172a0b}.lessons-pagination-info{color:#94a3b8;white-space:nowrap;font-size:11px;font-weight:800}.lessons-pagination-controls{direction:rtl;justify-content:center;align-items:center;gap:6px;display:flex}.lessons-pagination-number,.lessons-pagination-arrow{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:11px;font-weight:900;transition:all .2s;display:inline-flex}.lessons-pagination-number:hover:not(.active),.lessons-pagination-arrow:hover:not(:disabled){color:#4f46e5;background:#f8faff;border-color:#c7d2fe;transform:translateY(-1px)}.lessons-pagination-number.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 7px 18px #4f46e538}.lessons-pagination-arrow:disabled{opacity:.38;cursor:not-allowed}.lessons-pagination-arrow svg{width:16px;height:16px}.lessons-pagination-prev-icon{transform:rotate(-90deg)}.lessons-pagination-next-icon{transform:rotate(90deg)}.lessons-pagination-ellipsis{color:#94a3b8;justify-content:center;align-items:center;width:24px;font-size:15px;font-weight:900;display:inline-flex}.lessons-state{text-align:center;background:#fff;border:1px solid #e7ebf1;border-radius:24px;padding:70px 24px;box-shadow:0 10px 30px #0f172a09}.lessons-state-icon{color:#4f46e5;background:#eef2ff;border-radius:21px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 17px;display:flex}.lessons-state-icon svg{width:30px;height:30px}.lessons-state h2{color:#172033;margin:0 0 7px;font-size:20px;font-weight:950}.lessons-state p{color:#94a3b8;max-width:500px;margin:0 auto 18px;font-size:12px;line-height:1.8}.lessons-state button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 15px;font-size:11px;font-weight:900;display:inline-flex}.lessons-state button svg{width:15px;height:15px}.lessons-error-state .lessons-state-icon{color:#ef4444;background:#fef2f2}.lesson-card-skeleton{pointer-events:none}.lesson-skeleton-image{background:linear-gradient(90deg,#eef1f6 25%,#f7f8fb 37%,#eef1f6 63%) 0 0/400% 100%;height:215px;animation:1.3s infinite lesson-skeleton}.lesson-skeleton-body{padding:20px}.lesson-skeleton-body>span,.lesson-skeleton-meta span,.lesson-skeleton-body>span.button{background:#edf0f5;border-radius:999px;height:12px;margin-bottom:10px;animation:1.3s infinite lesson-skeleton;display:block}.lesson-skeleton-body>span:first-child{width:92%}.lesson-skeleton-body>span:nth-child(2){width:76%}.lesson-skeleton-body>span.short{width:48%}.lesson-skeleton-meta{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.lesson-skeleton-meta span{border-radius:13px;height:42px;margin:0}.lesson-skeleton-body>span.button{border-radius:14px;width:100%;height:49px;margin:0}@keyframes lesson-skeleton{0%{background-position:100% 0}to{background-position:0 0}}.lessons-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aad;justify-content:center;align-items:center;padding:18px;animation:.2s both lessons-modal-fade;display:flex;position:fixed;inset:0}@keyframes lessons-modal-fade{0%{opacity:0}to{opacity:1}}.lessons-modal{background:#fff;border:1px solid #ffffffbf;border-radius:24px;width:min(680px,100%);max-height:calc(100vh - 36px);animation:.25s both lessons-modal-up;position:relative;overflow:auto;box-shadow:0 35px 90px #0f172a4d}@keyframes lessons-modal-up{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.lessons-modal-header{direction:ltr;background:#fff;border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;min-height:66px;padding:0 20px;display:flex}.lessons-modal-header-title{color:#31599b;direction:rtl;align-items:center;gap:9px;font-size:15px;font-weight:950;display:inline-flex}.lessons-modal-header-icon{color:#31599b;background:#edf3ff;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex}.lessons-modal-header-icon svg{width:15px;height:15px}.lessons-modal-close{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;padding:0;transition:all .2s;display:inline-flex}.lessons-modal-close:hover{color:#172033;background:#f1f5f9}.lessons-modal-close svg{width:18px;height:18px}.lessons-modal-media{background:#172033;border-radius:18px;height:330px;margin:20px 20px 0;position:relative;overflow:hidden;box-shadow:0 14px 30px #0f172a29}.lessons-modal-media img{object-fit:cover;width:100%;height:100%;display:block}.lessons-modal-media-overlay{background:linear-gradient(#0f172a0d 0%,#0f172a14 42%,#0f172ac2 100%);position:absolute;inset:0}.lessons-modal-media-status{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#059669e6;border-radius:999px;align-items:center;gap:5px;min-height:27px;padding:0 10px;font-size:9px;font-weight:900;display:inline-flex;position:absolute;top:12px;right:12px}.lessons-modal-media-status:not(.live){background:#31599be6}.lessons-modal-media-status svg{width:12px;height:12px}.lessons-modal-play{color:#fff;background:#31599b;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #31599b59}.lessons-modal-play svg{width:26px;height:26px;margin-right:-2px}.lessons-modal-media-controls{align-items:center;gap:10px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.lessons-modal-progress{background:#ffffff61;border-radius:999px;flex:1;height:4px;display:block;position:relative;overflow:hidden}.lessons-modal-progress span{border-radius:inherit;background:#fff;width:36%;height:100%;display:block}.lessons-modal-control-time{color:#ffffffe0;white-space:nowrap;font-size:9px;font-weight:800}.lessons-modal-content{padding:18px 24px 22px}.lessons-modal-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-bottom:9px;display:flex}.lessons-modal-tags span{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900}.lessons-modal-title{color:#172033;text-align:center;margin:0 auto 7px;font-size:20px;font-weight:950;line-height:1.5}.lessons-modal-description{color:#64748b;text-align:center;max-width:590px;margin:0 auto 13px;font-size:11px;font-weight:600;line-height:1.9}.lessons-modal-note{color:#7c3b87;background:#fff1ff;border:1px solid #f1d8f6;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:fit-content;max-width:100%;margin:0 auto 17px;padding:7px 12px;font-size:9px;font-weight:800;display:flex}.lessons-modal-note-icon{font-size:13px}.lessons-modal-actions{grid-template-columns:minmax(120px,.8fr) minmax(180px,1.2fr);gap:10px;max-width:500px;margin:0 auto;display:grid}.lessons-modal-cancel,.lessons-modal-start{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:47px;font-size:11px;font-weight:950;transition:all .2s;display:inline-flex}.lessons-modal-cancel{color:#64748b;background:#eef0f4}.lessons-modal-cancel:hover{background:#e2e8f0}.lessons-modal-start{color:#fff;background:#31599b;box-shadow:0 8px 20px #31599b33}.lessons-modal-start:hover{background:#274a84;transform:translateY(-1px)}.lessons-modal-start svg{width:16px;height:16px}@media (width<=1100px){.lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lessons-filters{grid-template-columns:1fr 1fr}.lessons-search-wrapper{grid-column:1/-1}.lessons-hero-title{white-space:normal;font-size:25px}.lessons-hero-description{white-space:normal}}@media (width<=720px){.lessons-container{width:calc(100% - 24px)}.lessons-page{padding-top:18px}.lessons-hero{border-radius:24px;min-height:auto;padding:30px 22px}.lessons-hero-title{white-space:normal;font-size:29px}.lessons-hero-description{white-space:normal}.lessons-hero-stats{grid-template-columns:1fr;display:grid}.lessons-hero-stat{box-sizing:border-box;width:100%}.lessons-toolbar{border-radius:20px;padding:15px}.lessons-toolbar-top{align-items:flex-start}.lessons-refresh-button{padding:0 11px}.lessons-filters{grid-template-columns:1fr}.lessons-search-wrapper{grid-column:auto}.lessons-grid{grid-template-columns:1fr;gap:17px}.lesson-card-image{height:210px}.lessons-modal{border-radius:20px}.lessons-modal-media{border-radius:15px;height:280px;margin:14px 14px 0}.lessons-modal-content{padding:16px 16px 18px}.lessons-pagination{flex-direction:column;align-items:stretch}.lessons-pagination-info{text-align:center}.lessons-pagination-controls{padding-bottom:2px;overflow-x:auto}}@media (width<=440px){.lessons-container{width:calc(100% - 16px)}.lessons-hero{padding:25px 18px}.lessons-hero-title{white-space:normal;font-size:25px}.lessons-hero-description{white-space:normal}.lesson-primary-meta,.lesson-details-grid,.lessons-modal-stats,.lessons-modal-actions{grid-template-columns:1fr}.lesson-card-image{height:195px}.lessons-modal-media{height:215px}.lessons-modal-header{min-height:58px;padding:0 14px}.lessons-modal-header-title{font-size:13px}.lessons-modal-title{font-size:18px}.lessons-modal-actions{grid-template-columns:1fr}}[data-theme=dark] .lessons-page{color:#e5e7eb;background:#090e1b}[data-theme=dark] .lessons-toolbar,[data-theme=dark] .lesson-card,[data-theme=dark] .lessons-state,[data-theme=dark] .lessons-modal{background:#111827;border-color:#1f2937}[data-theme=dark] .lessons-toolbar-heading h2,[data-theme=dark] .lessons-state h2,[data-theme=dark] .lessons-modal-title{color:#f8fafc}[data-theme=dark] .lessons-search-input,[data-theme=dark] .lessons-filter-trigger,[data-theme=dark] .lesson-data-item,[data-theme=dark] .lesson-details,[data-theme=dark] .lessons-refresh-button{background:#0f172a;border-color:#273449}[data-theme=dark] .lessons-search-input,[data-theme=dark] .lessons-filter-trigger-label,[data-theme=dark] .lesson-data-value,[data-theme=dark] .lesson-details summary{color:#e2e8f0}[data-theme=dark] .lessons-filter-trigger:hover,[data-theme=dark] .lessons-filter-trigger.is-open{background:#131c31;border-color:#4338ca}[data-theme=dark] .lessons-filter-menu{background:#111827;border-color:#273449;box-shadow:0 18px 42px #0000008c}[data-theme=dark] .lessons-filter-option{color:#cbd5e1}[data-theme=dark] .lessons-filter-option.is-highlighted{color:#c7d2fe;background:#1b2438}[data-theme=dark] .lessons-filter-option.is-selected{color:#a5b4fc;background:#1e1b4b}[data-theme=dark] .lessons-filter-menu::-webkit-scrollbar-thumb{background:#273449}[data-theme=dark] .lesson-card-description,[data-theme=dark] .lessons-state p,[data-theme=dark] .lessons-modal-description,[data-theme=dark] .lessons-toolbar-heading p{color:#94a3b8}[data-theme=dark] .lesson-data-icon,[data-theme=dark] .lessons-toolbar-icon,[data-theme=dark] .lessons-state-icon{background:#1e1b4b}[data-theme=dark] .lessons-modal-close,[data-theme=dark] .lessons-modal-cancel{color:#cbd5e1;background:#0f172a;border-color:#273449}[data-theme=dark] .lesson-skeleton-image,[data-theme=dark] .lesson-skeleton-body>span,[data-theme=dark] .lesson-skeleton-meta span{background:#1b2638}[data-theme=dark] .lessons-pagination{background:#111827;border-color:#1f2937}[data-theme=dark] .lessons-pagination-number,[data-theme=dark] .lessons-pagination-arrow{color:#cbd5e1;background:#0f172a;border-color:#273449}[data-theme=dark] .lessons-pagination-number.active{color:#fff;background:#4f46e5;border-color:#6366f1}[data-theme=dark] .lessons-pagination-info{color:#94a3b8}[data-theme=dark] .lessons-modal-header{background:#111827;border-color:#1f2937}[data-theme=dark] .lessons-modal-header-title,[data-theme=dark] .lessons-modal-title{color:#f8fafc}[data-theme=dark] .lessons-modal-close{color:#cbd5e1}[data-theme=dark] .lessons-modal-close:hover{background:#1e293b}[data-theme=dark] .lessons-modal,[data-theme=dark] .lessons-modal-content{background:#111827}[data-theme=dark] .lessons-modal-description{color:#94a3b8}[data-theme=dark] .lessons-modal-note{color:#e9a9f2;background:#28182c;border-color:#4a2f4f}[data-theme=dark] .lessons-modal-cancel{color:#cbd5e1;background:#1e293b}.content-scope-tabs{border:1px solid var(--border-soft,#e5e7eb);background:var(--bg-surface,#fff);border-radius:20px;margin:0 0 16px;padding:6px;box-shadow:0 10px 30px #0f172a0f}.content-scope-tabs-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.content-scope-tabs-list button{min-width:0;color:var(--text-muted,#64748b);cursor:pointer;text-align:right;background:0 0;border:1px solid #0000;border-radius:15px;align-items:center;gap:12px;padding:12px 15px;font-family:inherit;transition:all .2s;display:flex}.content-scope-tabs-list button:hover:not(:disabled){background:var(--bg-surface-2,#f8fafc);color:var(--text-main,#172033)}.content-scope-tabs-list button.is-active{background:var(--bg-surface-2,#f8fafc);border-color:var(--border-soft,#e5e7eb);color:var(--text-main,#172033);box-shadow:0 6px 18px #0f172a0f}.content-scope-tabs-list button:disabled{opacity:.55;cursor:not-allowed}.content-scope-tab-icon{background:var(--bg-surface,#fff);color:#6366f1;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.content-scope-tabs-list button>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.content-scope-tabs-list strong{font-size:14px}.content-scope-tabs-list small{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.content-scope-tabs-list b{color:#fff;text-align:center;background:#111936;border-radius:999px;min-width:28px;margin-inline-start:auto;padding:4px 8px;font-size:10px}.content-scope-login-hint{color:var(--text-muted,#64748b);margin:8px 8px 2px;font-size:11px}@media (width<=600px){.content-scope-tabs-list{grid-template-columns:1fr}}.lesson-card.is-locked{cursor:not-allowed;border-color:#e2e5eb}.lesson-card.is-locked:hover{border-color:#e2e5eb;transform:none;box-shadow:0 9px 30px #0f172a0d}.lesson-card.is-locked .lesson-card-image img{filter:grayscale(.35);opacity:.72}.lesson-card-lock-overlay{z-index:4;pointer-events:none;background:#0f172a3d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lesson-card-lock-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172adb;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 8px 22px #0f172a33}.lesson-card-lock-badge svg{flex-shrink:0}.lesson-action.is-locked-action,.lesson-action.is-locked-action:hover{color:#8b95a5;cursor:not-allowed;box-shadow:none;background:#0f172adb;border-color:#e2e5eb}.lesson-action.is-locked-action svg{color:#8b95a5}.lesson-details-page{background:var(--bg-page,#f5f7fb);min-height:calc(100vh - 80px);color:var(--text-main,#172033);padding:20px 0 80px;transition:background-color .25s,color .25s}.lesson-details-container{width:min(1280px,100% - 40px);margin:0 auto}.lesson-details-back{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-size:13px;font-weight:800;transition:color .2s;display:inline-flex}.lesson-details-back:hover{color:var(--color-primary,#3d5a96)}.lesson-details-back svg{width:18px;height:18px}.lesson-details-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);grid-template-areas:"main sidebar";align-items:start;gap:24px;display:grid}.lesson-details-main{grid-area:main;min-width:0}.lesson-details-sidebar{grid-area:sidebar;align-content:start;gap:16px;min-width:0;display:grid}.lesson-video-shell{aspect-ratio:16/8;background:#0f172a;border-radius:16px;width:100%;max-height:410px;position:relative;overflow:hidden;box-shadow:0 22px 55px #0f172a29}.lesson-video-shell iframe,.lesson-video-shell video{object-fit:cover;background:#0f172a;border:0;width:100%;height:100%;display:block}.lesson-video-placeholder{width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;background-position:50%;background-size:cover;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.lesson-video-placeholder:hover .lesson-video-play{transform:scale(1.08)}.lesson-video-placeholder:disabled{cursor:wait}.lesson-video-placeholder-overlay{background:linear-gradient(#0f172a1f,#0f172abf);position:absolute;inset:0}.lesson-video-play{z-index:2;color:#3d5a96;background:#fffffff5;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;transition:transform .2s;display:flex;position:relative;box-shadow:0 12px 35px #00000040}.lesson-video-play svg{width:31px;height:31px;margin-right:-3px}.lesson-video-placeholder-label{z-index:2;color:#fff;font-size:12px;font-weight:800;position:absolute;bottom:18px;right:20px}.lesson-details-title-block{border-bottom:1px solid var(--border-color,#e2e8f0);padding:24px 0 16px}.lesson-details-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.lesson-details-tags span,.lesson-details-tags .tag{background:var(--tag-bg,#f1f5f9);color:var(--tag-color,#475569);border-radius:6px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.lesson-details-title-block h1{color:var(--text-main,#0f172a);margin:0 0 16px;font-size:clamp(20px,2vw,26px);font-weight:800;line-height:1.4}.lesson-details-title-block p{max-width:900px;color:var(--text-muted,#64748b);margin:0;font-size:13px;line-height:1.8}.lesson-description-section{margin-top:16px}.lesson-description-section h2{color:var(--text-main,#1e293b);margin:0 0 6px;font-size:15px;font-weight:700}.lesson-description-section p{color:var(--text-muted,#64748b);margin:0;font-size:13px;line-height:1.7}.lesson-description-label{color:var(--color-primary,#3d5a96);margin-bottom:5px;font-size:10px;font-weight:900;display:inline-block}.lesson-details-card{border:1px solid var(--border-color,#e5e9f1);background:var(--bg-card,#fff);border-radius:18px;padding:18px 20px;transition:background-color .25s,border-color .25s,box-shadow .25s;position:static;box-shadow:0 16px 45px #0f172a12}.lesson-details-card-heading{align-items:center;gap:12px;padding-bottom:12px;display:flex}.lesson-details-card-icon{background:var(--primary-soft,#eef2ff);width:44px;height:44px;color:var(--color-primary,#3d5a96);border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.lesson-details-card-icon svg{width:20px;height:20px}.lesson-details-card-heading>div{gap:3px;display:grid}.lesson-details-card-heading span{color:var(--text-muted,#64748b);font-size:11px;font-weight:800}.lesson-details-card-heading strong{color:var(--text-main,#172033);font-size:16px;font-weight:950}.lesson-details-items{gap:4px;display:grid}.lesson-detail-item{align-items:center;gap:11px;min-height:48px;padding:7px 0;display:flex}.lesson-detail-item-icon{background:var(--bg-soft,#f8fafc);width:37px;height:37px;color:var(--text-muted,#64748b);border-radius:11px;flex:0 0 37px;justify-content:center;align-items:center;display:flex}.lesson-detail-item-icon svg{width:17px;height:17px}.lesson-detail-item-copy{gap:2px;min-width:0;display:grid}.lesson-detail-item-copy small{color:var(--text-light,#94a3b8);font-size:10px;font-weight:800}.lesson-detail-item-copy strong{color:var(--text-main,#172033);overflow-wrap:anywhere;font-size:12px;font-weight:900}.lesson-details-divider{background:var(--border-color,#edf0f5);height:1px;margin:9px 0}.lesson-details-access-note{background:var(--primary-soft,#f7f9ff);border:1px solid #0000;border-radius:13px;align-items:flex-start;gap:9px;margin-bottom:10px;padding:10px;display:flex}.lesson-details-access-note svg{width:18px;height:18px;color:var(--color-primary,#3d5a96);flex:0 0 18px}.lesson-details-access-note p{color:var(--text-muted,#52627c);margin:0;font-size:11px;font-weight:700;line-height:1.7}.lesson-details-start{background:var(--color-primary,#3d5a96);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;padding:0 18px;font-size:13px;font-weight:950;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 12px 28px #3d5a9638}.lesson-details-start:hover{transform:translateY(-1px);box-shadow:0 15px 32px #3d5a9647}.lesson-details-start svg{width:18px;height:18px}.lesson-details-secure-note{color:var(--text-light,#94a3b8);justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:10px;font-weight:700;display:flex}.lesson-details-secure-note svg{width:14px;height:14px}.lesson-details-loading,.lesson-details-error{text-align:center;place-content:center;justify-items:center;min-height:420px;display:grid}.lesson-details-loading{color:var(--text-muted,#64748b);font-weight:800}.lesson-details-error h1{color:var(--text-main,#172033);margin:0 0 8px;font-size:24px}.lesson-details-error p{color:var(--text-muted,#64748b);margin:0 0 18px}.lesson-details-error button{background:var(--color-primary,#3d5a96);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:0 18px;font-weight:900}[data-theme=dark] .lesson-details-page{background:var(--bg-page,#0f172a);color:var(--text-main,#f8fafc)}[data-theme=dark] .lesson-details-back{color:var(--text-muted,#94a3b8)}[data-theme=dark] .lesson-details-back:hover{color:var(--color-primary,#7c9be6)}[data-theme=dark] .lesson-details-title-block{border-bottom-color:var(--border-color,#263247)}[data-theme=dark] .lesson-details-title-block h1,[data-theme=dark] .lesson-description-section h2,[data-theme=dark] .lesson-details-card-heading strong,[data-theme=dark] .lesson-detail-item-copy strong,[data-theme=dark] .lesson-details-error h1{color:var(--text-main,#f8fafc)}[data-theme=dark] .lesson-details-title-block p,[data-theme=dark] .lesson-description-section p,[data-theme=dark] .lesson-details-card-heading span,[data-theme=dark] .lesson-detail-item-copy small,[data-theme=dark] .lesson-details-error p{color:var(--text-muted,#94a3b8)}[data-theme=dark] .lesson-details-tags span,[data-theme=dark] .lesson-details-tags .tag{background:var(--tag-bg,#1e293b);color:var(--tag-color,#cbd5e1)}[data-theme=dark] .lesson-details-card{background:var(--bg-card,#172033);border-color:var(--border-color,#2a374d);box-shadow:0 16px 45px #00000038}[data-theme=dark] .lesson-details-card-icon{background:var(--primary-soft,#202d4d);color:var(--color-primary,#8aa7ed)}[data-theme=dark] .lesson-detail-item-icon{background:var(--bg-soft,#1e293b);color:var(--text-muted,#94a3b8)}[data-theme=dark] .lesson-details-divider{background:var(--border-color,#29364b)}[data-theme=dark] .lesson-details-access-note{background:var(--primary-soft,#182642);border-color:var(--border-color,#293b5d)}[data-theme=dark] .lesson-details-access-note p{color:var(--text-muted,#b2bfd2)}[data-theme=dark] .lesson-details-access-note svg{color:var(--color-primary,#8aa7ed)}[data-theme=dark] .lesson-details-secure-note{color:var(--text-light,#64748b)}[data-theme=dark] .lesson-video-shell,[data-theme=dark] .lesson-video-shell iframe,[data-theme=dark] .lesson-video-shell video{background:#020617}@media (height<=800px) and (width>=901px){.lesson-details-page{padding-bottom:40px}.lesson-video-shell{max-height:350px}.lesson-details-title-block{padding-top:10px}.lesson-details-title-block h1{font-size:25px}}@media (width<=900px){.lesson-details-layout{grid-template-columns:1fr;grid-template-areas:"main""sidebar"}.lesson-video-shell{aspect-ratio:16/9;max-height:none}.lesson-details-card{position:static}}@media (width<=640px){.lesson-details-container{width:min(100% - 24px,1280px)}.lesson-details-page{padding-top:22px}.lesson-video-shell{border-radius:13px}.lesson-details-card{border-radius:16px;padding:17px}.lesson-details-title-block h1{font-size:21px}}.dashboard-home{flex-direction:column;gap:20px;display:flex}.dashboard-welcome{background:linear-gradient(135deg, var(--color-primary), var(--color-navy));color:#fff;border-radius:20px;justify-content:space-between;align-items:center;min-height:145px;padding:25px 30px;display:flex;overflow:hidden}.dashboard-welcome-label{opacity:.85;margin-bottom:6px;font-size:13px;display:block}.dashboard-welcome h1{font-family:var(--font-display);margin:0 0 8px;font-size:23px}.dashboard-welcome p{opacity:.8;max-width:600px;margin:0;font-size:12px;line-height:1.8}.dashboard-welcome-icon{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;font-size:45px;display:flex}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.dashboard-stat{border:1px solid var(--border-soft);background:var(--bg-surface);min-height:100px;box-shadow:var(--shadow-soft);border-radius:16px;flex-direction:column;justify-content:center;gap:8px;padding:18px;display:flex}.dashboard-stat span{color:var(--text-muted);font-size:11px}.dashboard-stat strong{color:var(--color-accent);font-size:25px}@media (width<=900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.dashboard-welcome{min-height:130px;padding:20px}.dashboard-welcome h1{font-size:18px}.dashboard-welcome p{font-size:10px}.dashboard-welcome-icon{width:65px;height:65px;font-size:30px}.dashboard-stats{grid-template-columns:1fr 1fr;gap:10px}}.settings-page{flex-direction:column;gap:20px;min-height:calc(100vh - 52px);padding-bottom:40px;display:flex;position:relative}.settings-page-top{border:1px solid var(--border-soft,#e2e8f0cc);background:radial-gradient(circle at 2% 50%, #2563eb0a, transparent 30%), linear-gradient(135deg, var(--bg-surface,#fff) 0%, var(--bg-surface-2,#f8fafc) 100%);border-radius:20px;justify-content:flex-start;align-items:center;min-height:110px;padding:24px 32px;display:flex;box-shadow:0 4px 20px #0f172a0a}[data-theme=dark] .settings-page-top{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#ffffff0f}.settings-breadcrumb{color:var(--color-primary,#2563eb);letter-spacing:-.2px;background:#2563eb14;border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.settings-page-top h1{color:var(--text-main,#0f172a);font-family:var(--font-display,inherit);margin:0;font-size:24px;font-weight:800;line-height:1.25}.settings-page-top p{color:var(--text-muted,#64748b);margin:6px 0 0;font-size:13px}.settings-layout{direction:ltr;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:20px;display:grid}.settings-profile-column,.settings-main-column{direction:rtl;min-width:0}.settings-profile-column{flex-direction:column;gap:16px;width:100%;display:flex}.settings-main-column{width:100%}.settings-profile-card,.settings-stat-card,.settings-card{background:var(--bg-surface,#fff);border:1px solid var(--border-soft,#e2e8f0cc);transition:box-shadow .2s;box-shadow:0 4px 20px #0f172a0a}[data-theme=dark] .settings-profile-card,[data-theme=dark] .settings-stat-card,[data-theme=dark] .settings-card{border-color:#ffffff0f}.settings-profile-card{text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:24px 20px 20px;display:flex}.settings-avatar-wrap{margin-bottom:12px;position:relative}.settings-avatar{border:3px solid var(--bg-surface,#fff);width:76px;height:76px;color:var(--text-muted,#64748b);background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000014}.settings-avatar img{object-fit:cover;width:100%;height:100%}.settings-avatar-camera{border:2px solid var(--bg-surface,#fff);color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:2px;right:2px}.settings-profile-card h2{color:var(--text-main,#0f172a);margin:0;font-size:16px;font-weight:800}.settings-profile-card>p{color:var(--text-muted,#64748b);margin:4px 0 16px;font-size:12px}.settings-profile-button{background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;font-family:inherit;font-size:13px;font-weight:700;transition:filter .2s,transform .15s;display:flex;box-shadow:0 4px 12px #2563eb33}.settings-profile-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.settings-mini-links{border-top:1px solid var(--border-soft,#f1f5f9);flex-direction:column;gap:6px;width:100%;margin-top:14px;padding-top:14px;display:flex}.settings-mini-links div{min-height:32px;color:var(--text-muted,#64748b);border-radius:8px;align-items:center;gap:10px;padding-inline:10px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.settings-mini-links div:hover{background:var(--bg-surface-2,#f8fafc);color:var(--text-main,#0f172a)}.settings-stat-card{border-radius:20px;padding:18px 20px}.settings-stat-title{color:var(--text-main,#0f172a);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.settings-stat-status{color:#10b981;background:#10b9811a;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.settings-progress{background:var(--bg-surface-2,#e2e8f0);border-radius:999px;height:6px;margin:14px 0 8px;overflow:hidden}.settings-progress span{border-radius:inherit;background:var(--color-primary,#2563eb);width:86%;height:100%;display:block}.settings-stat-meta{color:var(--text-muted,#64748b);justify-content:space-between;font-size:12px;display:flex}.settings-stat-meta strong{color:var(--color-primary,#2563eb);font-weight:700}.settings-card{border-radius:20px;padding:32px}.settings-card-heading{border-bottom:1px solid var(--border-soft,#f1f5f9);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:18px;display:flex}.settings-card-heading h2{color:var(--text-main,#0f172a);margin:0;font-size:18px;font-weight:800}.settings-card-heading p{color:var(--text-muted,#64748b);margin:4px 0 0;font-size:13px}.settings-edit-label{color:var(--color-primary,#2563eb);background:#2563eb0f;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.settings-required-note{border-right:3px solid var(--color-primary,#2563eb);color:var(--color-primary,#2563eb);background:#2563eb0d;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.5}.settings-fields-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-field{flex-direction:column;gap:8px;min-width:0;display:flex}.settings-field>span{color:var(--text-main,#0f172a);font-size:13px;font-weight:700}.settings-field input{border:1px solid var(--border-soft,#cbd5e1);background:var(--bg-surface,#fff);width:100%;height:44px;color:var(--text-main,#0f172a);border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:all .2s}.settings-field input:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 4px #2563eb1a}.settings-field input::placeholder{color:var(--text-muted,#94a3b8)}.settings-extra-fields{margin-top:20px}.settings-input-with-icon{position:relative}.settings-input-with-icon>svg{z-index:1;color:var(--text-muted,#64748b);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.settings-input-with-icon input{padding-inline:14px 42px}.settings-input-with-icon input[dir=ltr]{text-align:left}.settings-photo-preview{background:#2563eb0a;border:1px solid #2563eb1f;border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.settings-photo-preview-image{background:var(--bg-surface-2,#f1f5f9);border-radius:50%;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.settings-photo-preview-image img{object-fit:cover;width:100%;height:100%}.settings-photo-preview>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.settings-photo-preview strong{color:var(--text-main,#0f172a);font-size:12px;font-weight:800}.settings-photo-preview span{color:var(--text-muted,#64748b);font-size:11px;line-height:1.5}.settings-mobile-field{margin-top:20px}.settings-mobile-input{grid-template-columns:minmax(0,1fr) 110px;gap:10px;display:grid}.settings-mobile-input input{letter-spacing:1.2px;background:var(--bg-surface-2,#f8fafc);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.settings-country-code{border:1px solid var(--border-soft,#cbd5e1);background:var(--bg-surface-2,#f8fafc);height:44px;color:var(--text-main,#0f172a);border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.settings-security-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.settings-security-card{border:1px solid var(--border-soft,#e2e8f0cc);background:var(--bg-surface-2,#f8fafc);border-radius:14px;align-items:center;gap:12px;min-height:56px;padding:12px 16px;display:flex}.settings-security-card>svg{flex:none}.settings-security-card div{flex-direction:column;gap:2px;display:flex}.settings-security-card strong{color:var(--text-main,#0f172a);font-size:13px;font-weight:700}.settings-security-card span{color:var(--text-muted,#64748b);font-size:12px}.settings-security-card.secure{color:#2563eb;background:#2563eb0a;border-color:#2563eb1f}.settings-security-card.login-info{color:#d97706;background:#d977060a;border-color:#d977061f}.settings-message{border-radius:12px;margin-top:16px;padding:12px 16px;font-size:13px;font-weight:600}.settings-message.error{color:#ef4444;background:#ef444414;border:1px solid #ef444433}.settings-field input.is-invalid{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.settings-field .field-error{color:#ef4444;margin-top:4px;font-size:12px;font-weight:600}.settings-toast{z-index:1500;background:var(--bg-surface,#fff);min-width:260px;color:var(--text-main,#0f172a);border:1px solid #10b98133;border-radius:16px;align-items:center;gap:12px;padding:12px 18px;font-size:13px;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) both settings-toast-in;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0f172a1f}.settings-toast small{color:var(--text-muted,#64748b);margin-top:2px;font-size:11px;font-weight:500;display:block}.settings-toast-icon{color:#fff;background:#10b981;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}@keyframes settings-toast-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.settings-save-button{background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:28px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .15s,filter .2s;display:flex;box-shadow:0 6px 20px #2563eb40}.settings-save-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.settings-save-button:disabled{opacity:.65;cursor:not-allowed}.settings-loading{min-height:420px;color:var(--text-muted,#64748b);place-items:center;font-size:14px;font-weight:600;display:grid}@media (width<=992px){.settings-layout{grid-template-columns:220px minmax(0,1fr)}}@media (width<=768px){.settings-page-top{padding:20px}.settings-layout{grid-template-columns:1fr}.settings-profile-column{grid-template-columns:1fr 1fr;display:grid}}@media (width<=580px){.settings-fields-grid,.settings-security-grid,.settings-profile-column{grid-template-columns:1fr}.settings-card{padding:20px 16px}.settings-mobile-input{grid-template-columns:1fr 96px}}.settings-field>span small{color:var(--text-muted,#94a3b8);font-size:11px;font-weight:600}.settings-required-mark{color:#ef4444!important;font-size:13px!important;font-weight:800!important}.settings-file-input{display:none!important}.settings-upload-box{border:1px dashed var(--border-soft,#cbd5e1);background:var(--bg-surface-2,#f8fafc);border-radius:12px;align-items:center;gap:11px;min-height:78px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex;position:relative}.settings-upload-box:hover,.settings-upload-box.has-image{background:#2563eb09;border-color:#2563eb73}.settings-upload-preview{background:var(--bg-surface,#fff);width:54px;height:54px;color:var(--text-muted,#94a3b8);border:1px solid var(--border-soft,#e2e8f0);border-radius:50%;flex:0 0 54px;place-items:center;display:grid;overflow:hidden}.settings-upload-preview img{object-fit:cover;width:100%;height:100%}.settings-upload-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.settings-upload-content strong{color:var(--text-main,#0f172a);font-size:12px;font-weight:800}.settings-upload-content span{color:var(--text-muted,#64748b);font-size:10px;line-height:1.5}.settings-upload-button{background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:700;transition:filter .2s,transform .15s;display:inline-flex}.settings-upload-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.settings-remove-photo{background:var(--bg-surface,#fff);color:#ef4444;cursor:pointer;border:1px solid #ef44442e;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:7px;left:7px}@media (width<=580px){.settings-upload-box{flex-wrap:wrap;align-items:flex-start}.settings-upload-content{padding-inline-end:26px}.settings-upload-button{width:100%}}[data-theme=dark] .settings-page-top,[data-theme=dark] .settings-profile-card,[data-theme=dark] .settings-stat-card,[data-theme=dark] .settings-card{background:#171b20;border-color:#ffffff14;box-shadow:0 6px 24px #0003}[data-theme=dark] .settings-page-top{background:radial-gradient(circle at 2%,#2563eb14,#0000 30%),#171b20}[data-theme=dark] .settings-upload-box,[data-theme=dark] .settings-input-with-icon,[data-theme=dark] .settings-mobile-input{background:#20262e;border-color:#ffffff1a}[data-theme=dark] .settings-field input{color:#f8fafc;background:#20262e;border-color:#ffffff1a}[data-theme=dark] .settings-field input::placeholder{color:#718096}[data-theme=dark] .settings-upload-preview,[data-theme=dark] .settings-avatar{background:#252c35;border-color:#ffffff1a}[data-theme=dark] .settings-upload-content strong,[data-theme=dark] .settings-card-heading h2,[data-theme=dark] .settings-profile-card h2,[data-theme=dark] .settings-stat-title,[data-theme=dark] .settings-stat-meta strong{color:#f8fafc}[data-theme=dark] .settings-upload-content span,[data-theme=dark] .settings-card-heading p,[data-theme=dark] .settings-profile-card>p,[data-theme=dark] .settings-stat-meta,[data-theme=dark] .settings-field>span{color:#aab4c3}[data-theme=dark] .settings-mini-links{border-color:#ffffff14}[data-theme=dark] .settings-mini-links div:hover{color:#f8fafc;background:#222831}[data-theme=dark] .settings-security-card{background:#20262e;border-color:#ffffff14}[data-theme=dark] .settings-security-card strong{color:#f8fafc}[data-theme=dark] .settings-security-card span{color:#aab4c3}[data-theme=dark] .settings-mobile-input{border-color:#ffffff1a}[data-theme=dark] .settings-country-code{color:#dbe4f2;border-color:#ffffff1a}[data-theme=dark] .settings-required-note{color:#f4c978;background:#f59e0b1a;border-color:#f59e0b40}[data-theme=dark] .settings-message.error{color:#fca5a5;background:#ef44441a;border-color:#ef444440}[data-theme=dark] .settings-toast{color:#d1fae5;background:#18261f;border-color:#10b98140}[data-theme=dark] .settings-remove-photo{background:#20262e}.settings-page,.settings-page *{box-sizing:border-box}.settings-page{width:100%;max-width:100%;overflow-x:hidden}.settings-layout,.settings-profile-column,.settings-main-column,.settings-card,.settings-fields-grid>*,.settings-security-grid>*{min-width:0}.settings-field input{min-width:0;max-width:100%}.settings-input-with-icon,.settings-mobile-input{width:100%;min-width:0}.settings-upload-box{min-width:0}@media (width<=1100px){.settings-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}.settings-card{padding:22px}}@media (width<=900px){.settings-layout{grid-template-columns:1fr}.settings-profile-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}}@media (width<=700px){.settings-page-top{border-radius:16px;min-height:auto;padding:20px}.settings-page-top h1{font-size:21px}.settings-page-top p{font-size:12px}.settings-profile-column{grid-template-columns:1fr}.settings-card{border-radius:16px;padding:18px 14px}.settings-card-heading{align-items:flex-start;gap:10px}.settings-edit-label{white-space:normal;text-align:left}.settings-fields-grid,.settings-security-grid{grid-template-columns:1fr}.settings-upload-box{flex-wrap:wrap;align-items:center}.settings-upload-content{flex:calc(100% - 70px)}.settings-upload-button{flex:100%;width:100%}.settings-mobile-input{grid-template-columns:minmax(0,1fr) 90px}}@media (width<=480px){.settings-page{gap:14px}.settings-page-top{padding:16px}.settings-page-top h1{font-size:19px}.settings-breadcrumb{font-size:10px}.settings-card{padding:16px 12px}.settings-card-heading{flex-direction:column}.settings-edit-label{align-self:flex-start}.settings-field input,.settings-mobile-input{min-height:42px}.settings-mobile-input{grid-template-columns:minmax(0,1fr) 78px}.settings-security-card{padding:12px}}@media (width<=360px){.settings-page-top h1{font-size:17px}.settings-card{padding-inline:10px}.settings-country-code{font-size:11px}}.profile-page{flex-direction:column;gap:20px;min-width:0;padding-bottom:100px;display:flex;position:relative}.profile-info-card,.profile-level-card,.profile-stat-card,.profile-progress-card,.profile-achievements-card{border:1px solid var(--border-soft,#e2e8f0cc);background:var(--bg-surface,#fff);padding:var(--card-padding,20px);border-radius:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0f172a0a}.profile-info-card:hover,.profile-level-card:hover,.profile-stat-card:hover,.profile-progress-card:hover,.profile-achievements-card:hover{box-shadow:0 6px 24px #0f172a12}.profile-progress-card,.profile-achievements-card{--card-padding:24px}.profile-cover-card{border-radius:24px;height:160px;position:relative;overflow:hidden;box-shadow:0 8px 30px #2563eb1f}.profile-cover-pattern{background:radial-gradient(circle at 10% 20%,#ffffff26,#0000 40%),linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#1e40af 100%);position:absolute;inset:0;overflow:hidden}.profile-cover-pattern:before,.profile-cover-pattern:after,.profile-cover-pattern span{content:"";border-top:4px solid #ffffff40;border-bottom:4px solid #ffffff14;border-radius:50%;width:130%;height:46px;display:block;position:absolute;transform:rotate(-12deg)}.profile-cover-pattern:before{top:20px;right:-10%}.profile-cover-pattern:after{opacity:.6;top:75px;right:-20%}.profile-cover-pattern span:first-child{opacity:.4;top:110px;right:-5%}.profile-cover-pattern span:nth-child(2){opacity:.3;top:-15px;right:15%}.profile-cover-pattern span:nth-child(3){opacity:.2;top:50px;right:35%}.profile-identity-row{justify-content:space-between;align-items:flex-start;margin-top:-50px;padding:0 12px;display:flex}.profile-identity{align-items:flex-end;gap:16px;display:flex}.profile-identity-copy{text-align:right;padding-bottom:4px;transform:translateY(8px)}.profile-identity-copy h1{color:var(--text-main,#0f172a);letter-spacing:-.3px;margin:0;font-size:24px;font-weight:800}.profile-identity-copy p{color:var(--text-muted,#64748b);margin:4px 0 0;font-size:13px;font-weight:500}.profile-avatar-large{border:4px solid var(--bg-surface,#fff);width:96px;height:96px;color:var(--color-primary,#2563eb);background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:50%;flex:0 0 96px;place-items:center;font-size:30px;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a1f}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-online-dot{border:3px solid var(--bg-surface,#fff);background:#10b981;border-radius:50%;width:14px;height:14px;position:absolute;bottom:6px;right:4px}.profile-share-button{border:1px solid var(--border-soft,#e2e8f0cc);background:var(--bg-surface,#fff);color:var(--color-primary,#2563eb);cursor:pointer;border-radius:12px;align-items:center;gap:6px;margin-top:50px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0f172a0a}.profile-share-button:hover{background:var(--bg-surface-2,#f8fafc);transform:translateY(-1px)}.profile-grid{direction:ltr;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:20px;margin-top:10px;display:grid}.profile-side-column,.profile-main-column{direction:rtl;flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.profile-card-title{color:var(--color-primary,#2563eb);justify-content:space-between;align-items:center;gap:8px;display:flex}.profile-card-title h2{color:var(--text-main,#0f172a);margin:0;font-size:15px;font-weight:800}.profile-info-list{flex-direction:column;gap:14px;margin-top:16px;display:flex}.profile-info-item{align-items:center;gap:10px;display:flex}.profile-info-icon{width:30px;height:30px;color:var(--color-primary,#2563eb);background:#2563eb0f;border-radius:8px;flex:0 0 30px;place-items:center;display:grid}.profile-info-item>div{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-info-item small,.profile-level-meta{color:var(--text-muted,#64748b);font-size:11px;font-weight:500}.profile-info-item strong{max-width:100%;color:var(--text-main,#0f172a);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.profile-info-edit,.profile-level-button{border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:40px;margin-top:16px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .2s,transform .15s;display:flex}.profile-info-edit{background:var(--bg-surface-2,#f8fafc);color:var(--color-primary,#2563eb);border:1px solid var(--border-soft,#e2e8f0)}.profile-info-edit:hover{background:#2563eb0a}.profile-level-name{color:var(--text-main,#0f172a);margin-top:12px;font-size:15px;font-weight:800;display:block}.profile-level-meta{margin-top:4px;display:block}.profile-level-button{background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;border:0;font-family:inherit;box-shadow:0 4px 12px #2563eb33}.profile-level-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.profile-stat-card{flex-direction:column;justify-content:space-between;min-height:105px;padding:18px;display:flex}.profile-stat-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.profile-stat-icon.blue{color:#2563eb;background:#2563eb1a}.profile-stat-icon.orange{color:#d97706;background:#d977061a}.profile-stat-icon.green{color:#10b981;background:#10b9811a}.profile-stat-card small{color:var(--text-muted,#64748b);margin-top:8px;font-size:12px;font-weight:600}.profile-stat-card strong{color:var(--text-main,#0f172a);letter-spacing:-.5px;font-size:24px;font-weight:800}.profile-section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-section-heading>div{flex-direction:column;gap:2px;display:flex}.profile-section-heading span{color:var(--text-muted,#64748b);font-size:12px;font-weight:600}.profile-section-heading strong{color:var(--text-main,#0f172a);font-size:15px;font-weight:800}.profile-score{font-weight:900;color:var(--color-primary,#2563eb)!important;font-size:20px!important}.profile-progress-card p{color:var(--text-muted,#64748b);margin:10px 0 16px;font-size:13px}.profile-progress-track{background:var(--bg-surface-2,#e2e8f0);border-radius:999px;height:10px;overflow:hidden}.profile-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary,#2563eb), #3b82f6);height:100%;display:block}.profile-progress-labels{color:var(--text-muted,#94a3b8);justify-content:space-between;margin-top:8px;font-size:12px;font-weight:600;display:flex}.profile-achievements-card{min-height:110px}.profile-section-heading.compact{align-items:center}.profile-section-heading.compact>svg{color:var(--color-primary,#2563eb)}.profile-achievement-pills{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.profile-achievement-pills span{border:1px solid var(--border-soft,#e2e8f0);background:var(--bg-surface-2,#f8fafc);color:var(--text-main,#0f172a);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;box-shadow:0 2px 6px #0f172a05}.profile-achievement-pills .disabled{opacity:.5;background:0 0}.profile-quick-actions{z-index:10;gap:12px;display:flex;position:fixed;bottom:24px;left:24px}.profile-quick-action{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .15s,filter .2s;display:flex;box-shadow:0 10px 25px #0f172a26}.profile-quick-action:hover{filter:brightness(1.05);transform:translateY(-2px)}.profile-quick-action.primary{background:var(--color-primary,#2563eb);color:#fff}.profile-quick-action.secondary{background:var(--bg-surface,#fff);color:var(--color-primary,#2563eb);border:1px solid var(--border-soft,#cbd5e1)}.profile-copy-toast{z-index:1500;background:var(--bg-surface,#fff);min-width:260px;color:var(--text-main,#0f172a);border:1px solid #10b98133;border-radius:16px;align-items:center;gap:12px;padding:12px 18px;font-size:13px;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) both profile-toast-in;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0f172a1f}.profile-copy-toast small{color:var(--text-muted,#64748b);margin-top:2px;font-size:11px;font-weight:500;display:block}.profile-toast-icon{color:#fff;background:#10b981;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}@keyframes profile-toast-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@media (width<=900px){.profile-grid{grid-template-columns:230px minmax(0,1fr)}}@media (width<=768px){.profile-grid{grid-template-columns:1fr}.profile-side-column{grid-template-columns:1fr 1fr;display:grid}}@media (width<=580px){.profile-stats-grid,.profile-side-column{grid-template-columns:1fr}.profile-identity-row{text-align:center;flex-direction:column;align-items:center;margin-top:-45px}.profile-identity{flex-direction:column;align-items:center}.profile-identity-copy{transform:none}.profile-share-button{justify-content:center;width:100%;margin-top:12px}.profile-quick-actions{justify-content:stretch;bottom:16px;left:16px;right:16px}.profile-quick-action{flex:1}}[data-theme=dark] .profile-info-card,[data-theme=dark] .profile-level-card,[data-theme=dark] .profile-stat-card,[data-theme=dark] .profile-progress-card,[data-theme=dark] .profile-achievements-card,[data-theme=dark] .profile-share-button{background:#171b20;border-color:#ffffff14;box-shadow:0 6px 24px #0003}[data-theme=dark] .profile-card-title h2,[data-theme=dark] .profile-identity-copy h1,[data-theme=dark] .profile-section-heading strong,[data-theme=dark] .profile-stat-card strong,[data-theme=dark] .profile-level-name,[data-theme=dark] .profile-info-item strong{color:#f8fafc}[data-theme=dark] .profile-identity-copy p,[data-theme=dark] .profile-info-item small,[data-theme=dark] .profile-level-meta,[data-theme=dark] .profile-progress-card p,[data-theme=dark] .profile-progress-labels,[data-theme=dark] .profile-achievement-pills{color:#aab4c3}[data-theme=dark] .profile-info-icon{color:#93b4ff;background:#232a33}[data-theme=dark] .profile-share-button{color:#93b4ff}[data-theme=dark] .profile-share-button:hover{background:#222831}[data-theme=dark] .profile-info-edit,[data-theme=dark] .profile-level-button{color:#fff;background:#2f4f87}[data-theme=dark] .profile-stat-card{background:#171b20}[data-theme=dark] .profile-achievement-pills span{color:#dbe4f2;background:#252c35;border-color:#ffffff12}[data-theme=dark] .profile-achievement-pills .disabled{color:#7f8a99;background:#20252c}[data-theme=dark] .profile-copy-toast{color:#f8fafc;background:#171b20;border-color:#ffffff14}.profile-page,.profile-page *{box-sizing:border-box}.profile-page{width:100%;max-width:100%;overflow-x:hidden}.profile-cover-card{width:100%}.profile-identity,.profile-identity-copy,.profile-main-column,.profile-side-column{min-width:0}.profile-info-item>div{flex:1;min-width:0}.profile-info-item strong{overflow-wrap:anywhere;word-break:break-word;max-width:100%;display:block}@media (width<=1100px){.profile-grid{grid-template-columns:220px minmax(0,1fr);gap:16px}.profile-info-card,.profile-level-card,.profile-progress-card,.profile-achievements-card{padding:18px}}@media (width<=900px){.profile-grid{grid-template-columns:1fr}.profile-side-column{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-main-column{width:100%}}@media (width<=700px){.profile-cover-card{border-radius:18px;height:135px}.profile-identity-row{padding-inline:6px}.profile-identity{max-width:100%}.profile-identity-copy h1{font-size:21px}.profile-side-column{grid-template-columns:1fr}.profile-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-stat-card{padding:14px 10px}.profile-stat-card small{font-size:11px}.profile-stat-card strong{font-size:20px}.profile-section-heading{gap:10px}.profile-achievement-pills{flex-wrap:wrap}}@media (width<=520px){.profile-page{gap:14px;padding-bottom:82px}.profile-cover-card{height:115px}.profile-identity-row{margin-top:-38px}.profile-avatar-large{border-width:3px;flex-basis:78px;width:78px;height:78px;font-size:24px}.profile-online-dot{border-width:2px;width:12px;height:12px;bottom:4px;right:2px}.profile-identity-copy h1{font-size:19px}.profile-identity-copy p{font-size:11px}.profile-stats-grid{grid-template-columns:1fr}.profile-stat-card{text-align:right;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;display:grid}.profile-stat-card small{font-size:12px}.profile-stat-card strong{font-size:19px}.profile-progress-card,.profile-achievements-card,.profile-info-card,.profile-level-card{border-radius:16px;padding:16px}.profile-section-heading{align-items:flex-start}.profile-section-heading>div{min-width:0}.profile-section-heading strong{overflow-wrap:anywhere}.profile-quick-actions{z-index:50;border-radius:14px;gap:6px;padding:6px;position:fixed;bottom:10px;left:10px;right:10px}.profile-quick-action{min-width:0;font-size:11px}}@media (width<=360px){.profile-identity-copy h1{font-size:17px}.profile-quick-action{padding-inline:8px}}.subscriptions-page{color:#1f2f4f;width:min(100%,1160px);margin:0 auto;padding:0 16px 40px;font-family:inherit}.subscriptions-hero{text-align:center;background:radial-gradient(circle at 12% 25%,#ffeccf66,#0000 35%),#fff;border:1px solid #e6ebf5f2;border-radius:20px;padding:32px 24px;box-shadow:0 10px 30px #232f5e0d}.subscriptions-hero h1{color:#182a4b;margin:0;font-size:clamp(24px,2.8vw,34px);font-weight:800;line-height:1.4}.subscriptions-hero-icon{margin-inline-start:8px;display:inline-block}.subscriptions-hero p{color:#64748b;max-width:600px;margin:12px auto 0;font-size:15px;line-height:1.7}.subscriptions-period{background:#f1f5f9;border-radius:999px;gap:6px;width:fit-content;margin:20px auto;padding:5px;display:flex;box-shadow:inset 0 1px 3px #232f5e0d}.subscriptions-period button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:90px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.subscriptions-period button.is-active{color:#2f4f87;background:#fff;box-shadow:0 4px 12px #232f5e14}.subscriptions-notice{background:#fffbeb;border:1px dashed #f6ad55;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:16px 24px;display:flex}.subscriptions-notice-text{text-align:right;flex-direction:column;flex:1;gap:4px;display:flex}.subscriptions-notice-text strong{color:#d97706;font-size:15px;font-weight:800}.subscriptions-notice-text span{color:#78350f;font-size:13px}.subscriptions-notice-timer{align-items:center;gap:16px;display:flex}.time-block{flex-direction:column;justify-content:center;align-items:center;display:flex}.time-block strong{color:#1e3a8a;font-size:20px;font-weight:800}.time-block span{color:#64748b;font-size:11px}.time-separator{color:#1e3a8a;margin-top:-12px;font-size:20px;font-weight:700}.subscriptions-plans{background:#fff;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;padding:36px 24px;display:grid;box-shadow:0 12px 35px #232f5e0f}.subscription-plan{text-align:right;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:32px 24px 28px;transition:all .3s;display:flex;position:relative}.subscription-plan:hover{z-index:2;border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 16px 35px #3b82f61f}.subscription-badge{white-space:nowrap;color:#fff;background:#d97706;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #d9770640}.subscription-plan h2{color:#0f172a;text-align:center;margin:0 0 16px;font-size:20px;font-weight:800}.subscription-price{justify-content:center;align-items:baseline;gap:8px;margin:0 0 24px;display:flex}.subscription-price strong{color:#1e3a8a;font-size:36px;font-weight:900;line-height:1}.subscription-price span{color:#64748b;font-size:13px;font-weight:600}.subscription-plan ul{flex-direction:column;gap:14px;margin:0 0 28px;padding:0;list-style:none;display:flex}.subscription-plan li{color:#334155;direction:ltr;justify-content:flex-end;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.subscription-plan li svg{color:#3b82f6;flex:none}.subscription-plan-button{color:#1e3a8a;cursor:pointer;background:#fff;border:1px solid #3b82f6;border-radius:14px;width:100%;min-height:48px;margin-top:auto;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}.subscription-plan:hover .subscription-plan-button{color:#fff;background:#1e3a8a;border-color:#1e3a8a;box-shadow:0 4px 14px #1e3a8a40}.subscriptions-current{background:#f8fafc;border:1px solid #cbd5e1;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 20px;padding:20px 24px;display:flex}.subscriptions-current-icon{color:#1e3a8a;background:#e2e8f0;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.subscriptions-current-text{text-align:right;flex-direction:column;flex:1;gap:4px;display:flex}.subscriptions-current-text strong{color:#0f172a;font-size:16px;font-weight:800}.subscriptions-current-text span{color:#64748b;font-size:13px}.subscriptions-current-price{border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-direction:column;flex:none;justify-content:center;align-items:center;padding:0 24px;display:flex}.price-amount{color:#1e3a8a;font-size:22px;font-weight:800;line-height:1.2}.price-unit{color:#64748b;font-size:12px}.subscriptions-current-tag button{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:700;transition:background .2s}.subscriptions-current-tag button:hover{background:#1d4ed8}.subscriptions-comparison{background:radial-gradient(circle at 4% 8%,#ffebd366,#0000 30%),#fff;border-radius:20px;padding:28px 24px;box-shadow:0 10px 30px #232f5e0d}.subscriptions-section-heading{text-align:center;margin-bottom:20px}.subscriptions-section-heading h2{color:#1e293b;margin:0;font-size:22px;font-weight:800}.subscriptions-section-heading p{color:#64748b;margin:6px 0 0;font-size:13px}.comparison-table{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.comparison-row{color:#475569;background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:1.5fr repeat(3,1fr);align-items:center;min-height:48px;font-size:13px;font-weight:600;display:grid}.comparison-row:last-child{border-bottom:0}.comparison-row>span{text-align:center;padding:10px 12px}.comparison-row>span:first-child{text-align:right;color:#1e293b;font-weight:700}.comparison-head{color:#1e3a8a;background:#f8fafc;font-weight:800}.comparison-row svg{vertical-align:middle;color:#2563eb}.comparison-row .is-no svg{color:#dc2626}.subscriptions-cta{padding:32px 40px 32px 32px;color:#fff;text-align:right;direction:rtl;background:#23437d;border-radius:24px;align-items:center;margin-top:60px;padding-left:280px;display:flex;position:relative;box-shadow:0 12px 30px #1e3a8a40}.subscriptions-cta-copy{z-index:2;max-width:600px;position:relative}.subscriptions-cta h2{margin:0;font-size:22px;font-weight:900}.subscriptions-cta p{color:#ffffffd9;margin:8px 0 16px;font-size:14px;line-height:1.7}.subscriptions-cta-actions{align-items:center;gap:12px;display:flex}.subscriptions-cta button{cursor:pointer;border-radius:12px;min-height:42px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700}.subscriptions-cta-primary{color:#1e3a8a;background:#fff;border:none;box-shadow:0 4px 12px #0000001a}.subscriptions-cta-secondary{color:#fff;background:0 0;border:1px solid #fff6}.subscriptions-cta-image{z-index:3;object-fit:contain;width:150px;height:auto;position:absolute;bottom:0;left:20px}@media (width<=900px){.subscriptions-plans{grid-template-columns:1fr;max-width:480px;margin:0 auto}.subscriptions-cta{text-align:center;flex-direction:column;padding:24px}.subscriptions-cta-copy{max-width:100%}.subscriptions-cta-actions{justify-content:center}.subscriptions-cta-image{width:120px;margin-top:16px;position:relative;bottom:auto;left:auto}}@media (width<=650px){.subscriptions-hero{padding:20px 16px}.subscriptions-hero h1{font-size:20px}.subscriptions-hero p{font-size:12px}.subscriptions-notice{flex-direction:column;align-items:flex-start;gap:12px}.subscriptions-current{text-align:center;flex-direction:column;align-items:stretch;gap:12px}.subscriptions-current-price{border:1px solid #e2e8f0;border-left:none;border-right:none;padding:12px 0}.subscriptions-current-text{text-align:center;align-items:center}.comparison-row{min-height:40px;font-size:11px}}[data-theme=dark] .subscriptions-page{color:#e5e7eb}[data-theme=dark] .subscriptions-hero,[data-theme=dark] .subscriptions-plans,[data-theme=dark] .subscriptions-comparison{background:#171b20;border-color:#ffffff14;box-shadow:0 12px 35px #00000038}[data-theme=dark] .subscriptions-hero{background:radial-gradient(circle at 12% 25%,#d977061a,#0000 35%),#171b20}[data-theme=dark] .subscriptions-hero h1,[data-theme=dark] .subscription-plan h2,[data-theme=dark] .subscriptions-section-heading h2{color:#f8fafc}[data-theme=dark] .subscriptions-hero p,[data-theme=dark] .subscription-price span,[data-theme=dark] .subscription-plan li,[data-theme=dark] .subscriptions-current-text span,[data-theme=dark] .subscriptions-section-heading p,[data-theme=dark] .price-unit{color:#aab4c3}[data-theme=dark] .subscriptions-period{background:#222831;box-shadow:inset 0 1px 3px #00000040}[data-theme=dark] .subscriptions-period button{color:#aab4c3}[data-theme=dark] .subscriptions-period button.is-active{color:#dbeafe;background:#303844}[data-theme=dark] .subscriptions-notice{background:#292218;border-color:#f59e0b73}[data-theme=dark] .subscriptions-notice-text span,[data-theme=dark] .time-block span{color:#d6b98a}[data-theme=dark] .time-block strong,[data-theme=dark] .time-separator{color:#93b4ff}[data-theme=dark] .subscription-plan{background:#1d2229;border-color:#ffffff17}[data-theme=dark] .subscription-plan:hover{border-color:#60a5fa;box-shadow:0 16px 35px #0000004d}[data-theme=dark] .subscription-price strong,[data-theme=dark] .price-amount{color:#93b4ff}[data-theme=dark] .subscription-plan-button{color:#93b4ff;background:#1d2229;border-color:#4d7fd1}[data-theme=dark] .subscription-plan:hover .subscription-plan-button{color:#fff;background:#2f4f87;border-color:#2f4f87}[data-theme=dark] .subscriptions-current{background:#1d2229;border-color:#ffffff17}[data-theme=dark] .subscriptions-current-icon{color:#93b4ff;background:#29313c}[data-theme=dark] .subscriptions-current-text strong{color:#f8fafc}[data-theme=dark] .subscriptions-current-price,[data-theme=dark] .comparison-table{border-color:#ffffff17}[data-theme=dark] .comparison-row{color:#c5cfdd;background:#1d2229;border-bottom-color:#ffffff14}[data-theme=dark] .comparison-row>span:first-child{color:#f1f5f9}[data-theme=dark] .comparison-head{color:#93b4ff;background:#242b34}[data-theme=dark] .subscriptions-cta{background:#1e3a6b}.subscriptions-page,.subscriptions-page *{box-sizing:border-box}.subscriptions-page{max-width:100%;overflow-x:hidden}@media (width<=900px){.subscriptions-plans{width:100%}.subscription-plan{min-width:0}}@media (width<=650px){.subscriptions-page{padding-inline:10px}.subscriptions-period{width:100%;max-width:420px}.subscriptions-period button{flex:1;min-width:0;padding-inline:10px}.subscriptions-notice{padding:15px 16px}.subscriptions-notice-text{width:100%}.subscriptions-notice-timer{justify-content:center;width:100%}.subscriptions-plans{padding:28px 14px}.subscription-plan{padding:28px 18px 22px}.subscriptions-current{padding:18px 16px}.subscriptions-comparison{padding:24px 12px;overflow-x:auto}.comparison-table{min-width:560px}.subscriptions-cta{margin-top:35px;padding:24px 18px 20px}.subscriptions-cta-actions{flex-direction:column;width:100%}.subscriptions-cta button{width:100%}}@media (width<=380px){.subscriptions-page{padding-inline:6px}.subscriptions-hero h1{font-size:18px}.subscriptions-hero p{font-size:11px}.subscription-price strong{font-size:30px}}body.payment-modal-open{overflow:hidden}.payment-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070a10d1;place-items:center;padding:20px;animation:.2s ease-out payment-backdrop-in;display:grid;position:fixed;inset:0}.payment-modal{color:#1e293b;background:#fff;border:1px solid #ffffffe6;border-radius:20px;width:min(100%,460px);max-height:calc(100vh - 40px);padding:24px 22px 20px;font-family:inherit;animation:.22s cubic-bezier(.16,1,.3,1) payment-modal-in;position:relative;overflow-y:auto;box-shadow:0 25px 60px #00000059}.payment-modal::-webkit-scrollbar{width:6px}.payment-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.payment-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:grid;position:absolute;top:16px;left:16px}.payment-modal-close:hover{color:#1e293b;background:#e2e8f0}.payment-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:0 0 14px;display:flex}.payment-modal-header h2{color:#1e3a8a;margin:0;font-size:20px;font-weight:800;line-height:1.4}.payment-modal-header h2 span{font-size:18px}.payment-modal-header p{color:#64748b;margin:6px 0 0;font-size:13px;font-weight:700}.payment-product{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;min-height:60px;margin-top:14px;padding:12px 14px;display:flex}.payment-product-icon{color:#2563eb;background:#dbeafe;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.payment-product-name{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.payment-product-name span{color:#64748b;font-size:12px}.payment-product-name strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.payment-product-price{color:#1e293b;white-space:nowrap;font-size:14px;font-weight:800}.payment-coupon{margin-top:14px}.payment-coupon label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.payment-coupon-row{grid-template-columns:1fr auto;gap:8px;display:grid}.payment-coupon-row input{color:#0f172a;text-align:right;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:0;min-width:0;height:42px;padding:0 14px;font-family:inherit;font-size:13px;transition:all .2s}.payment-coupon-row input::placeholder{color:#94a3b8}.payment-coupon-row input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.payment-coupon-row button{color:#fff;cursor:pointer;background:#1e3a8a;border:0;border-radius:10px;min-width:105px;height:42px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s}.payment-coupon-row button:hover{background:#172554}.payment-coupon-message{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;min-height:32px;margin-top:8px;padding:6px 10px;font-size:12px;display:flex}.payment-coupon-message.success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0;font-weight:700}.payment-summary{border-top:1px dashed #cbd5e1;margin-top:14px;padding-top:12px}.payment-summary>div{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.payment-summary span{color:#64748b;font-size:13px}.payment-summary strong{color:#334155;font-size:13px;font-weight:700}.payment-summary .payment-total{border-top:1px solid #f1f5f9;margin-top:4px;padding-top:6px}.payment-summary .payment-total span{color:#0f172a;font-size:15px;font-weight:800}.payment-summary .payment-total strong{color:#2563eb;font-size:18px;font-weight:900}.payment-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin-top:14px;font-family:inherit;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 6px 16px #2563eb40}.payment-submit-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.payment-secure-note{color:#94a3b8;justify-content:center;align-items:center;gap:5px;margin:12px 0 0;font-size:11px;display:flex}.payment-methods{justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.payment-method{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:52px;height:30px;padding:0 8px;font-family:Arial,sans-serif;font-size:10px;font-weight:800;display:inline-flex}.payment-method.mada{color:#0d9488;font-family:inherit}.payment-method.apple{color:#475569;font-size:11px}.payment-method.mc{gap:0}.payment-method.mc span{opacity:.9;background:#cbd5e1;border-radius:50%;width:14px;height:14px;display:block}.payment-method.mc span+span{background:#94a3b8;margin-right:-6px}.payment-powered{color:#94a3b8;letter-spacing:.3px;direction:ltr;justify-content:center;align-items:center;gap:5px;margin-top:12px;font-family:Arial,sans-serif;font-size:9px;display:flex}.payment-methods-header{text-align:center;border-bottom:1px solid #f1f5f9;padding:4px 0 14px}.payment-methods-header h2,.checkout-header h2{color:#1e3a8a;margin:0;font-size:18px;font-weight:800;line-height:1.4}.payment-methods-header p,.checkout-header p{color:#64748b;margin:6px 0 0;font-size:12px;line-height:1.5}.payment-method-options{gap:10px;margin-top:14px;display:grid}.payment-method-option{color:#1e293b;text-align:right;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 12px;font-family:inherit;transition:all .2s;display:flex}.payment-method-option:hover{background:#f0fdf4;border-color:#93c5fd}.payment-method-option.is-selected{background:#eff6ff;border-color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb26}.payment-radio{border:2px solid #cbd5e1;border-radius:50%;flex:none;width:16px;height:16px;transition:all .2s;position:relative}.payment-method-option.is-selected .payment-radio{border-color:#2563eb}.payment-method-option.is-selected .payment-radio:after{content:"";background:#2563eb;border-radius:50%;position:absolute;inset:3px}.payment-option-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.payment-option-copy strong{color:#0f172a;font-size:14px;font-weight:800}.payment-option-copy small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.payment-brand{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:none;justify-content:center;align-items:center;width:42px;height:30px;display:inline-flex}.mastercard-brand{gap:0}.mastercard-brand span{background:#fca5a5;border-radius:50%;width:14px;height:14px;display:block}.mastercard-brand span+span{background:#fde047;margin-right:-6px}.mada-brand{color:#0d9488;font-size:11px;font-weight:800}.apple-brand{color:#334155;font-family:Arial,sans-serif;font-size:18px}.payment-method-total{border-top:1px dashed #cbd5e1;gap:8px;margin-top:16px;padding-top:12px;display:grid}.payment-method-total>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.payment-method-total span{color:#64748b;font-size:12px}.payment-method-total strong{color:#2563eb;font-size:14px;font-weight:800}.payment-method-total>div:last-child strong{font-size:16px}.payment-method-submit{margin-top:14px}.payment-back-button{color:#2563eb;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex}.payment-back-button:hover{color:#1d4ed8;background:#eff6ff}.payment-back-below{width:100%;margin-top:8px}.checkout-modal{border:1px solid #e8edf5;border-radius:18px;width:min(94vw,560px);padding:22px 24px 18px;box-shadow:0 20px 50px #0f172a29}.checkout-header{border-bottom:1px solid #f1f5f9;padding-bottom:14px}.checkout-header h2{font-size:19px}.checkout-header p{margin-top:4px}.checkout-modal .checkout-total{gap:2px;min-height:0;margin-top:14px;padding:10px 16px}.checkout-modal .checkout-total span{font-size:11.5px}.checkout-modal .checkout-total strong{margin-top:0;font-size:20px}.checkout-modal .paymentWidgets{min-height:200px;margin-top:14px}.checkout-modal .wpwl-form{width:100%!important;max-width:none!important;box-shadow:none!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:14px!important;grid-template-columns:1fr 1fr!important;column-gap:12px!important;padding:16px!important;display:grid!important}.checkout-modal .wpwl-group-brand{grid-area:1/1/auto/-1!important}.checkout-modal .wpwl-group-cardNumber{grid-area:2/1/auto/-1!important}.checkout-modal .wpwl-group-cardHolder{grid-area:3/1/auto/-1!important}.checkout-modal .wpwl-group-expiry{grid-area:4/1/auto/2!important}.checkout-modal .wpwl-group-cvv{grid-area:4/2/auto/3!important}.checkout-modal .wpwl-group-submit{grid-area:5/1/auto/-1!important}.checkout-modal .wpwl-form>*{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-inline:0!important}.checkout-modal .wpwl-group{margin-bottom:12px!important}.checkout-modal .wpwl-label{color:#475569!important;margin-bottom:6px!important;font-size:12.5px!important;font-weight:700!important;display:block!important}.checkout-modal .wpwl-control{box-sizing:border-box!important;color:#1e293b!important;width:100%!important;max-width:100%!important;height:50px!important;box-shadow:none!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:10px!important;padding:0 14px!important;font-size:14px!important;transition:border-color .15s,box-shadow .15s!important}.checkout-modal .wpwl-control::placeholder{color:#94a3b8!important}.checkout-modal .wpwl-control:focus,.checkout-modal .wpwl-control-focus{border-color:#2563eb!important;outline:none!important;box-shadow:0 0 0 3px #2563eb1f!important}.checkout-modal .wpwl-group.wpwl-group-brand{align-items:center!important;gap:10px!important;display:flex!important}.checkout-modal .wpwl-button{color:#fff!important;letter-spacing:.2px!important;background:#2563eb!important;border:none!important;border-radius:12px!important;width:100%!important;height:50px!important;margin-top:8px!important;font-size:15px!important;font-weight:800!important;transition:background .15s,transform .15s!important;box-shadow:0 10px 25px #2563eb40!important}.checkout-modal .wpwl-button:hover{background:#1d4ed8!important;transform:translateY(-1px)!important}.checkout-modal .payment-back-below,.checkout-modal .payment-secure-note{margin-top:10px}.checkout-total{background:#f0fdf4;border:1px solid #93c5fd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:54px;margin-top:14px;padding:10px 14px;display:flex}.checkout-total span{color:#64748b;font-size:11px}.checkout-total strong{color:#2563eb;margin-top:2px;font-size:16px;font-weight:900}.checkout-card-preview{color:#fff;direction:ltr;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:14px;flex-direction:column;justify-content:space-between;min-height:140px;margin-top:12px;padding:14px 16px 12px;display:flex;box-shadow:0 10px 25px #1e3a8a40}.checkout-card-top,.checkout-card-bottom{justify-content:space-between;align-items:center;display:flex}.checkout-card-brands{align-items:center;gap:8px;display:flex}.checkout-card-visa{letter-spacing:.6px;font-family:Arial,sans-serif;font-size:11px;font-weight:900}.checkout-card-mc{display:inline-flex}.checkout-card-mc span{background:#ffffffb3;border-radius:50%;width:14px;height:14px;display:block}.checkout-card-mc span+span{background:#ffffff73;margin-left:-6px}.checkout-card-chip{opacity:.85;font-size:18px}.checkout-card-preview>strong{color:#fff;letter-spacing:2px;text-align:left;margin-top:12px;font-family:Arial,sans-serif;font-size:15px;font-weight:700}.checkout-card-bottom{color:#ffffffd9;margin-top:10px;font-family:Arial,sans-serif;font-size:11px}.checkout-fields{gap:10px;margin-top:14px;display:grid}.checkout-fields label{gap:5px;min-width:0;display:grid}.checkout-field-label{color:#334155;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.checkout-field-label svg{color:#2563eb;flex:none}.checkout-fields input{box-sizing:border-box;color:#1e293b;text-align:right;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:0;width:100%;height:40px;padding:0 12px;font-family:inherit;font-size:13px;transition:all .2s}.checkout-fields input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.checkout-fields input::placeholder{color:#94a3b8}.checkout-fields-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checkout-fields-row input{text-align:center}.checkout-submit{margin-top:14px}.success-modal{text-align:center;width:min(100%,450px);padding:30px 24px 24px}.success-icon-wrapper{justify-content:center;margin-bottom:16px;display:flex}.success-checkmark-circle{color:#16a34a;background:#dcfce7;border-radius:50%;place-items:center;width:64px;height:64px;animation:.4s cubic-bezier(.175,.885,.32,1.275) success-pop;display:grid;box-shadow:0 0 0 8px #f0fdf4}.success-header-content h2{color:#0f172a;justify-content:center;align-items:center;gap:6px;margin:0 0 8px;font-size:22px;font-weight:900;display:flex}.success-subtitle{color:#1e3a8a;margin:0;font-size:14px;font-weight:800}.success-subtext{color:#64748b;margin-top:4px;font-size:12px;display:block}.success-plan-card{text-align:right;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:20px 0;padding:14px 16px;display:flex}.success-plan-info{align-items:center;gap:10px;display:flex}.success-plan-badge{color:#2563eb;background:#dbeafe;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.success-plan-info span{color:#64748b;font-size:11px;display:block}.success-plan-info strong{color:#1e293b;font-size:13px;font-weight:800}.success-plan-duration{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.success-plan-duration strong{color:#0f172a}.success-actions{gap:10px;margin-top:16px;display:grid}.success-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a8a,#2563eb);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb40}.success-primary-btn:hover{background:linear-gradient(135deg,#172554,#1d4ed8)}.success-secondary-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.success-secondary-btn:hover{background:#f1f5f9;border-color:#94a3b8}.success-footer-note{text-align:center;border-top:1px dashed #e2e8f0;margin-top:18px;padding-top:14px}.success-step-badge{color:#15803d;background:#f0fdf4;border-radius:20px;align-items:center;gap:5px;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.success-footer-note p{color:#64748b;margin:0;font-size:11px;line-height:1.6}@keyframes success-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes payment-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes payment-modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=360px){.checkout-modal .wpwl-group-expiry,.checkout-modal .wpwl-group-cvv{grid-column:1/-1!important}.checkout-modal .wpwl-group-cvv{grid-row:5!important}.checkout-modal .wpwl-group-submit{grid-row:6!important}}[data-theme=dark] .payment-modal{color:#e5e7eb;background:#111827;border-color:#334155;box-shadow:0 25px 60px #0009}[data-theme=dark] .checkout-modal .wpwl-form{background:#1f2937!important;border-color:#334155!important}[data-theme=dark] .checkout-modal .wpwl-label{color:#cbd5e1!important}[data-theme=dark] .checkout-modal .wpwl-control{color:#e5e7eb!important;background:#111827!important;border-color:#475569!important}[data-theme=dark] .payment-modal-close{color:#94a3b8;background:#1f2937}[data-theme=dark] .payment-modal-close:hover{color:#f8fafc;background:#374151}[data-theme=dark] .payment-modal-header,[data-theme=dark] .payment-methods-header{border-bottom-color:#273449}[data-theme=dark] .payment-modal-header h2,[data-theme=dark] .payment-methods-header h2,[data-theme=dark] .checkout-header h2{color:#93c5fd}[data-theme=dark] .payment-modal-header p,[data-theme=dark] .payment-methods-header p,[data-theme=dark] .checkout-header p{color:#94a3b8}[data-theme=dark] .payment-product{background:#1f2937;border-color:#374151}[data-theme=dark] .payment-product-icon{color:#60a5fa;background:#1e3a5f}[data-theme=dark] .payment-product-name span,[data-theme=dark] .payment-summary span,[data-theme=dark] .payment-coupon label,[data-theme=dark] .payment-option-copy small,[data-theme=dark] .payment-method-total span,[data-theme=dark] .checkout-total span,[data-theme=dark] .payment-secure-note{color:#94a3b8}[data-theme=dark] .payment-product-name strong,[data-theme=dark] .payment-product-price,[data-theme=dark] .payment-summary strong,[data-theme=dark] .payment-option-copy strong{color:#e5e7eb}[data-theme=dark] .payment-coupon-row input,[data-theme=dark] .checkout-fields input{color:#f8fafc;background:#1f2937;border-color:#475569}[data-theme=dark] .payment-coupon-row input:focus,[data-theme=dark] .checkout-fields input:focus{background:#111827;border-color:#60a5fa}[data-theme=dark] .payment-coupon-row input::placeholder,[data-theme=dark] .checkout-fields input::placeholder{color:#64748b}[data-theme=dark] .payment-coupon-message{color:#94a3b8;background:#1f2937;border-color:#374151}[data-theme=dark] .payment-coupon-message.success{color:#86efac;background:#10271a;border-color:#166534}[data-theme=dark] .payment-summary,[data-theme=dark] .payment-method-total{border-top-color:#475569}[data-theme=dark] .payment-summary .payment-total{border-top-color:#273449}[data-theme=dark] .payment-summary .payment-total span{color:#f1f5f9}[data-theme=dark] .payment-summary .payment-total strong,[data-theme=dark] .payment-method-total strong,[data-theme=dark] .checkout-total strong{color:#60a5fa}[data-theme=dark] .payment-method{color:#cbd5e1;background:#1f2937;border-color:#374151}[data-theme=dark] .payment-method.apple{color:#e2e8f0}[data-theme=dark] .payment-method-option{color:#e5e7eb;background:#1f2937;border-color:#374151}[data-theme=dark] .payment-method-option:hover{background:#172554;border-color:#60a5fa}[data-theme=dark] .payment-method-option.is-selected{background:#172554;border-color:#3b82f6;box-shadow:inset 0 0 0 1px #60a5fa33}[data-theme=dark] .payment-radio{border-color:#64748b}[data-theme=dark] .payment-brand{background:#111827;border-color:#475569}[data-theme=dark] .apple-brand{color:#f1f5f9}[data-theme=dark] .payment-back-button{color:#60a5fa}[data-theme=dark] .payment-back-button:hover{color:#93c5fd;background:#172554}[data-theme=dark] .checkout-total{background:#172554;border-color:#2563eb}[data-theme=dark] .checkout-field-label{color:#cbd5e1}[data-theme=dark] .success-checkmark-circle{color:#4ade80;background:#14532d;box-shadow:0 0 0 8px #10271a}[data-theme=dark] .success-header-content h2{color:#f8fafc}[data-theme=dark] .success-subtitle{color:#93c5fd}[data-theme=dark] .success-subtext,[data-theme=dark] .success-plan-info span,[data-theme=dark] .success-footer-note p{color:#94a3b8}[data-theme=dark] .success-plan-card{background:#1f2937;border-color:#374151}[data-theme=dark] .success-plan-badge{color:#60a5fa;background:#1e3a5f}[data-theme=dark] .success-plan-info strong{color:#f1f5f9}[data-theme=dark] .success-plan-duration{color:#cbd5e1;background:#111827;border-color:#374151}[data-theme=dark] .success-plan-duration strong{color:#f8fafc}[data-theme=dark] .success-secondary-btn{color:#e2e8f0;background:#1f2937;border-color:#475569}[data-theme=dark] .success-secondary-btn:hover{background:#374151;border-color:#64748b}[data-theme=dark] .success-footer-note{border-top-color:#374151}[data-theme=dark] .success-step-badge{color:#86efac;background:#10271a}.subscription-management-page{width:min(100%,1160px);color:var(--text-main);margin:0 auto;padding:4px 16px 48px}.subscription-management-page *,.subscription-management-page :before,.subscription-management-page :after{box-sizing:border-box}.subscription-management-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.subscription-eyebrow{color:var(--color-accent);align-items:center;gap:7px;margin-bottom:7px;font-size:12px;font-weight:800;display:inline-flex}.subscription-management-header h1{color:var(--text-main);font-family:var(--font-display);margin:0;font-size:clamp(25px,3vw,32px);font-weight:900;line-height:1.2}.subscription-management-header p{color:var(--text-muted);margin:8px 0 0;font-size:13px}.subscription-history-button,.subscription-card-heading button{border:1px solid var(--border-soft);background:var(--bg-surface);min-height:42px;color:var(--text-main);font:inherit;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:12.5px;font-weight:800;transition:all .2s;display:inline-flex}.subscription-history-button:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.subscription-status-card{background:radial-gradient(circle at 12% 20%, #ffffff26, transparent 28%), linear-gradient(135deg, var(--color-navy), var(--color-primary));color:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;min-height:156px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #232f5e29}.subscription-status-card:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-110px;left:-70px;box-shadow:0 0 0 28px #ffffff09,0 0 0 58px #ffffff06}.subscription-status-main{align-items:center;gap:16px;min-width:0;display:flex}.subscription-plan-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;border-radius:17px;flex:none;place-items:center;width:58px;height:58px;display:grid}.subscription-status-copy{min-width:0}.subscription-status-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.subscription-status-title-row h2{font-family:var(--font-display);margin:0;font-size:23px;font-weight:900}.subscription-active-badge{color:#fff;background:#ffffff24;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.subscription-status-copy p{color:#ffffffc7;max-width:610px;margin:7px 0 0;font-size:12.5px;line-height:1.7}.subscription-status-price{z-index:1;flex-direction:column;flex:none;align-items:flex-end;display:flex;position:relative}.subscription-status-price strong{font-size:30px;font-weight:900;line-height:1}.subscription-status-price small{font-size:13px;font-weight:700}.subscription-status-price span{color:#ffffffb3;margin-top:7px;font-size:11px}.subscription-overview-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.subscription-info-card,.subscription-benefits-card,.subscription-manage-card,.subscription-invoices-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:18px}.subscription-info-card{min-height:150px;padding:19px}.subscription-card-heading{align-items:center;gap:10px;display:flex}.subscription-card-icon{background:var(--bg-surface-2);width:38px;height:38px;color:var(--color-accent);border-radius:11px;flex:none;place-items:center;display:grid}.subscription-card-heading h3{color:var(--text-main);margin:0 0 2px;font-size:13px;font-weight:900}.subscription-card-heading span{color:var(--text-muted);font-size:10.5px}.subscription-info-card>strong{color:var(--text-main);margin-top:17px;font-size:17px;font-weight:900;display:block}.subscription-info-card p{color:var(--text-muted);margin:5px 0 0;font-size:11.5px;line-height:1.6}.subscription-info-card p b{color:var(--color-accent)}.payment-number{letter-spacing:2px}.payment-card button{color:var(--color-accent);font:inherit;background:0 0;border:0;align-items:center;gap:5px;margin-top:9px;padding:0;font-size:11.5px;font-weight:800;display:inline-flex}.subscription-inline-message{border:1px solid var(--border-soft);background:var(--bg-surface-2);color:var(--text-muted);border-radius:13px;align-items:center;gap:9px;margin-top:12px;padding:12px 15px;font-size:12px;display:flex}.subscription-inline-message svg{color:var(--color-accent);flex:none}.subscription-inline-message button{color:var(--text-muted);background:0 0;border:0;place-items:center;margin-inline-start:auto;padding:2px;display:grid}.subscription-details-layout{grid-template-columns:1.5fr .85fr;gap:14px;margin-top:14px;display:grid}.subscription-benefits-card,.subscription-manage-card,.subscription-invoices-card{padding:22px}.subscription-section-title{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.subscription-section-title>div>span,.subscription-card-kicker{color:var(--color-accent);font-size:10.5px;font-weight:900}.subscription-section-title h2,.subscription-manage-card h2{color:var(--text-main);font-family:var(--font-display);margin:3px 0 0;font-size:18px;font-weight:900}.subscription-plan-label,.subscription-invoice-count{background:var(--bg-surface-2);color:var(--text-muted);border-radius:999px;padding:6px 10px;font-size:10.5px;font-weight:800}.subscription-benefits-list{grid-template-columns:1fr 1fr;gap:9px;margin-top:19px;display:grid}.subscription-benefit{border:1px solid var(--border-soft);background:var(--bg-page);min-height:47px;color:var(--text-main);border-radius:12px;align-items:center;gap:9px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.subscription-benefit svg{color:#16a36a;flex:none}.subscription-benefits-footer{border-top:1px solid var(--border-soft);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:15px;font-size:11px;display:flex}.subscription-benefits-footer a,.subscription-support a{color:var(--color-accent);align-items:center;gap:5px;font-weight:900;display:inline-flex}.subscription-manage-card{flex-direction:column;align-items:flex-start;display:flex}.subscription-manage-card p{color:var(--text-muted);margin:9px 0 18px;font-size:12px;line-height:1.8}.subscription-primary-action{background:var(--color-accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:45px;font-size:12.5px;font-weight:900;transition:all .2s;display:flex}.subscription-primary-action:hover{filter:brightness(.96);transform:translateY(-1px)}.subscription-cancel-action{width:100%;color:var(--text-muted);font:inherit;background:0 0;border:0;margin-top:10px;padding:8px;font-size:11px;font-weight:700}.subscription-cancel-action:hover{color:#dc2626}.subscription-cancel-panel{background:#dc26260d;border:1px solid #dc26262e;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:16px 18px;display:flex}.subscription-cancel-panel strong{color:var(--text-main);font-size:13px}.subscription-cancel-panel p{color:var(--text-muted);margin:4px 0 0;font-size:11.5px}.subscription-cancel-actions{flex:none;gap:8px;display:flex}.subscription-cancel-actions button{min-height:38px;font:inherit;border-radius:10px;padding:8px 13px;font-size:11px;font-weight:800}.keep-subscription{border:1px solid var(--border-soft);background:var(--bg-surface);color:var(--text-main)}.confirm-cancel{color:#dc2626;background:0 0;border:1px solid #dc2626}.subscription-invoices-card{margin-top:14px}.subscription-invoices-table{border:1px solid var(--border-soft);border-radius:13px;margin-top:18px;overflow-x:auto}.subscription-invoice-row{border-bottom:1px solid var(--border-soft);background:var(--bg-page);min-width:720px;min-height:52px;color:var(--text-muted);grid-template-columns:1.1fr 1.25fr 1.3fr 1fr .9fr 42px;align-items:center;gap:8px;padding:0 13px;font-size:11.5px;display:grid}.subscription-invoice-row:last-child{border-bottom:0}.subscription-invoice-row strong{color:var(--text-main);font-weight:800}.subscription-invoice-head{background:var(--bg-surface-2);min-height:42px;color:var(--text-muted);font-size:10.5px;font-weight:800}.subscription-invoice-head span:last-child{visibility:hidden}.subscription-invoice-row button{border:1px solid var(--border-soft);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);border-radius:9px;place-items:center;display:grid}.subscription-invoice-row button:hover{color:var(--color-accent);border-color:var(--color-accent)}.subscription-paid-badge{color:#15915f;background:#16a36a1a;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.subscription-support{color:var(--text-muted);align-items:center;gap:8px;margin-top:14px;padding:12px 14px;font-size:11px;display:flex}.subscription-support>svg{color:var(--color-accent);flex:none}.subscription-support a{white-space:nowrap;margin-inline-start:auto}@media (width<=900px){.subscription-overview-grid,.subscription-details-layout{grid-template-columns:1fr}}@media (width<=650px){.subscription-management-page{padding-inline:8px}.subscription-management-header{flex-direction:column;align-items:stretch;gap:14px}.subscription-history-button{width:100%}.subscription-status-card{flex-direction:column;align-items:flex-start;padding:22px 18px}.subscription-status-price{align-items:flex-start;padding-inline-start:74px}.subscription-benefits-list{grid-template-columns:1fr}.subscription-benefits-footer,.subscription-cancel-panel{flex-direction:column;align-items:stretch}.subscription-cancel-actions{width:100%}.subscription-cancel-actions button{flex:1}.subscription-support{flex-wrap:wrap;align-items:flex-start}.subscription-support a{margin-inline-start:27px}}.subscription-loading-card,.subscription-error-card,.subscription-empty-card{text-align:center;border:1px solid var(--border-soft);background:var(--card-bg,var(--surface,#fff));border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:360px;padding:32px;display:flex}.subscription-loading-icon{animation:1s linear infinite subscription-spin}.subscription-error-icon,.subscription-empty-card>span{background:var(--surface-soft,#0000000a);border-radius:18px;place-items:center;width:62px;height:62px;display:grid}.subscription-error-card p,.subscription-empty-card p{color:var(--text-muted,#777);margin:0}.subscription-error-card button,.subscription-empty-card a{cursor:pointer;background:var(--primary,#111);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding:0 18px;text-decoration:none;display:inline-flex}.subscription-history-button:disabled{opacity:.65;cursor:not-allowed}.subscription-active-badge.is-expired,.subscription-paid-badge.is-expired{color:#b45309;background:#f59e0b1f}.subscription-active-badge.is-cancelled,.subscription-paid-badge.is-cancelled,.subscription-active-badge.is-unknown,.subscription-paid-badge.is-unknown{color:#b91c1c;background:#ef44441a}.subscription-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.subscription-data-grid>div{border:1px solid var(--border-soft);background:var(--surface-soft,#00000006);border-radius:14px;padding:15px}.subscription-data-grid span{color:var(--text-muted,#777);margin-bottom:6px;font-size:12px;display:block}.subscription-data-grid strong{font-size:15px}@keyframes subscription-spin{to{transform:rotate(360deg)}}@media (width<=700px){.subscription-data-grid{grid-template-columns:1fr}}.dash-lessons-page{flex-direction:column;gap:18px;display:flex}.dash-lessons-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.dash-lessons-header h1{font-family:var(--font-display);color:var(--text-main);margin:0 0 4px;font-size:20px}.dash-lessons-header p{color:var(--text-muted);margin:0;font-size:13px}.dash-lessons-search{border:1px solid var(--border-soft);background:var(--bg-surface);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:flex}.dash-lessons-search input{font-family:var(--font-body);color:var(--text-main);background:0 0;border:0;outline:none;min-width:180px;font-size:13px}.dash-lessons-tabs{background:var(--bg-surface-2);border-radius:999px;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;padding:4px;display:flex}.dash-lessons-tabs button{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700}.dash-lessons-tabs button.active{background:var(--color-navy);color:#fff}.dash-lessons-notice{color:#e0433c;background:#fdeaea;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.dash-lessons-state{border:1px dashed var(--border-soft);color:var(--text-muted);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:50px 20px;font-size:13.5px;display:flex}.dash-lessons-state button{border:1px solid var(--border-soft);background:var(--bg-surface);color:var(--text-main);font-family:var(--font-body);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;display:flex}.dash-lessons-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.dash-lesson-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.dash-lesson-card.live{border-color:#e0433c}.dash-lesson-top{justify-content:space-between;align-items:center;display:flex}.dash-lesson-status{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.dash-lesson-status.live{color:#e0433c;background:#fdeaea}.dash-lesson-status.scheduled{background:var(--bg-surface-2);color:var(--text-muted)}.dash-lesson-status.finished{background:var(--success-bg,#e6f7ee);color:var(--success,#1a9c5c)}.dash-lesson-status.video{color:var(--color-accent);background:#eaf1ff}.dash-lesson-subject{background:var(--bg-surface-2);color:var(--text-main);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.dash-lesson-card h3{font-family:var(--font-display);color:var(--text-main);margin:0;font-size:16px}.dash-lesson-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.dash-lesson-meta{flex-wrap:wrap;gap:10px;display:flex}.dash-lesson-meta span{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.dash-lesson-button{font-family:var(--font-body);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:11px;font-size:13px;font-weight:700;display:flex}.dash-lesson-button.live{color:#fff;background:#e0433c}.dash-lesson-button.live:hover{opacity:.92}.dash-lesson-button.disabled{background:var(--bg-surface-2);color:var(--text-muted);cursor:not-allowed}.dash-lesson-button.recording{background:var(--color-navy);color:#fff}.dash-lesson-button.recording:hover{opacity:.92}.dash-video-modal-overlay{z-index:2000;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dash-video-modal{background:var(--bg-surface);border-radius:18px;width:100%;max-width:720px;overflow:hidden;box-shadow:0 25px 60px #0f172a59}.dash-video-modal-top{font-family:var(--font-display);color:var(--text-main);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.dash-video-modal-top button{background:var(--bg-surface-2);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.dash-video-modal-player{background:#0c1424}.dash-video-modal-player video,.dash-video-modal-player iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.dash-lessons-pagination{color:var(--text-muted);justify-content:center;align-items:center;gap:16px;padding:12px;font-size:13px;display:flex}.dash-lessons-pagination button{border:1px solid var(--border-soft);background:var(--bg-surface);color:var(--text-main);font-family:var(--font-body);cursor:pointer;border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:700}.dash-lessons-pagination button:disabled{opacity:.4;cursor:not-allowed}.dash-lessons-heading{flex-direction:column;gap:4px;display:flex}.dash-lessons-eyebrow{background:var(--bg-surface-2);width:max-content;color:var(--color-accent);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.dash-lessons-scope{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:20px;justify-content:space-between;align-items:center;gap:14px;padding:6px;display:flex}.dash-lessons-scope-tabs{grid-template-columns:repeat(2,minmax(190px,1fr));gap:5px;width:min(100%,620px);display:grid}.dash-lessons-scope-tabs button{min-height:64px;color:var(--text-muted);text-align:right;cursor:pointer;font-family:var(--font-body);background:0 0;border:1px solid #0000;border-radius:15px;align-items:center;gap:10px;padding:10px 13px;transition:all .2s;display:flex}.dash-lessons-scope-tabs button:hover{background:var(--bg-surface-2);color:var(--text-main)}.dash-lessons-scope-tabs button.active{background:var(--bg-surface-2);border-color:var(--border-soft);color:var(--text-main);box-shadow:0 5px 16px #0f172a0f}.dash-lessons-scope-icon{background:var(--bg-surface);width:38px;height:38px;color:var(--color-accent);border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;display:flex}.dash-lessons-scope-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.dash-lessons-scope-copy strong{font-size:13px}.dash-lessons-scope-copy small{color:var(--text-muted);font-size:10.5px}.dash-lessons-count{background:var(--color-navy);color:#fff;text-align:center;border-radius:999px;min-width:26px;margin-inline-start:auto;padding:4px 7px;font-size:10px;font-weight:800}.dash-lessons-package-note{background:var(--bg-surface-2);color:var(--text-muted);border-radius:12px;flex:none;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:700;display:inline-flex}.dash-lessons-package-note svg{color:var(--success,#1a9c5c)}.dash-lessons-content-tabs{border:1px solid var(--border-soft);background:var(--bg-surface);scrollbar-width:thin;border-radius:15px;align-items:center;gap:5px;padding:5px;display:flex;overflow-x:auto}.dash-lessons-content-tabs button{min-height:38px;color:var(--text-muted);white-space:nowrap;cursor:pointer;font-family:var(--font-body);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:11.5px;font-weight:800;transition:all .2s;display:inline-flex}.dash-lessons-content-tabs button:hover{background:var(--bg-surface-2);color:var(--text-main)}.dash-lessons-content-tabs button.active{background:var(--color-navy);color:#fff;box-shadow:0 4px 12px #0f172a24}.dash-lessons-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.dash-lessons-toolbar-title{color:var(--text-main);align-items:center;gap:9px;font-size:14px;font-weight:800;display:flex}.dash-lessons-toolbar-title strong{background:var(--bg-surface-2);min-width:27px;color:var(--text-muted);text-align:center;border-radius:999px;padding:3px 7px;font-size:10px}.dash-lessons-toolbar-caption{color:var(--text-muted);font-size:11px}.dash-lesson-card.restricted{opacity:.9}.dash-lesson-status.restricted{background:var(--bg-surface-2);color:var(--text-muted)}.dash-lesson-button.locked{background:var(--bg-surface-2);color:var(--color-navy);text-decoration:none}.dash-lesson-button.locked:hover{background:var(--border-soft)}.dash-lessons-state a{background:var(--color-navy);color:#fff;border-radius:999px;justify-content:center;align-items:center;padding:9px 16px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}@media (width<=760px){.dash-lessons-scope{flex-direction:column;align-items:stretch}.dash-lessons-scope-tabs{grid-template-columns:1fr 1fr;width:100%}.dash-lessons-package-note{box-sizing:border-box;width:100%}.dash-lessons-toolbar{flex-direction:column;align-items:flex-start}}@media (width<=520px){.dash-lessons-scope-tabs{grid-template-columns:1fr}.dash-lessons-scope-tabs button{min-height:58px}.dash-lessons-content-tabs{margin-inline:-2px}}.homework-page{width:min(100%,960px);color:var(--text-main);margin:0 auto;padding:4px 16px 48px}.homework-page *,.homework-page :before,.homework-page :after{box-sizing:border-box}.homework-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.homework-eyebrow{color:var(--color-accent);align-items:center;gap:7px;margin-bottom:7px;font-size:12px;font-weight:800;display:inline-flex}.homework-header h1{color:var(--text-main);font-family:var(--font-display);margin:0;font-size:clamp(25px,3vw,32px);font-weight:900;line-height:1.2}.homework-header p{color:var(--text-muted);margin:8px 0 0;font-size:13px}.homework-refresh-button{border:1px solid var(--border-soft);background:var(--bg-surface);min-height:42px;color:var(--text-main);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:12.5px;font-weight:800;transition:all .2s;display:inline-flex}.homework-refresh-button:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.homework-refresh-button:disabled{opacity:.65;cursor:not-allowed}.homework-loading-card,.homework-error-card,.homework-empty-card{text-align:center;border:1px solid var(--border-soft);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;padding:32px;display:flex}.homework-empty-card>span{background:var(--surface-soft,#0000000a);border-radius:18px;place-items:center;width:62px;height:62px;display:grid}.homework-error-card p,.homework-empty-card p{color:var(--text-muted,#777);margin:0}.homework-error-card button{background:var(--color-primary,#111);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding:0 18px;display:inline-flex}.homework-list{flex-direction:column;gap:14px;display:flex}.homework-card{border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:18px;transition:border-color .2s;overflow:hidden}.homework-card.is-expanded{border-color:var(--color-accent)}.homework-card-summary{width:100%;font:inherit;color:inherit;text-align:right;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:16px 18px;display:flex}.homework-card-icon{background:var(--surface-soft,#0000000a);width:40px;height:40px;color:var(--color-accent);border-radius:12px;flex:none;place-items:center;display:grid}.homework-card-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.homework-card-main strong{font-size:15px;font-weight:800}.homework-card-due{color:var(--text-muted);font-size:12px}.homework-status-badge{white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 11px;font-size:11.5px;font-weight:800;display:inline-flex}.homework-status-badge.is-pending{color:#475569;background:#64748b1f}.homework-status-badge.is-submitted{color:#1d4ed8;background:#2563eb1f}.homework-status-badge.is-graded{color:#15803d;background:#16a34a1f}.homework-status-badge.is-overdue{color:#b91c1c;background:#ef44441f}.homework-card-body{border-top:1px solid var(--border-soft);padding:0 18px 20px;flex-direction:column;gap:14px;padding-top:16px;display:flex}.homework-description{color:var(--text-main);margin:0;font-size:13.5px;line-height:1.8}.homework-attachment-link{width:fit-content;color:var(--color-accent);align-items:center;gap:6px;font-size:12.5px;font-weight:700;text-decoration:none;display:inline-flex}.homework-attachment-link:hover{text-decoration:underline}.homework-grade-card{border:1px solid var(--border-soft);background:#16a34a0d;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.homework-grade-value{color:#15803d;align-items:baseline;gap:8px;display:inline-flex}.homework-grade-value span:first-of-type{font-size:20px;font-weight:900}.homework-grade-label{color:var(--text-muted);font-size:12px;font-weight:700}.homework-feedback{color:var(--text-main);margin:0;font-size:13px;line-height:1.7}.homework-submit-form{flex-direction:column;gap:12px;display:flex}.homework-resubmit-note{color:#1d4ed8;background:#2563eb14;border-radius:10px;margin:0;padding:8px 12px;font-size:12px}.homework-field{flex-direction:column;gap:6px;display:flex}.homework-field span{color:var(--text-muted);font-size:12.5px;font-weight:700}.homework-field textarea{border:1px solid var(--border-soft);background:var(--bg-surface);width:100%;color:var(--text-main);font:inherit;resize:vertical;border-radius:10px;padding:10px 12px;font-size:13px}.homework-field textarea:focus{border-color:var(--color-accent);outline:none}.homework-file-field{border:1px dashed var(--border-soft);color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;display:flex;position:relative}.homework-file-field input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.homework-form-error{color:#b91c1c;margin:0;font-size:12.5px}.homework-submit-button{background:var(--color-primary,#111);color:#fff;min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:12px;align-self:flex-start;padding:0 20px;font-size:13px;font-weight:800}.homework-submit-button:disabled{opacity:.65;cursor:not-allowed}.homework-exam-start{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.homework-exam-lock{color:var(--text-muted);background:#64748b14;border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.homework-status-badge.is-locked{color:#475569;background:#64748b1f}.grades-page{width:min(1160px,100%);color:var(--text-main);margin-inline:auto;padding:8px 0 46px}.grades-hero{isolation:isolate;color:#fff;background:linear-gradient(135deg,#304f88 0%,#214477 55%,#193963 100%);border-radius:24px;justify-content:space-between;align-items:center;gap:28px;min-height:176px;margin-bottom:16px;padding:28px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #1f3f6f29}.grades-hero:before{content:"";z-index:-1;border:1px solid #ffffff1a;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-190px;left:-90px;box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff05}.grades-hero:after{content:"";z-index:-1;border:1px solid #ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;top:-135px;right:33%}.grades-hero-decoration{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute}.grades-hero-decoration-one{width:110px;height:110px;bottom:-76px;right:8%}.grades-hero-decoration-two{width:62px;height:62px;top:20px;right:22%}.grades-hero-content{z-index:1;max-width:730px;position:relative}.grades-hero-badge{color:#ffffffe6;align-items:center;gap:6px;margin-bottom:9px;font-size:11px;font-weight:800;display:inline-flex}.grades-hero-badge svg{color:#ffd45c}.grades-hero h1{margin:0 0 7px;font-size:25px;font-weight:950;line-height:1.4}.grades-hero p{color:#ffffffba;max-width:670px;margin:0;font-size:11.5px;line-height:1.9}.grades-hero-score{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;border:1px solid #ffffff24;border-radius:19px;flex-direction:column;flex:0 0 142px;justify-content:center;align-items:center;min-height:124px;padding:15px;display:flex}.grades-hero-score span{color:#ffffffb3;font-size:10px}.grades-hero-score strong{margin:3px 0;font-size:29px;font-weight:950;line-height:1}.grades-hero-score small{color:#ffffff9e;font-size:9px}.grades-stats{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-soft);border-radius:19px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px;padding:10px;display:grid}.grades-stat-card{background:var(--bg-page);border-radius:14px;align-items:center;gap:12px;min-height:74px;padding:10px 13px;display:flex}.grades-stat-icon{border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.grades-stat-card.blue .grades-stat-icon{color:#2861ad;background:#eef5ff}.grades-stat-card.orange .grades-stat-icon{color:#d38a12;background:#fff5e6}.grades-stat-card.green .grades-stat-icon{color:#2b9860;background:#ecfaef}.grades-stat-copy{grid-template-columns:1fr auto;align-items:center;column-gap:8px;min-width:0;display:grid}.grades-stat-copy span{color:var(--text-muted);font-size:9.5px;font-weight:700}.grades-stat-copy strong{color:var(--text-main);grid-area:1/2/span 2;font-size:20px;font-weight:950}.grades-stat-copy small{color:var(--text-muted);grid-column:1;font-size:8.5px}.grades-section-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin:0 2px 13px;display:flex}.grades-section-heading>div{flex-direction:column;gap:2px;display:flex}.grades-section-heading span{color:var(--color-accent);font-size:9.5px;font-weight:900}.grades-section-heading h2{color:var(--text-main);margin:0;font-size:20px;font-weight:950}.grades-refresh{border:1px solid var(--border-soft);background:var(--bg-surface);height:35px;color:var(--text-main);font:700 10px var(--font-body);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.grades-refresh:hover:not(:disabled){color:var(--color-accent);border-color:#a9c5e6}.grades-refresh:disabled{opacity:.55;cursor:not-allowed}.grades-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.grade-card{border:1px solid var(--border-soft);background:var(--bg-page);border-radius:17px;min-width:0;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden;box-shadow:0 7px 24px #0f172a0e}.grade-card:hover{border-color:#b9cee7;transform:translateY(-4px);box-shadow:0 17px 34px #0f172a1a}.grade-cover{background:linear-gradient(135deg,#233f78,#1767c7);height:137px;position:relative;overflow:hidden}.grade-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.grade-card:hover .grade-cover img{transform:scale(1.04)}.grade-cover-overlay{background:linear-gradient(#091c3b08 15%,#091c3bc2 100%);position:absolute;inset:0}.grade-cover-fallback{color:#fff3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.grade-cover-content{color:#fff;position:absolute;bottom:11px;left:13px;right:13px}.grade-cover-content span{color:#ffffffad;font-size:8.5px}.grade-cover-content h3{text-shadow:0 2px 10px #00000038;max-width:90%;margin:2px 0 0;font-size:16px;font-weight:950;line-height:1.45}.grade-card-body{flex-direction:column;gap:11px;padding:13px;display:flex}.grade-card-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.grade-score-pill{border-radius:8px;padding:5px 9px;font-size:8.5px;font-weight:900}.grade-score-pill.excellent{color:#22865a;background:#ecfaef}.grade-score-pill.good{color:#285aa4;background:#edf4ff}.grade-score-pill.average{color:#a76a0a;background:#fff5e6}.grade-score-pill.weak{color:#c84b43;background:#fff0ef}.grade-card-best{align-items:baseline;gap:7px;display:flex}.grade-card-best small{color:var(--text-muted);font-size:8.5px}.grade-card-best strong{color:var(--color-navy);font-size:19px;font-weight:950;line-height:1}.grade-info-item{background:var(--bg-surface);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;min-width:0;padding:8px 9px;display:grid}.grade-card-info{grid-template-columns:1fr 1fr;gap:7px;display:grid}.grade-info-item svg{color:var(--color-accent)}.grade-info-item span{color:var(--text-muted);font-size:8.5px}.grade-info-item strong{color:var(--text-main);font-size:10.5px;font-weight:900}.grade-progress-block{flex-direction:column;gap:6px;display:flex}.grade-progress-label{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:8.5px;display:flex}.grade-progress-label strong{color:var(--color-navy);font-size:9px}.grade-progress{background:var(--bg-surface-2);border-radius:999px;height:4px;overflow:hidden}.grade-progress span{border-radius:inherit;background:var(--color-accent);height:100%;transition:width .4s;display:block}.grade-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:8px;display:flex}.grade-card-meta span{align-items:center;gap:4px;min-width:0;display:inline-flex}.grade-card-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grade-card-meta svg{flex:none}.grade-card-actions{grid-template-columns:1fr 1fr;gap:7px;padding-top:2px;display:grid}.grade-card-actions button{height:37px;font:800 9.5px var(--font-body);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;transition:all .2s;display:inline-flex}.grade-details-button{border:1px solid var(--border-soft);background:var(--bg-surface);color:var(--color-navy)}.grade-details-button:hover:not(:disabled){background:#f4f8fd;border-color:#b7cbe4}.grade-retake-button{color:#fff;background:#24498d;border:1px solid #24498d;box-shadow:0 6px 14px #24498d26}.grade-retake-button:hover:not(:disabled){background:#1c3d7c;transform:translateY(-1px)}.grade-card-actions button:disabled{opacity:.5;cursor:not-allowed}.grade-latest-note{color:#34865a;background:#f4fbf6;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-height:23px;padding:4px 7px;font-size:8px;display:flex}.grade-latest-note strong{font-size:8.5px}.grades-alert{color:#c74d45;background:#fff6f5;border:1px solid #f0c9c5;border-radius:11px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:10px;display:flex}.grades-alert button{color:#a73d37;font:800 9px var(--font-body);cursor:pointer;background:0 0;border:0;margin-inline-start:auto}.grades-state{border:1px dashed var(--border-soft);background:var(--bg-surface);min-height:260px;color:var(--text-muted);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:30px 20px;font-size:11px;display:flex}.grades-empty-icon{width:58px;height:58px;color:var(--color-accent);background:#edf4ff;border-radius:16px;justify-content:center;align-items:center;margin-bottom:3px;display:flex}.grades-state strong{color:var(--text-main);font-size:14px}.grades-state p{max-width:380px;margin:0;line-height:1.8}.is-spinning{animation:.85s linear infinite grades-spin}@keyframes grades-spin{to{transform:rotate(360deg)}}@media (width<=1050px){.grades-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.grades-page{padding-inline:2px}.grades-hero{flex-direction:column;align-items:stretch;padding:23px 20px}.grades-hero-score{align-self:flex-start;width:142px}.grades-stats,.grades-grid{grid-template-columns:1fr}}@media (width<=470px){.grades-section-heading{flex-direction:column;align-items:stretch}.grades-refresh{width:100%}.grade-card-actions{grid-template-columns:1fr}}.share-experience-page{width:min(100%,720px);color:var(--text-main);margin:0 auto;padding:4px 16px 48px}.share-experience-page *,.share-experience-page :before,.share-experience-page :after{box-sizing:border-box}.share-experience-header{margin-bottom:22px}.share-experience-eyebrow{color:var(--color-accent);align-items:center;gap:7px;margin-bottom:7px;font-size:12px;font-weight:800;display:inline-flex}.share-experience-header h1{color:var(--text-main);font-family:var(--font-display);margin:0;font-size:clamp(23px,3vw,30px);font-weight:900;line-height:1.2}.share-experience-header p{color:var(--text-muted);margin:8px 0 0;font-size:13.5px;line-height:1.8}.share-experience-form{border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:18px;flex-direction:column;gap:16px;padding:22px;display:flex}.share-experience-field{flex-direction:column;gap:6px;display:flex}.share-experience-field span{color:var(--text-muted);font-size:12.5px;font-weight:700}.share-experience-field input,.share-experience-field textarea{border:1px solid var(--border-soft);background:var(--bg-surface);width:100%;color:var(--text-main);font:inherit;resize:vertical;border-radius:10px;padding:10px 12px;font-size:13.5px}.share-experience-field input:focus,.share-experience-field textarea:focus{border-color:var(--color-accent);outline:none}.share-experience-file-input{border:1px dashed var(--border-soft);color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex;position:relative}.share-experience-file-input input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.share-experience-error{color:#b91c1c;margin:0;font-size:12.5px}.share-experience-submit{background:var(--color-primary,#111);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:12px;align-self:flex-start;align-items:center;gap:8px;padding:0 22px;font-size:13.5px;font-weight:800;display:inline-flex}.share-experience-submit:disabled{opacity:.65;cursor:not-allowed}.share-experience-thanks{text-align:center;border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;display:flex}.share-experience-thanks span{color:#15803d}.share-experience-thanks h2{font-family:var(--font-display);margin:0;font-size:20px}.share-experience-thanks p{color:var(--text-muted);max-width:420px;margin:0;font-size:13.5px}.share-experience-back{color:var(--color-accent);margin-top:8px;font-size:13px;font-weight:700;text-decoration:none}.share-experience-back:hover{text-decoration:underline}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] body,[data-theme=dark] #root{background:var(--bg-page)!important;color:var(--text-main)!important}[data-theme=dark] .public-main,[data-theme=dark] .dashboard-layout,[data-theme=dark] .dashboard-main,[data-theme=dark] .dashboard-content,[data-theme=dark] .tests-page,[data-theme=dark] .exam-detail-page,[data-theme=dark] .exam-take-page,[data-theme=dark] .review-content,[data-theme=dark] .result-content,[data-theme=dark] .lessons-page,[data-theme=dark] .lesson-details-page,[data-theme=dark] .books-page,[data-theme=dark] .book-details-page,[data-theme=dark] .articles-page,[data-theme=dark] .article-details-page,[data-theme=dark] .faq-page,[data-theme=dark] .profile-page,[data-theme=dark] .settings-page,[data-theme=dark] .subscriptions-page{color:var(--text-main)!important;background-color:#0000!important}[data-theme=dark] .tests-results,[data-theme=dark] .tests-domain-card,[data-theme=dark] .test-card,[data-theme=dark] .tests-search,[data-theme=dark] .tests-filter-toggle,[data-theme=dark] .tests-filters,[data-theme=dark] .tests-filters select,[data-theme=dark] .tests-list-heading,[data-theme=dark] .tests-list-count,[data-theme=dark] .tests-back-button,[data-theme=dark] .tests-refresh-button,[data-theme=dark] .tests-pagination button,[data-theme=dark] .tests-loading,[data-theme=dark] .tests-empty,[data-theme=dark] .exam-detail-stat,[data-theme=dark] .attempt-card,[data-theme=dark] .exam-take-timer-card,[data-theme=dark] .exam-take-nav-card,[data-theme=dark] .exam-take-question-card,[data-theme=dark] .review-question-card,[data-theme=dark] .result-table-card,[data-theme=dark] .lesson-card,[data-theme=dark] .lessons-toolbar,[data-theme=dark] .lessons-state,[data-theme=dark] .lessons-modal,[data-theme=dark] .article-card,[data-theme=dark] .faq-item,[data-theme=dark] .settings-card,[data-theme=dark] .settings-profile-card,[data-theme=dark] .settings-stat-card,[data-theme=dark] .profile-card,[data-theme=dark] .subscription-card,[data-theme=dark] .subscriptions-card{background:var(--bg-surface)!important;border-color:var(--border-soft)!important;color:var(--text-main)!important;box-shadow:var(--shadow-soft)!important}[data-theme=dark] .tests-bank-heading h1,[data-theme=dark] .tests-domain-copy strong,[data-theme=dark] .tests-list-heading h1,[data-theme=dark] .test-card-meta-item strong,[data-theme=dark] .exam-detail-attempts h2,[data-theme=dark] .attempt-fraction,[data-theme=dark] .exam-take-question-card h2,[data-theme=dark] .review-question-card h3,[data-theme=dark] .result-table th,[data-theme=dark] .result-table td,[data-theme=dark] .settings-card-heading h2,[data-theme=dark] .settings-profile-card h2,[data-theme=dark] .profile-page h1,[data-theme=dark] .profile-page h2,[data-theme=dark] .lesson-card-title,[data-theme=dark] .article-card-title,[data-theme=dark] .faq-item-question{color:var(--text-main)!important}[data-theme=dark] .tests-bank-heading p,[data-theme=dark] .tests-domain-copy small,[data-theme=dark] .tests-domain-copy>span,[data-theme=dark] .tests-list-heading p,[data-theme=dark] .tests-list-count span,[data-theme=dark] .test-card-description,[data-theme=dark] .test-card-meta-item span,[data-theme=dark] .attempt-label,[data-theme=dark] .attempt-date,[data-theme=dark] .exam-detail-stat span,[data-theme=dark] .tests-empty,[data-theme=dark] .tests-loading,[data-theme=dark] .lesson-card-description,[data-theme=dark] .settings-card-heading p,[data-theme=dark] .settings-field>span{color:var(--text-muted)!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] .tests-search input,[data-theme=dark] .lessons-search-input,[data-theme=dark] .settings-field input,[data-theme=dark] .settings-field textarea{background-color:var(--bg-surface-2)!important;color:var(--text-main)!important;border-color:var(--border-soft)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)!important}[data-theme=dark] .tests-domain-card:before,[data-theme=dark] .tests-domain-icon,[data-theme=dark] .test-card-meta-item,[data-theme=dark] .tests-list-heading,[data-theme=dark] .tests-list-count,[data-theme=dark] .tests-filters,[data-theme=dark] .tests-empty,[data-theme=dark] .tests-loading,[data-theme=dark] .exam-detail-stat-icon,[data-theme=dark] .exam-detail-hint,[data-theme=dark] .attempt-progress,[data-theme=dark] .exam-take-grid-pill,[data-theme=dark] .exam-take-hint,[data-theme=dark] .exam-take-motivation,[data-theme=dark] .review-explanation,[data-theme=dark] .review-option,[data-theme=dark] .result-level-badge{background:var(--bg-surface-2)!important;color:var(--text-main)!important;border-color:var(--border-soft)!important}[data-theme=dark] .exam-detail-back,[data-theme=dark] .tests-back-button,[data-theme=dark] .tests-refresh-button{background:var(--bg-surface)!important;color:var(--text-main)!important;border-color:var(--border-soft)!important}[data-theme=dark] .exam-detail-header,[data-theme=dark] .tests-hero,[data-theme=dark] .review-header,[data-theme=dark] .result-header{color:#fff!important}[data-theme=dark] .exam-detail-header-body h1,[data-theme=dark] .exam-detail-header-body p,[data-theme=dark] .review-header h1,[data-theme=dark] .review-header-exam,[data-theme=dark] .result-header *{color:inherit!important}[data-theme=dark] .review-option.correct,[data-theme=dark] .exam-take-grid-pill.answered{background:#123524!important;border-color:#1d6b45!important}[data-theme=dark] .review-option.wrong{background:#3a1b20!important;border-color:#7f303a!important}[data-theme=dark] .review-explanation{background:#14283a!important;border-color:#244c69!important}[data-theme=dark] .exam-take-option{background:var(--bg-surface-2)!important;border-color:var(--border-soft)!important;color:var(--text-main)!important}[data-theme=dark] .exam-take-option:hover,[data-theme=dark] .exam-take-option.selected{border-color:var(--color-accent)!important;background:#172d49!important}[data-theme=dark] .dashboard-header,[data-theme=dark] .dashboard-header-inner,[data-theme=dark] .sidebar,[data-theme=dark] .dashboard-sidebar,[data-theme=dark] .navbar,[data-theme=dark] .site-navbar{background:var(--bg-surface)!important;color:var(--text-main)!important;border-color:var(--border-soft)!important}[data-theme=dark] .sidebar a,[data-theme=dark] .sidebar button,[data-theme=dark] .dashboard-header a,[data-theme=dark] .dashboard-header button,[data-theme=dark] .navbar a,[data-theme=dark] .navbar button{color:var(--text-main)!important}[data-theme=dark] select option{background:var(--bg-surface)!important;color:var(--text-main)!important}[data-theme=dark] input:-webkit-autofill{-webkit-text-fill-color:var(--text-main)!important;box-shadow:0 0 0 1000px var(--bg-surface-2) inset!important}[data-theme=dark] input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main)!important;box-shadow:0 0 0 1000px var(--bg-surface-2) inset!important}[data-theme=dark] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main)!important;box-shadow:0 0 0 1000px var(--bg-surface-2) inset!important}[data-theme=dark] .auth-layout,[data-theme=dark] .auth-layout-main,[data-theme=dark] .auth-page,[data-theme=dark] .articles-page,[data-theme=dark] .article-details-page,[data-theme=dark] .faq-page,[data-theme=dark] .dash-lessons-page,[data-theme=dark] .profile-page,[data-theme=dark] .settings-page,[data-theme=dark] .subscriptions-page,[data-theme=dark] .lesson-details-page{color:var(--text-main)!important}[data-theme=dark] .auth-card,[data-theme=dark] .article-card,[data-theme=dark] .article-details-container,[data-theme=dark] .blog-comments,[data-theme=dark] .blog-comment,[data-theme=dark] .faq-item,[data-theme=dark] .dash-lessons-state,[data-theme=dark] .dash-lesson-card,[data-theme=dark] .profile-cover-card,[data-theme=dark] .profile-info-card,[data-theme=dark] .profile-level-card,[data-theme=dark] .settings-page-top,[data-theme=dark] .subscriptions-current,[data-theme=dark] .subscription-plan,[data-theme=dark] .subscriptions-comparison,[data-theme=dark] .comparison-table,[data-theme=dark] .lesson-details-main,[data-theme=dark] .lesson-details-sidebar,[data-theme=dark] .lesson-description-section{background:var(--bg-surface)!important;color:var(--text-main)!important;border-color:var(--border-soft)!important}[data-theme=dark] .auth-description,[data-theme=dark] .auth-links,[data-theme=dark] .article-content-text,[data-theme=dark] .article-meta,[data-theme=dark] .comments-meta,[data-theme=dark] .faq-empty,[data-theme=dark] .dash-lesson-desc,[data-theme=dark] .profile-info-item,[data-theme=dark] .profile-card-title,[data-theme=dark] .lesson-details-page p,[data-theme=dark] .subscriptions-page p{color:var(--text-muted)!important}[data-theme=dark] .auth-field input,[data-theme=dark] .auth-field textarea,[data-theme=dark] .article-search,[data-theme=dark] .article-search input,[data-theme=dark] .blog-comment-form textarea,[data-theme=dark] .dash-lessons-search,[data-theme=dark] .dash-lessons-search input,[data-theme=dark] .settings-input-with-icon,[data-theme=dark] .settings-mobile-input,[data-theme=dark] .settings-upload-box{background:var(--bg-surface-2)!important;color:var(--text-main)!important;border-color:var(--border-soft)!important}[data-theme=dark] .dashboard-topbar,[data-theme=dark] .dashboard-icon-button,[data-theme=dark] .dashboard-profile-dropdown,[data-theme=dark] .dropdown-item,[data-theme=dark] .payment-modal,[data-theme=dark] .payment-modal-header,[data-theme=dark] .payment-summary,[data-theme=dark] .payment-coupon,[data-theme=dark] .payment-methods-modal{background:var(--bg-surface)!important;color:var(--text-main)!important;border-color:var(--border-soft)!important}[data-theme=dark] .dashboard-topbar-title,[data-theme=dark] .dropdown-user-name,[data-theme=dark] .payment-product-name,[data-theme=dark] .payment-total,[data-theme=dark] .subscriptions-page h1,[data-theme=dark] .subscriptions-page h2,[data-theme=dark] .profile-page h3,[data-theme=dark] .lesson-details-page h1,[data-theme=dark] .lesson-details-page h2{color:var(--text-main)!important}[data-theme=dark] .lesson-details-tags .tag,[data-theme=dark] .subscriptions-period,[data-theme=dark] .subscription-badge,[data-theme=dark] .profile-info-icon,[data-theme=dark] .faq-item-category{background:var(--bg-surface-2)!important;color:var(--text-main)!important;border-color:var(--border-soft)!important}[data-theme=dark] .articles-hero,[data-theme=dark] .subscriptions-hero,[data-theme=dark] .dashboard-welcome,[data-theme=dark] .lessons-hero,[data-theme=dark] .landing .hero{color:#fff!important}*{box-sizing:border-box}html{scroll-behavior:smooth;direction:rtl}html,body,#root{width:100%;min-height:100%}body{background:var(--qd-bg);color:var(--qd-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;margin:0;padding:0;font-family:Tajawal,system-ui,sans-serif;transition:background-color .25s,color .25s}:root{--color-primary:#3d5a96;--color-accent:#0057b8;--color-navy:#232f5e;--color-white:#fff;--color-ink:#1a1d21;--bg-page:#fff;--bg-surface:#f6f8fb;--bg-surface-2:#eef2f8;--text-main:#1a1d21;--text-muted:#5b6472;--border-soft:#e4e8ef;--shadow-soft:0 10px 30px #232f5e14;--font-display:"Tajawal", "Cairo", "Segoe UI", sans-serif;--font-body:"Tajawal", "Cairo", "Segoe UI", sans-serif;--radius-lg:22px;--radius-md:14px;--radius-pill:999px;--container-w:1180px;--qd-bg:#fff;--qd-bg-alt:#f4f7fc;--qd-text:#151c28;--qd-text-muted:#5c6576;--qd-primary:#0052b4;--qd-primary-hover:#003f8f;--qd-border:#e4e9f1;--qd-card:#fff;--qd-shadow:0 10px 30px #151c2814}[data-theme=dark]{--bg-page:#111315;--bg-surface:#191c1f;--bg-surface-2:#23282f;--text-main:#f3f5f8;--text-muted:#a6afbd;--border-soft:#2a3037;--shadow-soft:0 10px 30px #00000040;--qd-bg:#111315;--qd-bg-alt:#191c1f;--qd-text:#f3f5f8;--qd-text-muted:#a6afbd;--qd-primary:#2e7cf6;--qd-primary-hover:#4b91ff;--qd-border:#2a3037;--qd-card:#191c1f;--qd-shadow:0 10px 30px #00000040}button,input,textarea,select{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,100% - 40px);margin-inline:auto}.public-main{background:var(--bg-page);min-height:100vh;color:var(--text-main);padding-top:96px;transition:background-color .25s,color .25s}@media (width<=900px){.public-main{padding-top:86px}}@media (width<=600px){.public-main{padding-top:78px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--qd-bg-alt)}::-webkit-scrollbar-thumb{background:var(--qd-primary);border-radius:20px}