*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page-bg);color:#102033;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{min-height:100vh;position:relative}.platform-body:before{content:"";position:fixed;inset:-20% -10% auto auto;width:55vw;height:55vw;background:radial-gradient(circle,rgba(58,183,255,.23),transparent 65%);pointer-events:none;z-index:-2}.platform-body:after{content:"";position:fixed;left:-12%;bottom:-25%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(94,234,212,.18),transparent 66%);pointer-events:none;z-index:-2}.dark{--page-bg:#07111f;color:#e8f3ff}.dark .glass,.dark .card,.dark .premium-course-card,.dark .auth-card,.dark .course-panel,.dark .admin-card{background:rgba(12,24,43,.78)!important;border-color:rgba(255,255,255,.1)!important}.dark .muted,.dark .course-body p,.dark .footer p{color:#a9bbd0}.dark input,.dark select,.dark textarea{background:#101d31;color:#eaf6ff;border-color:#273b58}.topbar{position:sticky;top:14px;z-index:50;width:min(1180px,calc(100% - 28px));margin:14px auto 0;padding:12px 14px;border:1px solid rgba(11,61,145,.12);border-radius:28px;display:flex;align-items:center;gap:14px;justify-content:space-between}.glass{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(15,55,110,.08)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:#fff;font-weight:900;font-size:24px;box-shadow:0 12px 30px rgba(11,61,145,.28)}.brand b{display:block;font-size:17px}.brand small{display:block;color:#6c7d91;margin-top:1px;font-size:11px}.main-nav{display:flex;align-items:center;gap:4px}.main-nav a{padding:10px 13px;border-radius:15px;color:#3d5068;font-weight:700;font-size:14px}.main-nav a:hover{background:rgba(58,183,255,.12);color:var(--primary)}.top-actions{display:flex;align-items:center;gap:8px}.btn{border:0;border-radius:16px;padding:11px 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.22s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 12px 30px rgba(11,61,145,.22)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(11,61,145,.28)}.btn-ghost{background:#fff;color:var(--primary);border:1px solid rgba(11,61,145,.12)}.btn-soft{background:rgba(11,61,145,.08);color:var(--primary);padding:9px 14px;border-radius:14px;font-weight:800}.btn-danger{background:#fff0f0;color:#d32736}.theme-toggle,.mobile-menu-btn{border:0;width:43px;height:43px;border-radius:15px;background:#eef7ff;color:var(--primary);font-size:18px;cursor:pointer}.mobile-menu-btn{display:none}.avatar-chip{display:flex;align-items:center;gap:8px;border-radius:18px;background:#fff;padding:6px 10px;border:1px solid rgba(11,61,145,.1);font-weight:800}.avatar-chip img{width:34px;height:34px;border-radius:13px;object-fit:cover}.main-content{width:min(1180px,calc(100% - 28px));margin:22px auto 0;padding-bottom:60px}.hero{position:relative;overflow:hidden;border-radius:42px;background:linear-gradient(135deg,#ecf8ff 0%,#ffffff 40%,#dff4ff 100%);border:1px solid rgba(11,61,145,.11);padding:50px;box-shadow:0 25px 80px rgba(15,55,110,.08)}.hero:before{content:"";position:absolute;inset:auto -70px -110px auto;width:360px;height:360px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));opacity:.14}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(11,61,145,.12);background:#fff;border-radius:999px;padding:7px 13px;color:var(--primary);font-weight:900;font-size:13px}.hero h1{font-size:clamp(32px,5vw,64px);line-height:1.12;margin:18px 0 14px;letter-spacing:-1.5px}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.9;color:#53657b;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-visual{position:relative;min-height:430px}.phone-card{position:absolute;border-radius:30px;background:#fff;border:1px solid rgba(11,61,145,.12);box-shadow:0 30px 80px rgba(12,52,98,.14);padding:16px}.phone-card.main{inset:0 30px 0 0;transform:rotate(-2deg)}.phone-card.small{left:0;bottom:30px;width:250px;transform:rotate(5deg);z-index:3}.mock-image{height:210px;border-radius:24px;background:linear-gradient(135deg,var(--primary),var(--accent));position:relative;overflow:hidden}.mock-image:after{content:"";position:absolute;inset:45px;background:rgba(255,255,255,.16);border-radius:24px;box-shadow:0 0 0 28px rgba(255,255,255,.08)}.mock-list{display:grid;gap:11px;margin-top:14px}.mock-list span{height:15px;border-radius:999px;background:#eaf3fb}.mock-list span:nth-child(1){width:78%}.mock-list span:nth-child(2){width:55%}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stat-card{border:1px solid rgba(11,61,145,.1);background:rgba(255,255,255,.75);border-radius:24px;padding:20px;box-shadow:0 12px 35px rgba(15,55,110,.06)}.stat-card strong{display:block;font-size:28px;color:var(--primary)}.stat-card span{color:#6b7d91;font-weight:700}.section{margin-top:44px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{font-size:30px;margin:0}.section-head p{margin:7px 0 0;color:#6b7d91}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid rgba(11,61,145,.1);background:rgba(255,255,255,.82);border-radius:28px;padding:22px;box-shadow:0 20px 55px rgba(15,55,110,.07);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 26px 70px rgba(15,55,110,.11)}.year-card{min-height:230px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.year-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(58,183,255,.15),transparent 60%);pointer-events:none}.year-card h3{font-size:24px;margin:0 0 8px}.year-card p{color:#61758c;line-height:1.7}.pill{display:inline-flex;border-radius:999px;background:rgba(11,61,145,.08);color:var(--primary);padding:6px 12px;font-weight:900;font-size:12px}.premium-course-card{background:#fff;border:1px solid rgba(11,61,145,.1);border-radius:30px;overflow:hidden;box-shadow:0 20px 55px rgba(15,55,110,.08);transition:.25s;min-width:0}.premium-course-card:hover{transform:translateY(-7px)}.course-cover{height:210px;display:block;position:relative;overflow:hidden;background:#eaf6ff}.course-cover img{width:100%;height:100%;object-fit:cover;transition:.45s}.premium-course-card:hover .course-cover img{transform:scale(1.06)}.course-badge{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-radius:999px;padding:8px 12px;color:var(--primary);font-weight:900;font-size:12px}.course-body{padding:18px}.course-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}.course-meta span{font-size:12px;font-weight:800;color:#52708d;background:#edf7ff;padding:5px 9px;border-radius:999px}.course-body h3{font-size:20px;line-height:1.5;margin:0 0 8px}.course-body p{color:#62768c;line-height:1.7;min-height:54px;margin:0 0 14px}.teacher-mini{display:flex;align-items:center;gap:9px;color:#41546d;font-weight:800;margin:10px 0}.teacher-mini img{width:36px;height:36px;border-radius:14px;object-fit:cover;background:#eaf6ff}.progress-line{height:8px;background:#edf2f8;border-radius:999px;overflow:hidden;margin:13px 0}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px}.course-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.course-actions strong{color:var(--primary);font-size:17px}.teacher-card{text-align:center}.teacher-card .cover{height:88px;border-radius:24px;background:linear-gradient(135deg,var(--primary),var(--accent));margin-bottom:-42px}.teacher-card img{width:92px;height:92px;border-radius:32px;object-fit:cover;border:5px solid #fff;margin:0 auto;background:#eaf6ff;position:relative}.teacher-card h3{margin:12px 0 4px}.teacher-card p{color:#6b7d91;margin:0 0 16px}.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#6e7f93;font-weight:800;margin:10px 0 18px}.course-hero{display:grid;grid-template-columns:1fr 380px;gap:22px;align-items:stretch}.course-panel{border-radius:34px;background:#fff;border:1px solid rgba(11,61,145,.1);box-shadow:0 20px 60px rgba(15,55,110,.08);overflow:hidden}.course-panel .banner{height:320px;object-fit:cover;width:100%}.course-info{padding:28px}.course-info h1{font-size:38px;margin:0 0 12px}.meta-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.meta-row span{background:#eef7ff;color:var(--primary);padding:8px 12px;border-radius:999px;font-weight:900;font-size:13px}.side-box{padding:24px;display:flex;flex-direction:column;gap:14px}.price-box{font-size:32px;color:var(--primary);font-weight:900}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 16px}.tab-btn{border:0;background:#fff;border-radius:16px;padding:12px 17px;font-weight:900;color:#53657b;cursor:pointer}.tab-btn.active{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.unit{background:#fff;border:1px solid rgba(11,61,145,.1);border-radius:24px;margin-bottom:14px;overflow:hidden}.unit-head{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:900;background:linear-gradient(180deg,#fff,#f7fbff);cursor:pointer}.lesson-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 20px;border-top:1px solid #eef4fb}.lesson-index{width:36px;height:36px;border-radius:13px;background:#eef7ff;color:var(--primary);display:grid;place-items:center;font-weight:900}.lesson-row h4{margin:0}.lesson-row small{color:#6b7d91}.lock{color:#d32736;font-weight:900}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.player-shell{background:#061326;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 28px 80px rgba(6,19,38,.25)}.video-frame{aspect-ratio:16/9;background:#020915;position:relative}.video-frame iframe,.video-frame #yt-player{position:absolute;inset:0;width:100%;height:100%;border:0}.player-overlay{position:absolute;inset:auto 14px 14px 14px;display:flex;gap:8px;align-items:center;justify-content:space-between;background:rgba(3,11,22,.55);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:10px;z-index:5;color:#fff}.player-overlay button,.player-overlay select{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:9px 11px;font-weight:800}.player-overlay select option{color:#111}.watermark{position:absolute;z-index:4;color:#fff;font-weight:800;opacity:.38;text-shadow:0 2px 10px #000;pointer-events:none;animation:wmMove 35s linear infinite}.pseudo-fullscreen{position:fixed!important;inset:0!important;z-index:9999!important;border-radius:0!important}.pseudo-fullscreen .video-frame{height:100vh;aspect-ratio:auto}@keyframes wmMove{0%{top:12%;right:8%}25%{top:72%;right:68%}50%{top:18%;right:72%}75%{top:66%;right:12%}100%{top:12%;right:8%}}.lesson-sidebar{background:#fff;border:1px solid rgba(11,61,145,.1);border-radius:28px;padding:14px;max-height:75vh;overflow:auto}.sidebar-lesson{display:flex;gap:10px;padding:12px;border-radius:18px;align-items:center}.sidebar-lesson:hover,.sidebar-lesson.active{background:#eef7ff}.auth-wrap{min-height:70vh;display:grid;place-items:center}.auth-card{width:min(520px,100%);background:#fff;border:1px solid rgba(11,61,145,.1);border-radius:34px;padding:34px;box-shadow:0 25px 80px rgba(15,55,110,.1)}.auth-card h1{margin:0 0 10px;font-size:32px}.form-grid{display:grid;gap:14px}.form-row{display:grid;gap:8px}.form-row label{font-weight:900;color:#2b3f57}.form-row input,.form-row textarea,.form-row select,input,textarea,select{width:100%;border:1px solid #dbe8f5;border-radius:16px;padding:13px 14px;font-family:inherit;font-size:15px;background:#fff;outline:none}.form-row input:focus,.form-row textarea:focus,.form-row select:focus,input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(58,183,255,.12)}textarea{min-height:120px;resize:vertical}.table-wrap{background:#fff;border:1px solid rgba(11,61,145,.1);border-radius:26px;overflow:auto;box-shadow:0 18px 50px rgba(15,55,110,.07)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 16px;border-bottom:1px solid #eef4fb;text-align:right}th{background:#f5fbff;color:#40546e;font-size:13px}.admin-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px}.admin-sidebar{background:#fff;border:1px solid rgba(11,61,145,.1);border-radius:28px;padding:14px;height:max-content;position:sticky;top:100px}.admin-sidebar a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;color:#445a73;font-weight:800}.admin-sidebar a:hover,.admin-sidebar a.active{background:#eef7ff;color:var(--primary)}.admin-card{background:#fff;border:1px solid rgba(11,61,145,.1);border-radius:28px;padding:22px;box-shadow:0 18px 50px rgba(15,55,110,.07);margin-bottom:18px}.flash{border-radius:18px;padding:14px 18px;margin:0 0 16px;font-weight:800}.flash-success{background:#e9fff4;color:#057a4d}.flash-error{background:#fff0f0;color:#b42334}.flash-warning{background:#fff8e6;color:#9a6500}.footer{width:min(1180px,calc(100% - 28px));margin:40px auto 85px;background:#0a1729;color:#eaf4ff;border-radius:34px;padding:34px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer a,.footer span{display:block;color:#b8c9dd;margin:8px 0}.footer p{color:#b8c9dd;line-height:1.8}.footer-brand .brand-mark{box-shadow:none}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding-top:18px;color:#96abc4;text-align:center}.mobile-bottom-nav{display:none}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.in-view{opacity:1;transform:none}.muted{color:#6b7d91}.empty-state{text-align:center;padding:50px 20px;color:#6b7d91}.searchbar{display:flex;gap:10px;background:#fff;border:1px solid rgba(11,61,145,.1);padding:10px;border-radius:24px;margin-bottom:20px}.searchbar input{border:0;background:transparent}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.badge-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef7ff;color:var(--primary);font-weight:900;font-size:12px}.badge-status.draft{background:#fff8e6;color:#9a6500}.badge-status.hidden,.badge-status.blocked{background:#fff0f0;color:#b42334}.badge-status.published,.badge-status.active{background:#e9fff4;color:#057a4d}@media(max-width:1000px){.hero-grid,.course-hero,.player-layout,.admin-layout{grid-template-columns:1fr}.hero{padding:32px}.hero-visual{min-height:330px}.phone-card.main{inset:0 15px 0 15px}.phone-card.small{display:none}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.course-panel .banner{height:230px}.lesson-sidebar{max-height:none}.main-nav{position:fixed;top:82px;right:14px;left:14px;background:#fff;border:1px solid rgba(11,61,145,.12);border-radius:24px;box-shadow:0 25px 80px rgba(15,55,110,.12);padding:12px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.mobile-menu-btn{display:block}.top-actions .btn-ghost,.avatar-chip span{display:none}.admin-sidebar{position:static}.stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.topbar{top:8px;width:calc(100% - 16px);border-radius:22px}.brand small,.top-actions{display:none}.main-content{width:calc(100% - 16px);margin-top:14px}.hero{border-radius:28px;padding:24px}.hero h1{font-size:34px}.hero p{font-size:15px}.grid-4,.grid-3,.grid-2,.stats-row,.footer-grid,.split{grid-template-columns:1fr}.section-head{display:block}.course-cover{height:190px}.course-info h1{font-size:29px}.player-overlay{inset:auto 8px 8px 8px;overflow:auto;justify-content:flex-start}.footer{width:calc(100% - 16px);margin-bottom:90px;padding:24px;border-radius:28px}.mobile-bottom-nav{position:fixed;bottom:0;right:0;left:0;height:70px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-top:1px solid rgba(11,61,145,.1);display:grid;grid-template-columns:repeat(4,1fr);z-index:60}.mobile-bottom-nav a{display:grid;place-items:center;color:#52677e;font-weight:900;font-size:20px}.mobile-bottom-nav span{font-size:11px;margin-top:-6px}.auth-card{padding:24px;border-radius:28px}.platform-body:before,.platform-body:after{display:none}}
body{background:#fff}.main-content{width:100%;margin-top:0}.topbar{top:0;margin:0 auto;width:100%;max-width:none;border-radius:0;border:0;border-bottom:1px solid rgba(20,45,70,.10);box-shadow:0 4px 18px rgba(0,0,0,.08);padding:9px min(7vw,90px);background:rgba(255,255,255,.94)}.brand-mark{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ffd351,#f6a811);color:#0d2538;font-size:19px}.brand small{display:none}.main-nav a{font-size:13px;padding:8px 11px}.btn{border-radius:8px}.btn-primary{background:#5aaec3;box-shadow:0 8px 20px rgba(90,174,195,.35)}.btn-primary:hover{background:#458fa5}.btn-ghost{background:#fff;color:#18344d;border:1px solid #dceaf2}.btn-danger{background:#ffe6e9;color:#bc1d2c;border:1px solid #ffc5cc}.actions-cell{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ref-hero{width:100%;min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:70px min(10vw,150px) 90px;background:#fff;position:relative;overflow:hidden}.ref-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:90px;background:linear-gradient(174deg,transparent 0 48%,rgba(90,174,195,.16) 49% 60%,#5aaec3 61% 100%)}.ref-hero-text{text-align:right;position:relative;z-index:2}.ref-kicker{display:inline-flex;background:#eef9fc;color:#367f92;border-radius:9px;padding:8px 13px;font-weight:900;margin-bottom:15px}.ref-hero h1{font-size:clamp(36px,5vw,62px);margin:0;color:#5aaec3;font-weight:900;line-height:1.15}.ref-hero h3{font-size:22px;margin:6px 0 10px;color:#1f2f3f;font-weight:900}.ref-hero p{max-width:520px;margin:12px 0 0;color:#6d7d8d;line-height:1.9;font-weight:700}.ref-actions{justify-content:flex-start;margin-top:22px}.ref-hero-photo-wrap{display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.ref-blob{width:min(390px,78vw);height:min(390px,78vw);background:#5aaec3;border-radius:47% 53% 42% 58% / 52% 42% 58% 48%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;box-shadow:0 25px 55px rgba(90,174,195,.18);animation:blobPulse 7s ease-in-out infinite}.ref-blob img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.ref-empty-hero-mark{font-size:120px;color:#fff;font-weight:900;opacity:.9;align-self:center}@keyframes blobPulse{0%,100%{border-radius:47% 53% 42% 58% / 52% 42% 58% 48%;transform:translateY(0)}50%{border-radius:57% 43% 52% 48% / 42% 53% 47% 58%;transform:translateY(-8px)}}.ref-features{position:relative;background:#5aaec3;color:#fff;margin:0;padding:105px min(7vw,110px) 110px;overflow:hidden}.ref-wave{position:absolute;left:0;width:100%;height:95px;fill:#fff;opacity:.82}.ref-wave.top{top:-1px}.ref-wave.bottom{bottom:-1px}.ref-features-inner{position:relative;z-index:2;max-width:980px;margin:auto}.ref-features h2{text-align:right;margin:0 0 28px;font-size:28px;font-weight:900}.ref-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ref-feature-card{background:rgba(28,84,99,.46);border-radius:8px;min-height:118px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:.25s}.ref-feature-card:hover{transform:translateY(-5px);background:rgba(28,84,99,.56)}.ref-feature-card span{width:54px;height:54px;border-radius:50%;background:#a8253a;color:#ffd642;display:grid;place-items:center;font-size:24px;box-shadow:0 0 0 8px rgba(255,218,30,.18)}.ref-feature-card b{background:rgba(21,63,79,.55);padding:8px 18px;border-radius:6px;font-size:13px}.ref-years-section{max-width:980px;margin:58px auto 90px;padding:0 18px}.ref-title-center{text-align:center;margin-bottom:36px}.ref-title-center h2{font-size:25px;margin:0;color:#1c2b3b;font-weight:900}.ref-title-center span{display:block;width:140px;height:18px;margin:4px auto 0;border-top:2px solid #e35c3f;border-radius:50%}.ref-years-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;justify-items:center}.ref-year-card{display:block;background:#fff;border-radius:8px;overflow:hidden;width:100%;max-width:270px;box-shadow:0 12px 24px rgba(0,0,0,.13);transition:.25s;border:1px solid #edf2f6}.ref-year-card:hover{transform:translateY(-8px);box-shadow:0 18px 32px rgba(0,0,0,.16)}.ref-year-img{height:132px;background:#eaf7fb;overflow:hidden}.ref-year-img img{width:100%;height:100%;object-fit:cover}.ref-year-body{background:#fff;padding:15px 16px 18px;border-radius:0 0 8px 8px}.ref-year-body h3{font-size:15px;margin:0;color:#10243b;font-weight:900;text-align:right}.ref-line{height:2px;background:#5aaec3;width:100%;margin:12px 0}.ref-year-body p{font-size:12px;margin:0;color:#7b8896;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer{width:100%;max-width:none;margin:70px 0 0;border-radius:0;background:#22282d;padding:55px min(7vw,100px) 28px}.footer-grid{max-width:980px;margin:auto}.copyright{max-width:980px;margin:22px auto 0}.section:not(.ref-years-section){width:min(1180px,calc(100% - 28px));margin-left:auto;margin-right:auto}.stats-row{width:min(1180px,calc(100% - 28px));margin-left:auto;margin-right:auto}.admin-layout,.auth-wrap,.breadcrumb,.course-hero,.player-layout,.searchbar{width:min(1180px,calc(100% - 28px));margin-left:auto;margin-right:auto}.admin-layout{margin-top:28px}.empty-state.card{max-width:720px;margin:0 auto}.dark .ref-hero{background:#081625}.dark .ref-title-center h2,.dark .ref-hero h3{color:#eaf4ff}.dark .ref-hero p{color:#acc1d4}@media(max-width:1000px){.topbar{padding:9px 18px}.ref-hero{grid-template-columns:1fr;padding:45px 22px 105px;text-align:center}.ref-hero-text{text-align:center}.ref-actions{justify-content:center}.ref-hero-photo-wrap{order:-1}.ref-blob{width:280px;height:280px}.ref-feature-grid,.ref-years-grid{grid-template-columns:repeat(2,1fr)}.ref-features h2{text-align:center}.main-nav{top:62px}}@media(max-width:640px){.ref-hero{min-height:auto;padding:32px 14px 92px}.ref-hero h1{font-size:36px}.ref-hero h3{font-size:18px}.ref-blob{width:240px;height:240px}.ref-features{padding:90px 14px}.ref-feature-grid,.ref-years-grid{grid-template-columns:1fr}.ref-feature-card{min-height:104px}.ref-years-section{margin-top:45px}.topbar{width:100%}.mobile-bottom-nav{display:grid}.footer{margin-bottom:70px}.brand b{font-size:14px}.ref-kicker{font-size:12px}.hero-actions .btn{width:100%}}
.rocket-body{background:radial-gradient(circle at 10% 0%,rgba(18,183,232,.15),transparent 35%),linear-gradient(180deg,#f7f9ff,#eef7ff 55%,#f8fbff);color:#10182f}
.rocket-announcement{background:linear-gradient(90deg,var(--primary),#1e7cff,var(--accent));color:#fff;text-align:center;padding:9px 12px;font-weight:800;font-size:13px;letter-spacing:.1px}
.rocket-topbar{position:sticky;top:0;z-index:50;border-radius:0 0 24px 24px;box-shadow:0 14px 40px rgba(15,42,95,.10);backdrop-filter:blur(18px)}
.rocket-brand .brand-mark{background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 10px 28px rgba(18,108,232,.24)}
.top-search{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(25,77,172,.12);border-radius:999px;padding:6px 8px;min-width:250px;box-shadow:0 10px 30px rgba(17,32,78,.05)}
.top-search input{border:0;outline:0;background:transparent;width:190px;font-family:inherit}.top-search button{border:0;background:var(--primary);color:#fff;border-radius:999px;width:34px;height:34px;cursor:pointer}.cart-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#fff;border:1px solid rgba(19,78,168,.12);border-radius:14px;box-shadow:0 10px 22px rgba(17,32,78,.08);text-decoration:none}.cart-chip span{position:absolute;top:-7px;left:-7px;background:#ff3d71;color:#fff;border-radius:999px;min-width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:900}.rocket-main{padding-top:22px}.rocket-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;min-height:570px;padding:58px 5vw 70px;position:relative;overflow:hidden}.rocket-hero:before{content:"";position:absolute;inset:40px 4vw;border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.62));box-shadow:0 35px 90px rgba(15,55,125,.13);z-index:-1}.rocket-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(31,79,255,.09);color:var(--primary);font-weight:900;margin-bottom:14px}.rocket-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.15;margin:0 0 16px;font-weight:900;letter-spacing:-1px;color:#10182f}.rocket-hero p{font-size:18px;line-height:1.9;color:#5c6780;max-width:680px}.hero-search{display:flex;gap:10px;align-items:center;background:#fff;padding:10px;border-radius:22px;box-shadow:0 18px 48px rgba(24,60,142,.12);border:1px solid rgba(17,80,210,.08);max-width:650px;margin:25px 0}.hero-search input{flex:1;border:0;outline:0;font-family:inherit;font-size:15px;padding:0 14px;background:transparent}.rocket-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.rocket-trust-row span{background:#fff;border:1px solid rgba(31,79,255,.10);border-radius:999px;padding:9px 13px;color:#34405a;font-weight:800}.rocket-hero-visual{min-height:460px;position:relative;display:flex;align-items:center;justify-content:center}.learning-card{background:rgba(255,255,255,.9);border:1px solid rgba(31,79,255,.10);box-shadow:0 30px 70px rgba(15,55,125,.16);border-radius:28px;padding:24px}.learning-card.big{width:min(440px,90%);min-height:260px;background:linear-gradient(145deg,#fff,#eff8ff)}.learning-card h3{font-size:31px;margin:12px 0 4px;color:#10204c}.learning-card p{color:#68758d}.live-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:#ff3d71;box-shadow:0 0 0 8px rgba(255,61,113,.12)}.fake-progress,.progress-line{height:9px;background:#e8eefb;border-radius:999px;overflow:hidden}.fake-progress span,.progress-line span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:inherit}.learning-card.floating{position:absolute;min-width:135px;text-align:center;padding:18px;border-radius:22px;animation:floatY 5s ease-in-out infinite}.learning-card.floating b{display:block;color:var(--primary);font-size:25px}.learning-card.one{top:38px;right:16px}.learning-card.two{bottom:70px;right:50px;animation-delay:.8s}.learning-card.three{left:40px;bottom:120px;animation-delay:1.5s}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}.rocket-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:-20px 5vw 38px;position:relative;z-index:2}.rocket-stats-strip div{background:#fff;border:1px solid rgba(31,79,255,.09);border-radius:24px;padding:22px;text-align:center;box-shadow:0 16px 40px rgba(17,32,78,.08)}.rocket-stats-strip b{display:block;font-size:34px;color:var(--primary);font-weight:900}.rocket-stats-strip span{color:#60708c;font-weight:800}.section-head.center{justify-content:center;text-align:center}.rocket-feature-band{background:linear-gradient(135deg,#0f48dd,#12b7e8);border-radius:38px;color:#fff;box-shadow:0 30px 70px rgba(23,88,190,.23);padding-top:50px!important;padding-bottom:50px!important}.rocket-feature-band p,.rocket-feature-band h2{color:#fff}.rocket-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rocket-feature-grid>div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:26px;padding:24px;backdrop-filter:blur(10px)}.rocket-feature-grid span{font-size:32px}.rocket-feature-grid h3{margin:10px 0 6px;font-size:20px}.rocket-feature-grid p{margin:0;line-height:1.8;color:rgba(255,255,255,.88)}.rocket-feature-grid.compact{grid-template-columns:repeat(2,1fr)}.rocket-feature-grid.compact>div{background:#fff;color:#10204c;border:1px solid rgba(31,79,255,.10)}.rocket-feature-grid.compact p{color:#68758d}.rocket-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.rocket-category-card{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:16px;background:#fff;border:1px solid rgba(31,79,255,.10);box-shadow:0 18px 46px rgba(17,32,78,.08);border-radius:28px;padding:16px;text-decoration:none;color:inherit;transition:.25s}.rocket-category-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(17,32,78,.13)}.rocket-category-card img{width:96px;height:74px;object-fit:cover;border-radius:20px}.rocket-category-card h3{margin:0;color:#10182f}.rocket-category-card p{margin:6px 0 0;color:#6a768f}.rocket-category-card>span{width:42px;height:42px;background:rgba(31,79,255,.08);color:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900}.rocket-courses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.rocket-course-card{background:#fff;border:1px solid rgba(31,79,255,.10);border-radius:30px;overflow:hidden;box-shadow:0 18px 48px rgba(17,32,78,.08);position:relative;transition:.25s}.rocket-course-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(17,32,78,.14)}.rocket-course-cover{display:block;position:relative;height:205px;overflow:hidden}.rocket-course-cover img{width:100%;height:100%;object-fit:cover;transition:.4s}.rocket-course-card:hover .rocket-course-cover img{transform:scale(1.06)}.rocket-type{position:absolute;top:14px;right:14px;background:#fff;color:var(--primary);padding:7px 12px;border-radius:999px;font-weight:900;font-size:12px}.rocket-course-body{padding:19px}.rocket-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}.rocket-meta span,.meta-row span,.pill{background:rgba(31,79,255,.08);color:var(--primary);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.rocket-course-body h3{margin:0 0 12px;font-size:20px;line-height:1.5}.rocket-course-body h3 a{text-decoration:none;color:#121a31}.rocket-teacher{display:flex;align-items:center;gap:10px;color:#516079;font-weight:800}.rocket-teacher img{width:36px;height:36px;border-radius:50%;object-fit:cover}.rocket-stats{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0;color:#63708a;font-weight:800;font-size:13px}.rocket-course-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(31,79,255,.08);padding-top:14px}.rocket-course-foot strong{font-size:18px;color:#10182f}.rocket-course-foot>div{display:flex;gap:8px}.wish-btn{position:absolute;top:14px;left:14px;background:#fff;border:0;border-radius:999px;width:38px;height:38px;box-shadow:0 10px 20px rgba(0,0,0,.10);font-size:20px;cursor:pointer;color:#ff3d71}.inline-form{display:inline}.rocket-instructor-card{background:#fff;border:1px solid rgba(31,79,255,.10);border-radius:30px;box-shadow:0 20px 50px rgba(17,32,78,.09);text-align:center;padding:0 22px 24px;overflow:hidden}.rocket-instructor-card .cover{height:90px;margin:0 -22px 0;background:linear-gradient(135deg,var(--primary),var(--accent))}.rocket-instructor-card img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-top:-48px;border:6px solid #fff;box-shadow:0 14px 30px rgba(17,32,78,.13)}.rocket-teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.rocket-cta{margin:50px 5vw;padding:42px;border-radius:34px;background:linear-gradient(135deg,#111b3d,#19357e);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 30px 70px rgba(15,31,80,.25)}.rocket-cta h2{margin:0;font-size:34px;color:#fff}.rocket-cta p{color:rgba(255,255,255,.80)}.rocket-market-hero{background:linear-gradient(135deg,#fff,#eef7ff);border:1px solid rgba(31,79,255,.08);box-shadow:0 20px 60px rgba(17,32,78,.08);border-radius:36px;margin:24px 5vw;padding:42px}.rocket-filter-card{margin:0 5vw 22px;background:#fff;border:1px solid rgba(31,79,255,.09);border-radius:26px;padding:14px;box-shadow:0 18px 44px rgba(17,32,78,.07)}.rocket-filter-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px}.rocket-filter-form input,.rocket-filter-form select,.review-form textarea,.review-form select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid rgba(31,79,255,.14);background:#fff;border-radius:16px;padding:12px 14px;font-family:inherit;outline:0}.rocket-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;margin:24px 5vw}.rocket-course-top-card{background:#fff;border:1px solid rgba(31,79,255,.10);box-shadow:0 20px 56px rgba(17,32,78,.09);border-radius:32px;overflow:hidden}.rocket-course-top-card .banner{width:100%;height:350px;object-fit:cover}.rocket-course-top-card .course-info{padding:26px}.rocket-course-sidebar{position:sticky;top:120px;align-self:start;background:#fff;border:1px solid rgba(31,79,255,.10);border-radius:30px;padding:22px;box-shadow:0 20px 56px rgba(17,32,78,.10);display:flex;flex-direction:column;gap:16px}.rocket-sidebar-list{display:grid;gap:11px;color:#506080;font-weight:800}.rocket-tab-panel{background:#fff;border:1px solid rgba(31,79,255,.10);border-radius:28px;padding:24px;box-shadow:0 18px 48px rgba(17,32,78,.07);margin-top:16px}.rocket-tabs{background:#fff;border:1px solid rgba(31,79,255,.10);box-shadow:0 14px 34px rgba(17,32,78,.07);border-radius:24px;padding:8px;margin-top:18px}.rocket-unit{border-radius:24px;overflow:hidden;border:1px solid rgba(31,79,255,.10);background:#fff;margin-bottom:14px}.certificate-box{margin-top:18px;background:linear-gradient(135deg,#fff7d2,#ffe39c);border:1px solid #ffd56b;border-radius:20px;padding:16px;color:#654a00}.review-form{display:grid;gap:12px;margin-bottom:18px}.review-form textarea{min-height:90px}.rocket-cart-layout{display:grid;grid-template-columns:1fr 330px;gap:24px;margin:24px 5vw}.cart-row{display:grid;grid-template-columns:110px 1fr auto auto;align-items:center;gap:16px;margin-bottom:14px}.cart-row img{width:110px;height:78px;object-fit:cover;border-radius:18px}.rocket-order-summary{position:sticky;top:120px;align-self:start}.summary-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(31,79,255,.09)}.rocket-checkout{margin:24px 5vw}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label{display:grid;gap:7px;font-weight:800}.form-grid .full{grid-column:1/-1}.student-dashboard-hero{margin:24px 5vw;padding:40px;border-radius:34px;background:linear-gradient(135deg,#fff,#eef7ff);box-shadow:0 20px 56px rgba(17,32,78,.08);display:flex;align-items:center;justify-content:space-between;gap:20px}.rocket-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 5vw 28px}.dash-tile{background:#fff;border:1px solid rgba(31,79,255,.10);border-radius:26px;padding:22px;text-decoration:none;color:#10182f;box-shadow:0 16px 42px rgba(17,32,78,.08)}.dash-tile b{display:block;font-size:32px;color:var(--primary)}.dash-tile span{font-weight:900;color:#63708a}.post-img{width:100%;height:170px;object-fit:cover;border-radius:22px;margin-bottom:12px}.post-hero-img{width:100%;height:340px;object-fit:cover;border-radius:24px}.single-post{margin:24px 5vw}.post-body{line-height:2;color:#34405a;font-size:17px}.certificate-card{background:linear-gradient(135deg,#fff,#fff7df);border-color:#ffd56b}.badge-status.active{background:rgba(34,197,94,.11)!important;color:#16803a!important}.btn-danger{background:#ff3d71!important;color:#fff!important}.admin-table{width:100%;border-collapse:collapse}.table-wrap{overflow:auto}
.dark.rocket-body{background:#0b1020;color:#e9eeff}.dark .rocket-hero:before,.dark .rocket-course-card,.dark .rocket-category-card,.dark .rocket-instructor-card,.dark .rocket-filter-card,.dark .rocket-course-sidebar,.dark .rocket-tab-panel,.dark .rocket-course-top-card,.dark .card,.dark .top-search,.dark .student-dashboard-hero,.dark .dash-tile,.dark .rocket-stats-strip div{background:#121a2f;border-color:rgba(255,255,255,.08);color:#e9eeff}.dark .rocket-hero h1,.dark .rocket-course-body h3 a,.dark .rocket-category-card h3,.dark .rocket-course-foot strong{color:#fff}.dark .rocket-hero p,.dark .muted,.dark .rocket-category-card p{color:#a9b4cf}
@media(max-width:1100px){.rocket-hero,.rocket-course-layout,.rocket-cart-layout{grid-template-columns:1fr}.rocket-course-sidebar,.rocket-order-summary{position:relative;top:auto}.top-search{display:none}.rocket-courses-grid{grid-template-columns:repeat(2,1fr)}.rocket-filter-form{grid-template-columns:1fr 1fr}.rocket-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.rocket-hero{padding:32px 18px;min-height:auto}.rocket-hero:before{inset:10px;border-radius:28px}.rocket-hero-visual{min-height:330px}.learning-card.floating{display:none}.rocket-stats-strip,.rocket-dashboard-grid{grid-template-columns:repeat(2,1fr);margin-left:18px;margin-right:18px}.rocket-courses-grid,.rocket-category-grid,.rocket-teacher-grid,.rocket-feature-grid,.rocket-feature-grid.compact{grid-template-columns:1fr}.rocket-filter-form,.form-grid{grid-template-columns:1fr}.rocket-course-layout,.rocket-cart-layout,.rocket-market-hero,.rocket-filter-card,.rocket-checkout,.student-dashboard-hero,.single-post{margin-left:18px;margin-right:18px}.rocket-cta{margin:28px 18px;display:block}.cart-row{grid-template-columns:88px 1fr}.cart-row strong,.cart-row form{grid-column:2}.rocket-course-top-card .banner{height:220px}.hero-search{flex-direction:column;align-items:stretch}.hero-search input{width:100%;padding:13px}.rocket-course-foot{align-items:flex-start;flex-direction:column}.rocket-course-foot>div{width:100%;justify-content:space-between}.rocket-announcement{font-size:11px}.rocket-nav.open{max-height:500px}}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;line-height:1;vertical-align:middle}.stitch-body{background:#f5fafc;color:#171c1e;font-family:'Cairo',system-ui,sans-serif}.stitch-body:before,.stitch-body:after{display:none}.stitch-shell{background:linear-gradient(180deg,#fff 0%,#f5fafc 48%,#fff 100%);min-height:100vh}.stitch-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(90,169,194,.16);box-shadow:0 8px 26px rgba(12,35,55,.06)}.stitch-header-inner{width:min(1240px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px}.stitch-brand{display:flex;align-items:center;gap:10px;min-width:max-content;color:#172333}.brand-logo-img{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--primary));box-shadow:0 10px 24px rgba(90,169,194,.22);color:#fff;font-size:20px;font-weight:900}.brand-logo-img img{width:100%;height:100%;object-fit:cover}.brand-text b{display:block;font-size:18px;line-height:1.15}.brand-text small{display:block;color:#6f797d;font-size:11px;margin-top:2px}.stitch-nav{display:flex;align-items:center;gap:4px}.stitch-nav a{font-weight:800;font-size:14px;color:#3f484c;padding:10px 12px;border-radius:15px;transition:.22s}.stitch-nav a:hover{background:#eaf7fb;color:var(--primary)}.stitch-actions{display:flex;align-items:center;gap:8px}.stitch-icon-btn{width:42px;height:42px;border-radius:15px;border:1px solid rgba(90,169,194,.16);background:#fff;color:var(--primary);display:grid;place-items:center;position:relative;cursor:pointer;box-shadow:0 7px 18px rgba(17,42,65,.05)}.stitch-icon-btn em{position:absolute;top:-6px;left:-6px;background:#ffda55;color:#172333;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center;font-size:10px;font-weight:900;font-style:normal}.stitch-login-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:10px 14px;background:var(--primary);color:#fff;font-weight:900;box-shadow:0 10px 20px rgba(90,169,194,.24)}.stitch-login-btn.ghost{background:#eef8fb;color:var(--primary);box-shadow:none}.stitch-profile-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(90,169,194,.16);padding:6px 10px;border-radius:18px;font-weight:900;color:#172333}.stitch-profile-chip img{width:34px;height:34px;border-radius:50%;object-fit:cover}.stitch-menu-btn{display:none;width:42px;height:42px;border:0;border-radius:14px;background:#eef8fb;color:var(--primary)}.stitch-main{width:min(1240px,calc(100% - 32px));margin:0 auto;padding-bottom:0}.stitch-hero{position:relative;min-height:560px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:52px 0 72px;overflow:visible}.stitch-hero-content{text-align:right;max-width:630px}.stitch-kicker{display:inline-flex;align-items:center;gap:8px;background:#eef8fb;color:#326a76;border:1px solid rgba(90,169,194,.18);padding:8px 13px;border-radius:999px;font-weight:900;font-size:13px}.stitch-hero h1{margin:18px 0 8px;font-size:clamp(38px,6vw,72px);line-height:1.08;color:var(--primary);letter-spacing:-1px;font-weight:900}.stitch-hero .hero-subject{margin:0 0 14px;color:#162333;font-size:22px;font-weight:900}.stitch-hero .hero-desc{font-size:18px;line-height:1.95;color:#5d6c77;margin:0;max-width:640px}.stitch-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.stitch-primary-btn,.stitch-secondary-btn{border-radius:18px;padding:13px 20px;display:inline-flex;align-items:center;gap:8px;font-weight:900;transition:.24s}.stitch-primary-btn{background:linear-gradient(135deg,var(--primary),#347f94);color:#fff;box-shadow:0 16px 34px rgba(90,169,194,.32)}.stitch-secondary-btn{background:#fff;color:var(--primary);border:1px solid rgba(90,169,194,.24);box-shadow:0 10px 24px rgba(19,45,65,.06)}.stitch-primary-btn:hover,.stitch-secondary-btn:hover{transform:translateY(-3px)}.stitch-hero-visual{min-height:420px;position:relative;display:grid;place-items:center}.stitch-blob{position:absolute;width:min(420px,78vw);height:min(420px,78vw);border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;background:linear-gradient(135deg,#b1e9f6 0%,var(--primary) 100%);animation:stitchMorph 8s ease-in-out infinite;box-shadow:0 30px 80px rgba(90,169,194,.22)}@keyframes stitchMorph{0%{border-radius:42% 58% 70% 30% / 45% 45% 55% 55%}50%{border-radius:70% 30% 46% 54% / 30% 29% 71% 70%}100%{border-radius:42% 58% 70% 30% / 45% 45% 55% 55%}}.hero-person-img{position:relative;z-index:2;max-width:min(360px,72vw);max-height:430px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(20,45,62,.16))}.hero-placeholder-card{position:relative;z-index:2;width:min(340px,75vw);min-height:245px;border-radius:38px;background:rgba(255,255,255,.70);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);box-shadow:0 20px 55px rgba(30,70,90,.13);display:grid;place-items:center;text-align:center;padding:28px;color:#162333}.hero-placeholder-card .material-symbols-outlined{font-size:58px;color:var(--primary)}.hero-placeholder-card b{display:block;font-size:22px}.hero-placeholder-card small{color:#60717b;font-weight:700}.stitch-floating-card{position:absolute;right:24px;bottom:26px;z-index:4;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(14px);border-radius:22px;padding:14px 16px;box-shadow:0 16px 34px rgba(17,42,65,.11);animation:stitchFloat 4s ease-in-out infinite}.stitch-floating-card>span{width:42px;height:42px;border-radius:15px;background:var(--primary);color:#fff;display:grid;place-items:center}.stitch-floating-card b{display:block;color:#162333}.stitch-floating-card small{color:#5d6c77;font-weight:800}@keyframes stitchFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.stitch-wave{width:100vw;margin-right:calc(50% - 50vw);line-height:0;fill:#b1e9f6}.stitch-wave svg{width:100%;height:94px;display:block}.bottom-wave{transform:rotate(180deg);margin-top:-1px}.stitch-features-section{width:100vw;margin-right:calc(50% - 50vw);background:linear-gradient(135deg,#5aa9c2,#67bdd2);padding:58px max(20px,calc((100vw - 1180px)/2)) 68px;position:relative;color:#fff}.stitch-section-title{text-align:center;margin-bottom:30px}.stitch-section-title h2{margin:0;font-size:32px;line-height:1.35;color:#162333;font-weight:900}.stitch-section-title p{margin:8px 0 0;color:#6a7783;font-weight:700}.stitch-section-title.light h2,.stitch-section-title.light p{color:#fff}.stitch-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;width:min(1040px,calc(100% - 30px));margin:auto}.stitch-feature-grid article{background:rgba(35,76,92,.32);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:26px;text-align:center;box-shadow:0 18px 45px rgba(22,70,88,.12);transition:.25s}.stitch-feature-grid article:hover{transform:translateY(-6px);background:rgba(35,76,92,.42)}.feature-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:999px;background:#a83243;color:#ffd84a;display:grid;place-items:center;box-shadow:0 0 0 9px rgba(255,216,74,.18)}.feature-icon .material-symbols-outlined{font-size:32px}.stitch-feature-grid h3{font-size:19px;margin:0 0 8px}.stitch-feature-grid p{margin:0;line-height:1.8;color:rgba(255,255,255,.88)}.stitch-section{padding:58px 0}.stitch-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.stitch-section-title.left{text-align:right;margin:0}.stitch-link-btn{display:inline-flex;align-items:center;gap:5px;background:#eef8fb;color:var(--primary);border-radius:15px;padding:10px 15px;font-weight:900}.stitch-grade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}.stitch-grade-card{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 16px 34px rgba(17,42,65,.12);transition:.25s;color:inherit;min-height:224px}.stitch-grade-card:hover{transform:translateY(-7px);box-shadow:0 25px 54px rgba(17,42,65,.16)}.grade-top{height:132px;position:relative;overflow:hidden;background:linear-gradient(135deg,#5b31e6,#241b93)}.stitch-grade-card.g2 .grade-top{background:linear-gradient(135deg,#b93133,#55171c)}.stitch-grade-card.g3 .grade-top{background:linear-gradient(135deg,#6b4a16,#20170a)}.stitch-grade-card.g4 .grade-top{background:linear-gradient(135deg,#00cbb7,#00675d)}.grade-number{position:absolute;left:12px;top:-22px;font-size:120px;line-height:1;color:rgba(255,255,255,.18);font-weight:900;letter-spacing:-6px}.grade-top img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;mix-blend-mode:screen}.grade-info{position:relative;margin:-18px 12px 12px;background:#fff;border-radius:8px;padding:16px 16px 18px;box-shadow:0 14px 25px rgba(12,35,55,.10);text-align:right}.grade-info h3{font-size:15px;margin:0;color:#152335;font-weight:900}.grade-line{height:2px;background:var(--primary);margin:11px 0}.grade-info p{margin:0;color:#6f797d;font-size:12px;line-height:1.7}.stitch-empty-state{border:1px dashed rgba(90,169,194,.35);background:#fff;border-radius:24px;padding:42px;text-align:center;box-shadow:0 14px 35px rgba(17,42,65,.05);color:#5d6c77}.stitch-empty-state .material-symbols-outlined{display:block;font-size:56px;color:var(--primary);opacity:.7;margin-bottom:12px}.stitch-empty-state b{display:block;font-size:20px;color:#162333;margin-bottom:6px}.stitch-courses-zone{background:#f6fbfd;border-radius:34px;padding:44px 32px;margin-top:20px}.stitch-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.stitch-course-card{background:#fff;border:1px solid rgba(90,169,194,.12);border-radius:28px;overflow:hidden;box-shadow:0 18px 45px rgba(17,42,65,.08);transition:.25s}.stitch-course-card:hover{transform:translateY(-7px);box-shadow:0 26px 62px rgba(17,42,65,.14)}.stitch-course-image{height:205px;position:relative;display:block;overflow:hidden;background:#eaf7fb}.stitch-course-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.stitch-course-card:hover .stitch-course-image img{transform:scale(1.06)}.stitch-course-image span{position:absolute;top:14px;right:14px;background:#fff;color:var(--primary);border-radius:999px;padding:7px 12px;font-weight:900;font-size:12px}.stitch-course-body{padding:18px;text-align:right}.stitch-course-body h3{margin:0 0 12px;font-size:20px;line-height:1.5}.stitch-course-body h3 a{color:#162333}.course-teacher-row{display:flex;align-items:center;gap:9px;color:#52626d;font-weight:800}.course-teacher-row img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#eaf7fb}.stitch-course-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;color:#52626d}.stitch-course-meta span{font-size:12px;font-weight:900;background:#eef8fb;color:#326a76;border-radius:999px;padding:6px 9px}.stitch-course-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ecf2f4;padding-top:14px}.stitch-course-foot strong{color:#162333;font-size:18px}.stitch-small-btn{background:var(--primary);color:#fff;border-radius:14px;padding:9px 13px;font-weight:900}.stitch-teacher-scroll{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px}.stitch-teacher-card{flex:0 0 240px;scroll-snap-align:start;text-align:center}.stitch-teacher-card img{width:220px;height:220px;object-fit:cover;border-radius:34px;background:#eaf7fb;border:2px solid transparent;transition:.25s;box-shadow:0 16px 35px rgba(17,42,65,.1)}.stitch-teacher-card:hover img{border-color:var(--primary);transform:translateY(-5px)}.stitch-teacher-card h3{margin:14px 0 4px;color:#162333;font-size:20px}.stitch-teacher-card p{margin:0;color:#60717b;font-weight:800}.stitch-stats{margin:24px 0 58px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stitch-stats div{background:#fff;border:1px solid rgba(90,169,194,.14);border-radius:24px;padding:22px;text-align:center;box-shadow:0 16px 35px rgba(17,42,65,.07)}.stitch-stats b{display:block;font-size:34px;color:var(--primary)}.stitch-stats span{font-weight:900;color:#60717b}.stitch-footer-wave{width:100vw;margin-right:calc(50% - 50vw);line-height:0;fill:#20262a}.stitch-footer-wave svg{display:block;width:100%;height:90px}.stitch-footer{width:100vw;margin-right:calc(50% - 50vw);background:#20262a;color:#ecf2f4;padding:46px max(20px,calc((100vw - 1180px)/2)) 28px;text-align:right}.stitch-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:34px}.stitch-footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}.stitch-footer-brand span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:900}.stitch-footer p,.stitch-footer span{color:#bec8cc;line-height:1.9}.stitch-footer h4{margin:0 0 14px;color:#fff}.stitch-footer a{display:block;color:#d9e4e8;margin:8px 0;transition:.2s}.stitch-footer a:hover{color:#b1e9f6}.stitch-socials{display:flex;gap:10px;margin-top:12px}.stitch-socials a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);margin:0}.stitch-copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:20px;color:#bec8cc;font-size:13px}.stitch-support-fab{position:fixed;left:22px;bottom:82px;z-index:70;width:56px;height:56px;background:var(--primary);color:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 18px 36px rgba(90,169,194,.34)}.stitch-mobile-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-top:1px solid rgba(90,169,194,.14)}.stitch-mobile-nav a{color:#52626d}.stitch-mobile-nav .material-symbols-outlined{display:block;font-size:22px}.stitch-mobile-nav small{font-size:11px;font-weight:800}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease}.reveal.in-view{opacity:1;transform:none}.dark.stitch-body,.dark .stitch-shell{background:#0b1020;color:#e9eeff}.dark .stitch-header{background:rgba(13,20,35,.88);border-color:rgba(255,255,255,.08)}.dark .stitch-nav a,.dark .brand-text b,.dark .stitch-profile-chip,.dark .stitch-hero .hero-subject,.dark .stitch-section-title h2,.dark .grade-info h3,.dark .stitch-empty-state b,.dark .stitch-course-body h3 a,.dark .stitch-course-foot strong,.dark .stitch-teacher-card h3{color:#fff}.dark .brand-text small,.dark .stitch-hero .hero-desc,.dark .stitch-section-title p,.dark .grade-info p,.dark .stitch-empty-state,.dark .course-teacher-row,.dark .stitch-course-meta,.dark .stitch-teacher-card p,.dark .stitch-stats span{color:#a9b4cf}.dark .stitch-icon-btn,.dark .stitch-profile-chip,.dark .stitch-secondary-btn,.dark .grade-info,.dark .stitch-empty-state,.dark .stitch-course-card,.dark .stitch-stats div{background:#121a2f;border-color:rgba(255,255,255,.08)}.dark .stitch-courses-zone{background:#10182d}.dark .stitch-login-btn.ghost,.dark .stitch-link-btn,.dark .stitch-course-meta span{background:#17233d}.dark .stitch-mobile-nav{background:rgba(13,20,35,.92);border-color:rgba(255,255,255,.08)}@media(max-width:1050px){.stitch-header-inner{flex-wrap:wrap}.stitch-menu-btn{display:grid;place-items:center}.stitch-nav{display:none;width:100%;order:5;flex-direction:column;align-items:stretch;background:#fff;border:1px solid rgba(90,169,194,.13);border-radius:20px;padding:10px}.stitch-nav.open{display:flex}.dark .stitch-nav{background:#121a2f}.stitch-actions{margin-right:auto}.stitch-login-btn,.stitch-profile-chip span{display:none}.stitch-hero{grid-template-columns:1fr;gap:10px;text-align:center;padding-top:34px}.stitch-hero-content{text-align:center;margin:auto}.stitch-hero-actions{justify-content:center}.stitch-hero-visual{min-height:340px}.stitch-grade-grid{grid-template-columns:repeat(2,1fr)}.stitch-course-grid{grid-template-columns:repeat(2,1fr)}.stitch-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.stitch-header-inner{width:min(100% - 20px,1240px);min-height:64px}.brand-text small{display:none}.stitch-actions{gap:5px}.stitch-icon-btn{width:38px;height:38px}.stitch-main{width:min(100% - 22px,1240px)}.stitch-hero{min-height:auto;padding:28px 0 46px}.stitch-hero h1{font-size:38px}.stitch-hero .hero-subject{font-size:18px}.stitch-hero .hero-desc{font-size:15px}.stitch-primary-btn,.stitch-secondary-btn{width:100%;justify-content:center}.stitch-floating-card{right:0;bottom:10px}.stitch-feature-grid,.stitch-grade-grid,.stitch-course-grid,.stitch-stats{grid-template-columns:1fr}.stitch-features-section{padding-top:44px;padding-bottom:48px}.stitch-section{padding:42px 0}.stitch-section-head{align-items:start;flex-direction:column}.stitch-courses-zone{padding:32px 18px;border-radius:24px}.stitch-footer-grid{grid-template-columns:1fr}.stitch-support-fab{bottom:92px}.stitch-wave svg,.stitch-footer-wave svg{height:64px}.stitch-teacher-card{flex-basis:210px}.stitch-teacher-card img{width:200px;height:200px}}
/* Protected learning player */
.custom-video-shell{user-select:none;-webkit-user-select:none;background:#061326;border-radius:30px;overflow:hidden;position:relative}
.custom-video-frame iframe,.custom-video-frame #yt-player iframe{pointer-events:none!important}
.video-click-shield{position:absolute;inset:0;z-index:3;border:0;background:transparent;cursor:pointer}
.browser-fs-close{display:none;position:absolute;top:18px;left:18px;z-index:9;width:42px;height:42px;border:0;border-radius:14px;background:rgba(0,0,0,.48);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.custom-player-controls{z-index:8;display:grid;gap:8px;inset:auto 12px 12px 12px;padding:10px 12px;border-radius:20px;background:linear-gradient(180deg,rgba(8,20,38,.42),rgba(8,20,38,.72));backdrop-filter:blur(18px)}
.player-progress-wrap{width:100%}
.player-controls-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.player-control-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.custom-player-controls button,.custom-player-controls select{min-height:38px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.13);color:#fff;border-radius:14px;padding:7px 10px;font-weight:800;cursor:pointer}
.custom-player-controls button{width:42px;display:grid;place-items:center}
.custom-player-controls .material-symbols-outlined{font-size:22px}
.custom-player-controls select option{color:#101827}
.custom-player-controls input[type="range"]{accent-color:var(--primary);height:6px;padding:0;border:0;background:transparent;box-shadow:none}
#videoSeek{width:100%}.player-time{font-weight:800;color:#dbeafe;font-variant-numeric:tabular-nums;min-width:118px;text-align:center}.player-control-selects input[type="range"]{width:86px}
.player-browser-fullscreen{position:fixed!important;inset:0!important;z-index:99999!important;border-radius:0!important;width:100vw!important;height:100vh!important;max-width:none!important;background:#020915!important}
.player-browser-fullscreen .custom-video-frame{height:100vh!important;aspect-ratio:auto!important}
.player-browser-fullscreen .browser-fs-close{display:grid;place-items:center}
.player-theater-mode{width:100%;max-width:none}.learning-player-page:has(.player-theater-mode){grid-template-columns:1fr}.learning-player-page:has(.player-theater-mode) .lesson-sidebar{display:none}
@media(max-width:760px){.player-controls-row{display:grid;grid-template-columns:1fr}.player-control-group{justify-content:center}.player-control-selects select{max-width:88px}.player-time{min-width:auto;width:100%}.custom-player-controls{inset:auto 8px 8px 8px}.custom-player-controls button{width:38px}.player-control-selects input[type="range"]{width:74px}}
/* V8 visual refinement: SVG icons, controllable header/footer, natural video frame */
.svg-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;flex:0 0 auto}.stitch-icon-btn .svg-icon,.stitch-menu-btn .svg-icon{width:21px;height:21px}.stitch-login-btn .svg-icon{margin-left:6px}.stitch-primary-btn .svg-icon,.stitch-kicker .svg-icon,.stitch-link-btn .svg-icon{margin-left:8px}.feature-icon .svg-icon{width:34px;height:34px}.stitch-empty-state .svg-icon{width:48px;height:48px;margin:auto auto 12px;color:var(--primary)}
.refined-header{top:0;border-radius:0;border-right:0;border-left:0;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:0 8px 24px rgba(20,45,70,.06)}.refined-header .stitch-header-inner{min-height:74px}.stitch-nav a{position:relative}.stitch-nav a:after{content:"";position:absolute;right:14px;left:14px;bottom:5px;height:2px;background:var(--primary);border-radius:99px;transform:scaleX(0);transition:.25s}.stitch-nav a:hover:after{transform:scaleX(1)}.stitch-login-btn,.stitch-icon-btn{transition:.22s}.stitch-icon-btn:hover,.stitch-login-btn:hover{transform:translateY(-2px)}
.refined-footer a{display:flex;align-items:center;gap:8px}.refined-footer a .svg-icon{width:18px;height:18px;color:#b1e9f6}.refined-socials a{display:grid!important;place-items:center}.refined-socials a .svg-icon{margin:0;width:18px;height:18px}.refined-mobile-nav .svg-icon{display:block;width:22px;height:22px;margin:0 auto 3px}.stitch-support-fab .svg-icon{width:25px;height:25px}.brand-logo-img .svg-icon{width:24px;height:24px}.hero-placeholder-card .hero-empty-icon{width:62px;height:62px;color:var(--primary);margin:0 auto 12px}.stitch-floating-card>.svg-icon{width:30px;height:30px;color:var(--primary)}
.design-control-form h3{grid-column:1/-1;margin:28px 0 6px;padding:13px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(90,169,194,.12),rgba(174,230,243,.2));color:#163044}.design-control-form .inline-check{display:flex;align-items:center;gap:8px;margin-top:8px;color:#64748b;font-weight:800}.design-control-form input[type="checkbox"]{width:auto}.design-control-form textarea{min-height:90px}
.icon-list span{display:flex!important;align-items:center;gap:8px}.icon-list .svg-icon{width:18px;height:18px;color:var(--primary)}.rocket-feature-grid div>span .svg-icon{width:32px;height:32px;color:var(--primary)}
.custom-video-shell{border-radius:26px!important;background:#030914!important;box-shadow:0 18px 48px rgba(3,9,20,.28)!important;border:1px solid rgba(255,255,255,.08)!important}.custom-video-frame{background:#02060d}.custom-video-frame:after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(0deg,rgba(2,6,13,.82),rgba(2,6,13,0));z-index:4;pointer-events:none}.video-click-shield{z-index:5}.watermark{z-index:6}.browser-fs-close{z-index:13;background:rgba(0,0,0,.46);color:#fff;border:1px solid rgba(255,255,255,.15)}
.natural-player-controls{z-index:12!important;display:block!important;position:absolute!important;inset:auto 18px 18px 18px!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;border-radius:0!important}.natural-player-controls .player-progress-wrap{position:relative;margin:0 0 10px}.natural-player-controls #videoSeek{width:100%;height:5px;accent-color:var(--primary);cursor:pointer;filter:drop-shadow(0 1px 6px rgba(0,0,0,.35))}.natural-player-controls .player-controls-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important;padding:10px 12px;border-radius:18px;background:rgba(10,18,30,.62);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 32px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.natural-player-controls .player-control-group{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.natural-player-controls button,.natural-player-controls select{height:38px!important;min-height:38px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.1)!important;color:#fff!important;font-weight:800!important;box-shadow:none!important;padding:0 10px!important}.natural-player-controls button{width:38px!important;padding:0!important;display:grid!important;place-items:center!important}.natural-player-controls button .svg-icon{width:20px;height:20px}.natural-player-controls select{width:auto!important;max-width:118px!important;min-width:82px!important;font-size:12px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%)!important;background-position:calc(100% - 14px) 16px,calc(100% - 9px) 16px!important;background-size:5px 5px!important;background-repeat:no-repeat!important;padding:0 24px 0 10px!important}.natural-player-controls select option{color:#111827}.natural-player-controls .player-time{min-width:108px;color:#f4f7fb;font-size:13px;font-weight:900;text-align:center;direction:ltr}.natural-player-controls #volumeRange{width:74px;height:4px}.icon-pause,.icon-mute{display:none}.is-playing .icon-play{display:none}.is-playing .icon-pause{display:inline-block}.is-muted .icon-volume{display:none}.is-muted .icon-mute{display:inline-block}.player-theater-mode{max-width:1180px;margin:auto}.player-browser-fullscreen .natural-player-controls{inset:auto 16px max(16px,env(safe-area-inset-bottom)) 16px!important}.player-browser-fullscreen .custom-video-frame:after{height:42%}
@media(max-width:820px){.natural-player-controls{inset:auto 10px 10px 10px!important}.natural-player-controls .player-controls-row{gap:8px!important;padding:8px!important;overflow-x:auto;justify-content:flex-start!important}.natural-player-controls .player-time{min-width:92px;font-size:12px}.natural-player-controls button{width:36px!important;height:36px!important;min-height:36px!important}.natural-player-controls select{height:36px!important;min-height:36px!important;min-width:76px!important}.natural-player-controls #volumeRange{display:none}.player-control-selects{margin-right:auto}.stitch-header{top:0}.stitch-actions{gap:4px}.stitch-brand{min-width:0}.brand-text b{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:560px){.natural-player-controls .player-control-group{gap:5px}.natural-player-controls .player-time{order:10;min-width:86px}.natural-player-controls select{max-width:82px!important}.custom-video-shell{border-radius:18px!important}.stitch-login-btn.ghost{display:none!important}}
.dark .refined-header{background:rgba(13,20,35,.9)}.dark .design-control-form h3{background:rgba(90,169,194,.12);color:#e9f6ff}.dark .natural-player-controls .player-controls-row{background:rgba(5,12,24,.7)}
/* V9: full visual control, natural player, cleaner platform pages */
:root{--radius-xl:30px;--radius-lg:22px;--soft-border:rgba(90,169,194,.16);--soft-shadow:0 18px 50px rgba(22,35,51,.10);--panel-bg:rgba(255,255,255,.92)}
body{background:linear-gradient(180deg,#fff 0%,#f7fcfe 48%,#fff 100%)}
.main-content,.stitch-main{padding-top:26px}.card,.admin-card,.course-panel,.rocket-course-top-card,.rocket-course-sidebar,.table-wrap,.auth-card,.lesson-sidebar{border:1px solid var(--soft-border);border-radius:var(--radius-lg);background:var(--panel-bg);box-shadow:var(--soft-shadow);backdrop-filter:blur(10px)}
.admin-card,.course-panel{padding:22px}.table-wrap{overflow:hidden}.table-wrap table{border-collapse:separate;border-spacing:0;width:100%}.table-wrap th{background:#f0f9fc;color:#16324c;font-weight:900}.table-wrap td,.table-wrap th{padding:14px;border-bottom:1px solid rgba(90,169,194,.12)}
.form-row label{font-weight:900;color:#142333;margin-bottom:8px}.form-row input,.form-row textarea,.form-row select,.admin-card input,.admin-card textarea,.admin-card select{border:1px solid rgba(90,169,194,.20);background:#fff;border-radius:15px;min-height:46px;padding:10px 13px;outline:none;transition:.2s}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(90,169,194,.13)}
.section-head h1,.section-head h2,.course-info h1{letter-spacing:-.02em}.btn{border-radius:14px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn .svg-icon,.stitch-login-btn .svg-icon,.stitch-icon-btn .svg-icon{width:19px;height:19px}.empty-state{display:grid;place-items:center;min-height:120px;text-align:center;border:1px dashed rgba(90,169,194,.35);background:linear-gradient(135deg,#f8fdff,#eef9fc);border-radius:20px;color:#607186;font-weight:800}
.rocket-course-layout{align-items:start}.rocket-course-top-card{overflow:hidden}.rocket-course-top-card .banner{border-radius:18px;object-fit:cover}.course-summary-line{font-size:16px;line-height:1.9}.course-description-content{font-size:16px;line-height:2;color:#25384f}.rocket-tabs{background:#eef9fc;border:1px solid rgba(90,169,194,.14);padding:8px;border-radius:18px;box-shadow:0 10px 24px rgba(90,169,194,.08)}.rocket-tabs .tab-btn{border:0;background:transparent;border-radius:13px;padding:12px 16px;font-weight:900;color:#607186}.rocket-tabs .tab-btn.active{background:#fff;color:var(--primary);box-shadow:0 8px 22px rgba(90,169,194,.15)}
.rocket-sidebar-list span,.icon-list span{border-radius:15px;background:#f7fbfd;border:1px solid rgba(90,169,194,.12);padding:11px 12px}.price-box{border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;text-align:center;padding:20px;font-weight:1000;font-size:26px}
.lesson-sidebar{padding:14px}.sidebar-lesson{border-radius:16px;border:1px solid rgba(90,169,194,.14);background:#fff;margin-bottom:10px;transition:.2s}.sidebar-lesson:hover,.sidebar-lesson.active{transform:translateY(-2px);box-shadow:0 12px 26px rgba(90,169,194,.16)}
/* Natural protected video player */
.custom-video-shell{position:relative!important;background:#050b14!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 22px 60px rgba(3,9,20,.25)!important;border:1px solid rgba(255,255,255,.10)!important}.custom-video-frame{position:relative;aspect-ratio:16/9;min-height:260px;background:#02060d!important}.custom-video-frame #yt-player,.custom-video-frame iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important}.custom-video-frame iframe,.custom-video-frame #yt-player iframe{pointer-events:none!important}.video-click-shield{position:absolute!important;inset:0!important;z-index:5!important;background:transparent!important;border:0!important;cursor:pointer!important}.custom-video-frame:after{content:"";position:absolute;inset:auto 0 0 0;height:32%;background:linear-gradient(0deg,rgba(2,6,13,.72),rgba(2,6,13,0));z-index:6;pointer-events:none}.watermark{z-index:7!important;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.18);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.v9-player-controls{position:absolute!important;z-index:12!important;left:16px!important;right:16px!important;bottom:14px!important;top:auto!important;padding:0!important;background:transparent!important;border:0!important;backdrop-filter:none!important;display:block!important}.v9-player-controls .player-progress-wrap{margin-bottom:8px;padding:0 4px}.v9-player-controls #videoSeek{width:100%;height:4px;accent-color:#fff;cursor:pointer;filter:drop-shadow(0 1px 4px rgba(0,0,0,.55))}.v9-player-controls .player-controls-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:nowrap!important;width:100%;padding:8px 10px!important;border-radius:17px!important;background:rgba(5,12,23,.58)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;backdrop-filter:blur(14px)!important}.v9-player-controls .player-control-group{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.v9-player-controls button,.v9-player-controls select{height:34px!important;min-height:34px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-weight:900!important;box-shadow:none!important}.v9-player-controls button{width:34px!important;padding:0!important;display:grid!important;place-items:center!important}.v9-player-controls button .svg-icon{width:18px;height:18px}.v9-player-controls select{width:auto!important;min-width:72px!important;max-width:100px!important;font-size:12px!important;padding:0 10px!important;appearance:auto!important}.v9-player-controls select option{color:#111827}.v9-player-controls .player-time{font-size:12px!important;min-width:94px!important;color:#f7fbff!important;font-weight:900;text-align:center;direction:ltr}.v9-player-controls #volumeRange{width:64px!important;height:4px!important}.browser-fs-close{display:none;position:absolute;top:18px;left:18px;z-index:30;width:42px;height:42px;border-radius:14px;background:rgba(2,6,13,.66);border:1px solid rgba(255,255,255,.16);color:#fff}.browser-fs-close .svg-icon{width:20px;height:20px}.player-browser-fullscreen{position:fixed!important;inset:0!important;z-index:99999!important;width:100vw!important;height:100vh!important;border-radius:0!important}.player-browser-fullscreen .custom-video-frame{height:100vh!important;aspect-ratio:auto!important}.player-browser-fullscreen .browser-fs-close{display:grid!important;place-items:center!important}.player-browser-fullscreen .v9-player-controls{bottom:max(14px,env(safe-area-inset-bottom))!important}.icon-pause,.icon-mute{display:none}.is-playing .icon-play{display:none}.is-playing .icon-pause{display:inline-block}.is-muted .icon-volume{display:none}.is-muted .icon-mute{display:inline-block}
@media(max-width:820px){.v9-player-controls{left:10px!important;right:10px!important;bottom:10px!important}.v9-player-controls .player-controls-row{overflow-x:auto;justify-content:flex-start!important;padding:7px!important}.v9-player-controls .player-time{min-width:84px!important}.v9-player-controls button{width:32px!important;height:32px!important;min-height:32px!important}.v9-player-controls select{min-width:66px!important;max-width:82px!important}.v9-player-controls #volumeRange{display:none!important}.custom-video-shell{border-radius:18px!important}.custom-video-frame{min-height:220px}.rocket-course-layout,.player-layout{grid-template-columns:1fr!important}}
.dark .card,.dark .admin-card,.dark .course-panel,.dark .rocket-course-top-card,.dark .rocket-course-sidebar,.dark .table-wrap,.dark .auth-card,.dark .lesson-sidebar{background:rgba(18,26,47,.94);border-color:rgba(255,255,255,.08)}.dark .form-row input,.dark .form-row textarea,.dark .form-row select,.dark .admin-card input,.dark .admin-card textarea,.dark .admin-card select{background:#0f172a;color:#fff;border-color:rgba(255,255,255,.10)}.dark .table-wrap th,.dark .empty-state,.dark .rocket-tabs{background:#101b31;color:#dce9f5}.dark .rocket-sidebar-list span,.dark .icon-list span,.dark .sidebar-lesson{background:#121d35;border-color:rgba(255,255,255,.08)}
.v9-player-controls.expanded-controls .player-controls-row{padding:12px 14px!important}.v9-player-controls.expanded-controls button{width:40px!important;height:40px!important;min-height:40px!important}.v9-player-controls.expanded-controls select{height:40px!important;min-height:40px!important}.v9-player-controls.expanded-controls .player-time{font-size:14px!important;min-width:112px!important}
/* V10 comfort, animation and security polish */
:root{--soft-shadow:0 18px 55px rgba(22,35,51,.10);--section-gap:clamp(42px,7vw,92px)}
.security-toast{position:fixed;right:50%;transform:translateX(50%) translateY(20px);bottom:24px;z-index:99999;background:rgba(22,35,51,.94);color:#fff;padding:13px 20px;border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.24);opacity:0;pointer-events:none;transition:.25s ease;font-weight:800}.security-toast.show{opacity:1;transform:translateX(50%) translateY(0)}
[data-inspect-protection="1"] img,[data-inspect-protection="1"] video{-webkit-user-drag:none;user-select:none}
.stitch-main{overflow:hidden}.stitch-section{padding-block:var(--section-gap)}
.stitch-wave{height:94px;overflow:hidden;position:relative;margin:-1px 0}.stitch-wave svg{display:block;width:200%;height:100%;will-change:transform}.stitch-wave path{fill:var(--primary)}
body[data-animated-dividers="1"] .stitch-wave svg{animation:waveDrift 12s ease-in-out infinite alternate}body[data-animated-dividers="1"] .bottom-wave svg{animation-duration:15s;animation-direction:alternate-reverse}
@keyframes waveDrift{0%{transform:translateX(0) scaleY(1)}50%{transform:translateX(4%) scaleY(1.05)}100%{transform:translateX(-4%) scaleY(.98)}}
body[data-scroll-animation="1"] .reveal{opacity:0;transform:translateY(26px) scale(.985);filter:blur(3px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1),filter .72s ease;transition-delay:var(--reveal-delay,0ms)}
body[data-scroll-animation="1"] .reveal.in-view{opacity:1;transform:none;filter:none}.reveal.in-view{will-change:auto}
@media (prefers-reduced-motion:reduce){.reveal,.stitch-wave svg,.learning-card.floating{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;filter:none!important}}
.stitch-feature-grid>article,.stitch-grade-card,.stitch-course-card,.stitch-teacher-card,.rocket-course-card,.card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.stitch-feature-grid>article:hover,.stitch-grade-card:hover,.stitch-course-card:hover,.stitch-teacher-card:hover,.rocket-course-card:hover{transform:translateY(-7px);box-shadow:0 24px 70px rgba(22,35,51,.14)}
.protected-player{position:relative;overflow:hidden}.protected-player .player-overlay{transition:opacity .28s ease,transform .28s ease,visibility .28s ease}.protected-player[data-auto-hide="1"].is-playing:not(.controls-visible):not(:hover) .player-overlay{opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none}.protected-player[data-auto-hide="1"].is-playing:not(.controls-visible):not(:hover){cursor:none}.protected-player .player-progress-wrap{transition:opacity .25s ease}.natural-player-controls{background:linear-gradient(180deg,rgba(7,14,25,0),rgba(7,14,25,.72));padding:18px!important;align-items:stretch!important}.player-controls-row{gap:14px}.player-round-btn{backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.13)!important}.player-round-btn:hover{background:rgba(255,255,255,.22)!important;transform:translateY(-1px)}.player-control-selects select,.player-control-selects input[type=range]{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.20)!important;color:#fff!important;border-radius:14px!important}.review-admin-reply{margin-top:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(90,169,194,.12),rgba(174,230,243,.22));border:1px solid rgba(90,169,194,.18)}.review-admin-reply b{display:block;color:var(--primary);margin-bottom:6px}.review-admin-reply p{margin:0;line-height:1.9}.inline-review-reply textarea{min-height:90px;min-width:240px;margin-bottom:8px}.admin-sidebar a{position:relative}.admin-sidebar a.active:before{content:"";position:absolute;right:10px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--primary);transform:translateY(-50%)}
.course-teacher-row:empty,.rocket-teacher:empty,.teacher-mini:empty{display:none!important}
/* V11 mobile layout and design control refinements */
.stitch-floating-card:empty{display:none!important}
.stitch-floating-card small:empty,.stitch-floating-card b:empty{display:none!important}
.stitch-section-title p:empty,.grade-info p:empty,.stitch-teacher-card p:empty{display:none!important}
.stitch-grade-card .grade-top img[src*="placeholder.php"]{opacity:.28;mix-blend-mode:normal;filter:saturate(.95)}
.stitch-grade-card .grade-top img[src*="placeholder.php"] + *{position:relative}
.stitch-grade-card .grade-info p{min-height:0}
@media(max-width:720px){
.stitch-header{box-shadow:0 8px 24px rgba(12,35,55,.06)}
.stitch-header-inner{gap:8px;padding:8px 0;flex-wrap:nowrap;align-items:center}
.stitch-brand{flex:1;min-width:0;overflow:hidden}
.brand-logo-img{width:44px;height:44px;min-width:44px;border-radius:50%}
.brand-text{min-width:0;overflow:hidden}
.brand-text b{font-size:19px;max-width:128px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stitch-menu-btn{order:2;width:44px;height:44px;min-width:44px}
.stitch-actions{order:1;margin-right:0;gap:6px;flex-shrink:0}
.stitch-actions .stitch-icon-btn{width:42px;height:42px;min-width:42px;border-radius:16px}
.stitch-nav{position:absolute;top:calc(100% + 8px);right:10px;left:10px;width:auto;box-shadow:0 18px 40px rgba(17,42,65,.10);z-index:90}
.stitch-main{width:min(100% - 24px,1240px);margin-top:14px}
.stitch-hero{display:flex;flex-direction:column;gap:20px;padding:22px 0 34px;overflow:hidden}
.stitch-hero-content{order:1;text-align:center;max-width:100%;padding:0 4px}
.stitch-hero-visual{order:2;width:100%;min-height:250px;max-height:340px;overflow:visible;margin-top:4px}
.stitch-blob{width:min(255px,68vw);height:min(255px,68vw);opacity:.88;box-shadow:0 22px 58px rgba(90,169,194,.18)}
.hero-person-img{max-width:min(240px,70vw);max-height:295px}
.hero-placeholder-card{width:min(250px,78vw);min-height:160px;border-radius:28px;padding:20px;box-shadow:0 14px 36px rgba(30,70,90,.11)}
.hero-placeholder-card .hero-empty-icon{width:42px!important;height:42px!important;margin-bottom:8px!important}
.hero-placeholder-card b{font-size:19px;line-height:1.35}
.hero-placeholder-card small{font-size:12px}
.stitch-floating-card{right:auto;left:50%;bottom:0;transform:translateX(-50%)!important;max-width:calc(100% - 42px);padding:11px 13px;border-radius:18px;box-shadow:0 14px 32px rgba(17,42,65,.10);animation:none!important}
.stitch-floating-card>.svg-icon{width:23px!important;height:23px!important;min-width:23px}
.stitch-floating-card b{font-size:14px;white-space:nowrap}
.stitch-floating-card small{font-size:11px;display:block;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stitch-hero h1{font-size:clamp(30px,10vw,42px);line-height:1.18;margin-top:14px}
.stitch-hero .hero-subject{font-size:16px;margin-bottom:8px}
.stitch-hero .hero-desc{font-size:14px;line-height:1.85}
.stitch-section-title h2{font-size:24px;line-height:1.4}
.stitch-section-title p{font-size:13px;line-height:1.7}
.stitch-section{padding:36px 0}
.stitch-grade-grid{gap:16px}
.stitch-grade-card{border-radius:18px;min-height:0;box-shadow:0 12px 28px rgba(17,42,65,.10)}
.grade-top{height:112px;border-radius:18px 18px 0 0}
.grade-number{font-size:88px;top:-12px;left:10px}
.grade-info{margin:-14px 10px 10px;border-radius:14px;padding:13px 14px;text-align:center}
.grade-info h3{font-size:15px;line-height:1.45}
.grade-line{margin:9px auto;width:70%;height:2px}
.grade-info p{font-size:11px;line-height:1.55}
.stitch-feature-grid article,.stitch-course-card,.stitch-empty-state{border-radius:22px}
.stitch-empty-state{padding:28px 18px}
.stitch-empty-state .svg-icon,.stitch-empty-state .material-symbols-outlined{width:44px!important;height:44px!important;font-size:44px!important}
}
@media(max-width:430px){
.stitch-actions .stitch-icon-btn{width:39px;height:39px;min-width:39px}
.stitch-icon-btn em{top:-5px;left:-5px}
.brand-text b{max-width:110px}
.stitch-hero-visual{min-height:230px;max-height:315px}
.stitch-blob{width:min(230px,72vw);height:min(230px,72vw)}
.hero-placeholder-card{width:min(224px,76vw);min-height:145px;padding:18px}
.stitch-floating-card{bottom:0;max-width:calc(100% - 34px)}
}
/* V12: quiet protection + reliable iPhone browser fullscreen */
.security-toast{display:none!important}
html.player-fs-lock,body.player-fs-lock{width:100%!important;height:100%!important;overflow:hidden!important;position:fixed!important;inset:0!important;overscroll-behavior:none!important}
.player-browser-fullscreen{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;width:100dvw!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:-webkit-fill-available!important;margin:0!important;border-radius:0!important;border:0!important;background:#02060d!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-shadow:none!important}
.player-browser-fullscreen .custom-video-frame{width:100%!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:-webkit-fill-available!important;aspect-ratio:auto!important;border-radius:0!important}
.player-browser-fullscreen .custom-video-frame #yt-player,.player-browser-fullscreen .custom-video-frame iframe{width:100%!important;height:100%!important}
.player-browser-fullscreen .player-overlay{position:absolute!important;left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
.player-browser-fullscreen .browser-fs-close{display:grid!important;place-items:center!important;top:max(12px,env(safe-area-inset-top))!important;left:max(12px,env(safe-area-inset-left))!important}
.protected-player[data-auto-hide="1"] .player-overlay{transition:opacity .25s ease,transform .25s ease,visibility .25s ease}
.protected-player[data-auto-hide="1"].is-playing:not(.controls-visible) .player-overlay{opacity:0!important;visibility:hidden!important;transform:translateY(16px)!important;pointer-events:none!important}
.protected-player[data-auto-hide="1"].is-playing:not(.controls-visible) .player-progress-wrap{opacity:0!important}
@media(max-width:820px){.player-browser-fullscreen .v9-player-controls .player-controls-row{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.player-browser-fullscreen .custom-video-frame{min-height:100vh!important;min-height:100dvh!important}}
@supports(height:100svh){.player-browser-fullscreen,.player-browser-fullscreen .custom-video-frame{height:100svh!important;min-height:100svh!important}}
/* V14: native-first iPhone fullscreen fix. Do not mask or restyle YouTube's own native layer. */
.player-browser-fullscreen.native-fs-attempt{background:#000!important}
.custom-video-frame iframe{background:#000!important}
/* V18 iPhone fullscreen: Plyr-based platform frame */
.plyr-mode .custom-video-frame{position:relative!important;aspect-ratio:16/9!important;background:#000!important;min-height:260px!important;overflow:hidden!important}
.plyr-mode .custom-video-frame .plyr,
.plyr-mode .custom-video-frame .plyr__video-wrapper,
.plyr-mode .custom-video-frame .plyr__video-embed{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#000!important;aspect-ratio:16/9!important}
.plyr-mode .custom-video-frame .plyr__video-embed iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;pointer-events:none!important}
.plyr-mode .video-click-shield{display:none!important;pointer-events:none!important}
.plyr-mode .plyr{--plyr-color-main:var(--primary);direction:ltr!important;font-family:'Cairo',system-ui,sans-serif!important}
.plyr-mode .plyr__controls{z-index:18!important;direction:ltr!important;border-radius:18px!important;margin:0 14px 12px!important;background:rgba(5,12,23,.64)!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(16px)!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important;padding:10px!important}
.plyr-mode .plyr__control--overlaid{background:rgba(90,169,194,.92)!important;box-shadow:0 16px 40px rgba(0,0,0,.35)!important}
.plyr-mode .plyr__progress input[type=range],.plyr-mode .plyr__volume input[type=range]{accent-color:var(--primary)!important}
.plyr-mode .player-overlay{left:16px!important;right:auto!important;bottom:68px!important;width:auto!important;z-index:22!important;display:flex!important;background:rgba(5,12,23,.54)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;backdrop-filter:blur(14px)!important;padding:7px!important;box-shadow:0 10px 28px rgba(0,0,0,.20)!important}
.plyr-mode .player-progress-wrap,.plyr-mode .player-control-group:first-child,.plyr-mode #muteBtn,.plyr-mode #volumeRange,.plyr-mode #theaterBtn{display:none!important}
.plyr-mode .player-controls-row{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:6px!important}
.plyr-mode .player-control-selects{gap:6px!important}
.plyr-mode .player-control-selects select{height:34px!important;min-width:82px!important;border-radius:11px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
.plyr-mode #fsBtn{width:34px!important;height:34px!important;display:grid!important;place-items:center!important}
.plyr-mode.player-browser-fullscreen .custom-video-frame,
.plyr-mode.player-browser-fullscreen .custom-video-frame .plyr,
.plyr-mode.player-browser-fullscreen .custom-video-frame .plyr__video-wrapper,
.plyr-mode.player-browser-fullscreen .custom-video-frame .plyr__video-embed{height:100vh!important;height:100dvh!important;aspect-ratio:auto!important}
@media(max-width:820px){.plyr-mode .custom-video-frame{min-height:215px!important}.plyr-mode .plyr__controls{margin:0 8px 8px!important;border-radius:14px!important;padding:8px!important}.plyr-mode .player-overlay{left:8px!important;bottom:62px!important;transform:scale(.92);transform-origin:left bottom}.plyr-mode .player-control-selects select{min-width:72px!important;font-size:11px!important}.plyr-mode #fsBtn{width:32px!important;height:32px!important}}
.checkout-course-summary{display:flex;gap:18px;align-items:center;margin-bottom:18px;padding:16px;border:1px solid var(--border,#e6eef2);border-radius:22px;background:rgba(255,255,255,.75)}
.checkout-course-summary img{width:150px;height:96px;border-radius:18px;object-fit:cover;flex-shrink:0}.checkout-course-summary h2{margin:0 0 6px}.checkout-course-summary strong{display:inline-block;margin-top:8px;color:var(--primary)}
.order-status-card{padding:14px 16px;border-radius:18px;margin:12px 0;border:1px solid rgba(90,169,194,.28);background:rgba(90,169,194,.10)}.order-status-card p{margin:6px 0 0}.order-status-card.status-active{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.32)}.order-status-card.status-pending{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.32)}.order-status-card.status-rejected{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.30)}
.badge-status.pending{background:rgba(245,158,11,.14);color:#b45309}.badge-status.rejected,.badge-status.cancelled{background:rgba(239,68,68,.12);color:#b91c1c}
@media(max-width:640px){.checkout-course-summary{align-items:flex-start;flex-direction:column}.checkout-course-summary img{width:100%;height:170px}.rocket-checkout.card{padding:16px}.single-checkout .split{grid-template-columns:1fr!important}}
/* ===== STITCH DESIGN SYSTEM ===== */
:root{
--primary:#0045D0; --primary-2:#175CFF; --primary-soft:#DCE6FF;
--navy:#0A083B; --deep:#0B1220; --text:#121C2A; --muted:#6B7280;
--line:#D9E3F6; --line-2:#C3CDE2; --surface:#F8F9FF; --surface-alt:#F6F8FB; --white:#fff;
--shadow:0 4px 20px rgba(0,0,0,.06); --shadow-xl:0 18px 55px rgba(12,25,56,.14);
--radius:18px; --container:1280px; --gutter:24px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--surface);direction:ltr;text-align:left;line-height:1.5}
h1,h2,h3,h4,.brand{font-family:Sora,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.03em} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.site-header{height:66px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:100;box-shadow:0 3px 18px rgba(2,8,23,.08)}
.navbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{height:38px;width:auto}.main-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650}.main-nav a{position:relative;color:#0f172a;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--primary)}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;margin:auto;bottom:-21px;width:100%;height:3px;background:var(--primary);border-radius:99px}.header-actions{display:flex;align-items:center;gap:14px}.search-box{height:40px;width:255px;background:var(--primary-soft);border:1px solid #C9D6F4;border-radius:999px;display:flex;align-items:center;padding:0 15px;gap:10px;color:#60708c}.search-box input{border:0;background:transparent;outline:0;min-width:0;width:100%;font-size:14px;color:#334155}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 28px;border-radius:10px;border:1px solid transparent;font-weight:700;transition:.2s;cursor:pointer}.btn-primary{background:var(--primary-2);color:white;box-shadow:0 10px 24px rgba(23,92,255,.22)}.btn-primary:hover{background:var(--primary);transform:translateY(-1px)}.btn-outline{background:#fff;border-color:#C3CDE2;color:#0f172a}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-sm{height:40px;padding:0 20px;font-size:14px}.menu-toggle{display:none;border:0;background:transparent;font-size:28px;color:var(--text)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 20%,rgba(182,196,255,.55),transparent 30%),radial-gradient(circle at 10% 82%,rgba(220,230,255,.7),transparent 22%),linear-gradient(180deg,#fff 0,#f3f7ff 100%);border-bottom:1px solid #e8edf7}.hero .container{min-height:670px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:80px;padding-bottom:90px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #BFCCEA;background:rgba(220,230,255,.75);color:var(--primary);height:32px;border-radius:999px;padding:0 16px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:54px;line-height:1.08;max-width:930px;margin:34px 0 22px}.hero h1 span{color:var(--primary)}.hero p{max-width:640px;color:#293447;font-size:18px;margin:0 auto 42px}.hero-buttons{display:flex;gap:16px;align-items:center;justify-content:center}.trusted{background:#fff;border-bottom:1px solid #E5ECF8}.trusted-row{min-height:168px;display:flex;align-items:center;justify-content:space-between;gap:30px}.trusted-title{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#48536b;font-weight:800}.partners{display:flex;align-items:center;justify-content:flex-end;gap:54px;flex:1}.partner-logo{position:relative;filter:grayscale(1);opacity:.38;transition:.25s}.partner-logo img{height:54px;width:auto}.partner-logo:hover{filter:grayscale(0) drop-shadow(0 10px 20px rgba(23,92,255,.25));opacity:1;transform:translateY(-3px)}.partner-logo:before{content:"Our Partners";position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(6px);padding:7px 10px;border-radius:999px;background:#0A083B;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s}.partner-logo:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}
.section{padding:96px 0}.section-alt{background:var(--surface-alt);border-top:1px solid #E5ECF8;border-bottom:1px solid #E5ECF8}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px}.section-kicker{color:var(--primary);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:9px}.section h2,.page-title{font-size:38px;line-height:1.12;margin:0}.section-desc{color:#364154;margin:8px 0 0;max-width:640px}.chips{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 44px}.chip{height:46px;padding:0 24px;border-radius:999px;border:1px solid #BBC7DF;background:#fff;font-weight:650;color:#1f2937;cursor:pointer;transition:.2s}.chip:hover,.chip.active{background:var(--primary-2);border-color:var(--primary-2);color:#fff;box-shadow:0 10px 25px rgba(23,92,255,.18)}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.course-card{background:#fff;border:1px solid #E2E8F4;border-radius:12px;overflow:hidden;box-shadow:0 5px 22px rgba(15,23,42,.04);transition:.25s;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:#C9D6F4}.course-image{aspect-ratio:16/9;position:relative;overflow:hidden;background:#d9e3f6}.course-image img{height:100%;width:100%;object-fit:cover;transition:.45s}.course-card:hover .course-image img{transform:scale(1.045)}.badge{position:absolute;top:16px;left:16px;z-index:2;background:var(--primary-2);color:#fff;font-size:11px;letter-spacing:.08em;font-weight:850;border-radius:8px;padding:7px 11px;text-transform:uppercase}.card-body{padding:24px;display:flex;flex-direction:column;gap:15px;flex:1}.rating{display:flex;align-items:center;gap:6px;color:#5a6475;font-size:13px}.rating b{color:#111827}.rating .star{color:#f59e0b}.course-card h3{font-size:22px;line-height:1.18;margin:0;letter-spacing:-.02em}.course-card h3 a:hover{color:var(--primary)}.course-card p{color:#3f4b5e;margin:0;font-size:15px}.meta-row{display:flex;flex-wrap:wrap;gap:10px}.pill{border:1px solid #D7E0F1;background:#F6F8FB;color:#435066;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.card-foot{border-top:1px solid #E4EAF5;margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between}.price{font-size:24px;font-weight:850;color:#111827}.view-link{color:var(--primary);font-weight:750;display:inline-flex;align-items:center;gap:9px}.view-link span{transition:.2s}.view-link:hover span{transform:translateX(4px)}
.feature-band{background:#fff}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature{background:#fff;border:1px solid #E2E8F4;border-radius:18px;padding:26px;box-shadow:var(--shadow)}.feature-icon{width:48px;height:48px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px}.feature h3{margin:0 0 8px;font-size:19px}.feature p{margin:0;color:var(--muted)}
.page-hero{background:linear-gradient(180deg,#fff,#F3F7FF);border-bottom:1px solid #E5ECF8;padding:72px 0}.page-hero h1{font-size:48px;margin:0 0 14px}.page-hero p{font-size:18px;color:#3b4658;max-width:720px}.course-layout{display:grid;grid-template-columns:1fr 390px;gap:42px}.detail-panel,.sidebar-card,.panel{background:#fff;border:1px solid #E2E8F4;border-radius:18px;box-shadow:var(--shadow);padding:28px}.detail-cover{border-radius:18px;overflow:hidden;margin-bottom:30px}.lesson-list{list-style:none;margin:0;padding:0;border:1px solid #E5ECF8;border-radius:14px;overflow:hidden}.lesson-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #E5ECF8}.lesson-list li:last-child{border-bottom:0}.sidebar-card{position:sticky;top:90px}.sidebar-card .price{font-size:34px;margin:16px 0}.check-list{list-style:none;margin:22px 0;padding:0;display:grid;gap:12px}.check-list li:before{content:"✓";font-weight:900;color:var(--primary);margin-right:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:grid;gap:8px}.field label{font-size:13px;font-weight:800;color:#273244}.field input,.field textarea,.field select{width:100%;height:48px;border:1px solid #C8D3E7;border-radius:12px;background:#fff;padding:0 14px;font:inherit;outline:none}.field textarea{height:130px;padding-top:14px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(23,92,255,.10)}.auth-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:1fr 1fr}.auth-visual{background:radial-gradient(circle at 30% 20%,rgba(182,196,255,.8),transparent 30%),linear-gradient(135deg,#0A083B,#0045D0);color:#fff;display:flex;align-items:center;padding:70px}.auth-visual h1{font-size:52px}.auth-box{display:flex;align-items:center;justify-content:center;padding:60px 24px;background:#fff}.auth-card{width:min(450px,100%)}.auth-card h1{font-size:36px}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:32px}.side-nav{display:grid;gap:8px}.side-nav a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#4b5563;font-weight:700}.side-nav a.active,.side-nav a:hover{background:#ECF2FF;color:var(--primary);border-left:4px solid var(--primary)}.profile-card{display:flex;gap:26px;align-items:center}.avatar{width:112px;height:112px;border-radius:50%;overflow:hidden;border:4px solid #E6EEFF}.progress{height:9px;background:#E6EEFF;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--primary-2);border-radius:inherit}.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:42px}.order-item{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #E5ECF8}.order-item img{width:130px;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.summary-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.footer{background:#0A083B;color:#fff;padding:58px 0 34px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:40px}.footer .logo-text{font-family:Sora;font-weight:800;font-size:28px}.footer p{color:#DCE6FF;max-width:320px}.footer-links{display:flex;gap:32px;font-size:13px;color:#EAF1FF}.copyright{margin-top:44px;border-top:1px solid rgba(255,255,255,.14);padding-top:30px;text-align:center;color:#EAF1FF;font-size:13px}.whatsapp{position:fixed;left:28px;bottom:28px;width:58px;height:58px;border-radius:50%;background:#25D366;color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 35px rgba(37,211,102,.35);z-index:80;font-weight:900;font-size:24px}.empty-state{padding:46px;text-align:center;background:#fff;border:1px dashed #B9C5DD;border-radius:18px;color:#526077}.hidden{display:none!important}.text-muted{color:var(--muted)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.space-y > * + *{margin-top:18px}.full{grid-column:1/-1}
@media(max-width:1024px){.search-box{display:none}.course-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.course-layout,.checkout-grid,.dashboard-grid{grid-template-columns:1fr}.sidebar-card{position:static}.trusted-row{flex-direction:column;align-items:flex-start;padding:36px var(--gutter)}.partners{justify-content:flex-start;flex-wrap:wrap}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}}
@media(max-width:760px){.site-header,.navbar{height:62px}.main-nav{position:fixed;inset:62px 0 auto 0;background:#fff;border-bottom:1px solid #E5ECF8;box-shadow:0 12px 30px rgba(0,0,0,.1);padding:20px 24px;display:none;flex-direction:column;align-items:flex-start;gap:18px}.main-nav.open{display:flex}.main-nav a.active:after{display:none}.menu-toggle{display:block}.header-actions .btn{display:none}.hero .container{min-height:600px;padding-top:70px}.hero h1{font-size:36px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%;max-width:330px}.section{padding:64px 0}.section-head{display:block}.section h2,.page-title,.page-hero h1{font-size:32px}.course-grid,.features{grid-template-columns:1fr}.footer-main{display:block}.footer-links{margin-top:30px;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.profile-card{align-items:flex-start;flex-direction:column}.order-item{flex-direction:column}.order-item img{width:100%}.partners{gap:20px}.partner-logo img{height:44px}.chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.chip{white-space:nowrap}}
/* =========================================================
Gradivity English Stitch Rebuild - PHP Working Version
Keeps old backend working while replacing public UI.
========================================================= */
html[dir="ltr"] body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:#111827;direction:ltr;text-align:left}.rebuilt-platform{background:#fff}.rebuilt-platform .site-shell{min-height:100vh}.rebuilt-platform .main-content{width:100%;max-width:none;margin:0;padding:0}.rebuilt-platform .flash{max-width:1180px;margin:18px auto 0;border-radius:14px;padding:14px 18px;font-weight:800}.rebuilt-platform .flash-success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.rebuilt-platform .flash-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.rebuilt-platform .flash-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.brand img{height:38px;width:auto;max-width:168px}.brand-text-logo{font-family:Sora,Inter,sans-serif;font-weight:900;font-size:26px;letter-spacing:-.04em;color:#0A083B;display:inline-flex;align-items:center}.brand-text-logo::first-letter{color:#175CFF}.site-header{z-index:100}.main-nav a{font-family:Inter,system-ui,sans-serif}.header-actions .stitch-login-btn{height:42px;border-radius:999px}.page-wrap{padding:72px 0}.category-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.category-card{display:block;background:#fff;border:1px solid #E2E8F4;border-radius:22px;padding:26px;box-shadow:0 10px 28px rgba(15,23,42,.05);transition:.25s}.category-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(15,23,42,.09);border-color:#BFD0F4}.category-card .cat-icon{width:52px;height:52px;border-radius:16px;background:#ECF2FF;color:#175CFF;display:grid;place-items:center;font-size:24px;font-weight:900;margin-bottom:18px}.category-card h3{font-size:20px;margin:0 0 8px}.category-card p{color:#526077;margin:0}.table-wrap{overflow:auto}.modern-table{width:100%;border-collapse:collapse}.modern-table th,.modern-table td{padding:14px 12px;border-bottom:1px solid #E5ECF8;text-align:left}.modern-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#637083;background:#F6F8FB}.badge-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;background:#ECF2FF;color:#175CFF}.badge-status.success,.badge-status.paid,.badge-status.active{background:#DCFCE7;color:#166534}.badge-status.pending,.badge-status.warning{background:#FEF3C7;color:#92400e}.badge-status.rejected,.badge-status.cancelled{background:#FEE2E2;color:#991b1b}.auth-wrap{min-height:calc(100vh - 72px);display:grid;place-items:center;background:linear-gradient(180deg,#fff,#F6F8FB);padding:70px 20px}.auth-card{width:min(470px,100%);background:#fff;border:1px solid #E2E8F4;border-radius:24px;box-shadow:0 24px 70px rgba(15,23,42,.08);padding:38px}.auth-card h1{font-size:38px;margin:12px 0 8px}.auth-card .form-grid{grid-template-columns:1fr}.form-row,.field{display:grid;gap:8px}.form-row label,.field label{font-size:13px;font-weight:850;color:#273244}.form-row input,.form-row select,.form-row textarea,.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid #C8D3E7;border-radius:12px;background:#fff;padding:0 14px;font:inherit;color:#111827;outline:none}.form-row textarea,.field textarea{padding-top:14px;min-height:120px}.form-row input:focus,.form-row select:focus,.form-row textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#175CFF;box-shadow:0 0 0 4px rgba(23,92,255,.10)}.course-description-content{line-height:1.85;color:#364154}.lesson-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #E5ECF8;border-radius:14px;background:#fff;margin-bottom:12px;transition:.2s}.lesson-row:hover{border-color:#BFD0F4;box-shadow:0 10px 25px rgba(23,92,255,.08)}.lesson-row h4{margin:0 0 4px;font-size:16px}.lesson-row small{color:#657184}.lesson-index{width:34px;height:34px;border-radius:50%;background:#ECF2FF;color:#175CFF;display:grid;place-items:center;font-weight:900}.unit-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.unit-head h3{margin:0;font-size:22px}.checkout-course-summary{display:flex;gap:18px;align-items:center}.checkout-course-summary img{width:170px;aspect-ratio:16/9;object-fit:cover;border-radius:16px}.order-status-card{padding:16px;border-radius:16px;margin:18px 0;background:#F6F8FB;border:1px solid #E2E8F4}.dashboard-hero{background:linear-gradient(180deg,#fff,#F3F7FF);padding:68px 0;border-bottom:1px solid #E5ECF8}.dashboard-hero h1{font-size:44px;margin:0 0 10px}.dashboard-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-34px}.dash-tile{background:#fff;border:1px solid #E2E8F4;border-radius:18px;padding:24px;box-shadow:0 18px 45px rgba(15,23,42,.07)}.dash-tile b{font-size:32px;color:#175CFF;display:block}.dash-tile span{color:#526077;font-weight:800}.admin-layout{width:min(1180px,calc(100% - 28px));margin:40px auto;display:grid;grid-template-columns:260px 1fr;gap:28px}.admin-sidebar{position:sticky;top:86px;align-self:start;background:#fff;border:1px solid #E2E8F4;border-radius:18px;padding:12px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.admin-sidebar a{display:block;padding:12px 14px;border-radius:12px;color:#4b5563;font-weight:750}.admin-sidebar a:hover,.admin-sidebar a.active{background:#ECF2FF;color:#175CFF}.admin-card,.card{background:#fff;border:1px solid #E2E8F4;border-radius:18px;box-shadow:0 8px 28px rgba(15,23,42,.05)}.empty-state{padding:46px;text-align:center}.partners .partner-logo:after{content:"Our Partners";position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(6px);padding:7px 10px;border-radius:999px;background:#0A083B;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;transition:.2s}.partners .partner-logo:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.footer .footer-brand-img{height:42px;width:auto;max-width:190px;filter:brightness(0) invert(1)}.footer .support-email{font-weight:850;color:#fff}.footer-social{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:18px}.footer-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.10);display:grid;place-items:center}.footer-main.centered{display:grid;justify-items:center;text-align:center}.footer-main.centered p{max-width:520px}.whatsapp{font-family:Inter,sans-serif}.price small{font-size:13px;color:#6B7280;font-weight:700}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #E5ECF8;text-align:left}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hidden{display:none!important}@media(max-width:1024px){.category-card-grid{grid-template-columns:repeat(2,1fr)}.dashboard-tiles{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.checkout-course-summary{align-items:flex-start}}@media(max-width:760px){.brand img{height:32px}.brand-text-logo{font-size:22px}.category-card-grid,.dashboard-tiles{grid-template-columns:1fr}.auth-card{padding:28px}.checkout-course-summary{flex-direction:column}.checkout-course-summary img{width:100%}.split{grid-template-columns:1fr}.page-wrap{padding:48px 0}.dashboard-hero h1{font-size:34px}.whatsapp{left:18px;bottom:18px}.search-box{display:none!important}}
/* ===== Admin tabs + partners control upgrade ===== */
.admin-title-row{align-items:center}.design-tabs-card{padding:0;overflow:hidden}.design-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:14px 16px;border-bottom:1px solid #E5ECF8;background:#F8FAFF;position:sticky;top:72px;z-index:3}.design-tab{border:1px solid #D7E1F4;background:#fff;color:#526077;border-radius:999px;padding:10px 15px;font-weight:850;cursor:pointer;white-space:nowrap;transition:.2s}.design-tab:hover{border-color:#175CFF;color:#175CFF}.design-tab.active{background:#175CFF;border-color:#175CFF;color:#fff;box-shadow:0 10px 24px rgba(23,92,255,.22)}.design-panel{display:none;padding:26px}.design-panel.active{display:block}.panel-heading{margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #E5ECF8}.panel-heading h3{margin:0 0 6px;font-size:24px}.panel-heading p{margin:0;color:#64748b}.sticky-save-bar{display:flex;align-items:center;gap:14px;justify-content:flex-end;padding:18px 26px;border-top:1px solid #E5ECF8;background:#fff;position:sticky;bottom:0;z-index:4;box-shadow:0 -12px 30px rgba(15,23,42,.05)}.sticky-save-bar span{color:#64748b;font-weight:700}.partner-editor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.partner-editor-card{border:1px solid #E2E8F4;background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.partner-editor-top{display:flex;gap:14px;align-items:center;margin-bottom:16px}.partner-editor-top small{display:block;color:#64748b;font-weight:700;margin-top:3px}.partner-preview{width:92px;height:58px;border-radius:14px;background:#F1F5FB;border:1px solid #E2E8F4;display:grid;place-items:center;padding:8px}.partner-preview img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.7}.logo-preview{min-height:78px;border:1px dashed #C7D3EA;background:#F8FAFF;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:12px;margin-bottom:10px}.logo-preview img{max-width:170px;max-height:70px;object-fit:contain}.logo-preview.wide img{max-width:260px}.hidden-legacy-fields{display:none!important}.organized-admin-sidebar{padding:16px}.admin-sidebar-brand{padding:12px 12px 16px;margin-bottom:8px;border-bottom:1px solid #E5ECF8}.admin-sidebar-brand strong{display:block;font-size:17px;color:#0F172A}.admin-sidebar-brand span{display:block;font-size:12px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.admin-nav-group{margin-top:14px}.admin-nav-title{padding:8px 12px 6px;color:#94A3B8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.organized-admin-sidebar .admin-nav-group a{margin:2px 0}.partner-logo:before{content:attr(data-tooltip)!important}.partners .partner-logo:after{display:none!important}@media(max-width:1024px){.design-tabs{top:62px}.partner-editor-grid{grid-template-columns:1fr}.sticky-save-bar{justify-content:flex-start;flex-wrap:wrap}.design-panel{padding:20px}}@media(max-width:760px){.design-tabs{position:static}.design-tab{padding:9px 12px}.partner-editor-top{align-items:flex-start}.admin-title-row{display:block}.sticky-save-bar{position:static}.sticky-save-bar .btn{width:100%}}
/* ===== V22 Premium Auth + Opportunities + Form Builder ===== */
.auth-premium-wrap{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:72px 20px;background:radial-gradient(circle at 15% 20%,rgba(23,92,255,.10),transparent 30%),linear-gradient(180deg,#fff 0,#f6f8fb 100%)}
.auth-premium-shell{width:min(1120px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}.auth-premium-shell.reverse{grid-template-columns:.95fr 1.05fr}.auth-visual-panel{position:relative;overflow:hidden;border-radius:34px;padding:46px;background:linear-gradient(135deg,#0A083B,#102B52 58%,#175CFF);color:#fff;box-shadow:0 30px 80px rgba(16,43,82,.22);display:flex;flex-direction:column;justify-content:flex-end;min-height:560px}.auth-visual-panel:before{content:"";position:absolute;inset:-20% -20% auto auto;width:430px;height:430px;border-radius:50%;background:rgba(255,255,255,.12)}.auth-visual-panel:after{content:"";position:absolute;left:36px;top:36px;width:170px;height:170px;border-radius:34px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04));transform:rotate(-8deg)}.auth-visual-panel h1{font-size:44px;line-height:1.05;margin:18px 0}.auth-visual-panel p{color:rgba(255,255,255,.78);font-size:17px;max-width:520px}.auth-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.auth-benefits span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);border-radius:999px;padding:9px 13px;font-weight:850;font-size:13px}.auth-card-premium{padding:34px;border-radius:34px;box-shadow:0 28px 80px rgba(15,23,42,.10);border:1px solid #E2E8F4;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.auth-card-premium h1{font-size:40px;line-height:1.05;margin:14px 0 8px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#F1F5FB;border:1px solid #E0E8F5;border-radius:18px;padding:6px;margin-bottom:24px}.auth-tabs a{text-align:center;border-radius:14px;padding:12px 10px;font-weight:900;color:#64748B}.auth-tabs a.active{background:#fff;color:#175CFF;box-shadow:0 8px 20px rgba(15,23,42,.08)}.password-input{display:flex;align-items:center;border:1px solid #C8D3E7;border-radius:12px;background:#fff;overflow:hidden}.password-input input{border:0!important;box-shadow:none!important;flex:1}.password-input button{border:0;background:#ECF2FF;color:#175CFF;font-weight:900;padding:0 14px;align-self:stretch;cursor:pointer}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.auth-row a,.auth-switch-note a{color:#175CFF;font-weight:900}.btn-block{width:100%;min-height:52px}.auth-consent{align-items:flex-start}.password-meter{height:7px;background:#E5ECF8;border-radius:999px;overflow:hidden}.password-meter span{display:block;height:100%;width:0;background:#175CFF;border-radius:999px;transition:.25s}.password-meter[data-strength="1"] span{width:33%;background:#EF4444}.password-meter[data-strength="2"] span{width:66%;background:#F59E0B}.password-meter[data-strength="3"] span{width:100%;background:#16A34A}
.opportunities-hero,.application-detail-hero{background:linear-gradient(180deg,#fff,#F3F7FF);border-bottom:1px solid #E5ECF8}.opportunity-filter{padding:20px;margin-bottom:32px}.opportunity-filter .chips{margin-bottom:16px}.search-row{grid-template-columns:1fr auto}.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.opportunity-card{background:#fff;border:1px solid #E2E8F4;border-radius:26px;overflow:hidden;box-shadow:0 18px 44px rgba(15,23,42,.07);transition:.25s}.opportunity-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(15,23,42,.11);border-color:#BFD0F4}.opportunity-image{position:relative;display:block;aspect-ratio:16/9;background:#F1F5FB}.opportunity-image img{width:100%;height:100%;object-fit:cover}.opportunity-type{position:absolute;left:16px;top:16px;border-radius:999px;background:#fff;color:#175CFF;font-size:12px;font-weight:900;padding:8px 12px;box-shadow:0 10px 24px rgba(15,23,42,.12)}.opportunity-body{padding:22px}.opportunity-status{display:inline-flex;margin-bottom:12px;border-radius:999px;padding:7px 10px;background:#FEF3C7;color:#92400E;font-weight:900;font-size:12px}.opportunity-status.open{background:#DCFCE7;color:#166534}.opportunity-card h3{font-size:22px;margin:0 0 9px;line-height:1.2}.opportunity-card p{color:#64748B;line-height:1.7;min-height:54px}.opportunity-meta{display:flex;justify-content:space-between;gap:10px;color:#64748B;font-size:12px;font-weight:800;margin:18px 0}.application-detail-head{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}.application-detail-head img{border-radius:30px;box-shadow:0 22px 60px rgba(15,23,42,.12);aspect-ratio:16/10;object-fit:cover}.application-meta-line{display:flex;gap:12px;flex-wrap:wrap}.application-meta-line span{background:#fff;border:1px solid #E2E8F4;border-radius:999px;padding:9px 13px;font-weight:900;color:#175CFF}.application-layout{display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:start}.application-info-card{padding:26px;position:sticky;top:92px}.premium-application-form{background:#fff;border:1px solid #E2E8F4;border-radius:30px;box-shadow:0 24px 70px rgba(15,23,42,.08);padding:30px}.form-brand-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid #E5ECF8}.form-brand-head span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#175CFF;font-weight:900}.form-brand-head h2{margin:4px 0 0;font-size:30px}.form-brand-head b{border-radius:999px;background:#ECF2FF;color:#175CFF;padding:9px 12px}.premium-form-field{margin-bottom:20px}.premium-form-field label{display:block;font-size:14px;font-weight:900;color:#273244;margin-bottom:8px}.premium-form-field input:not([type=radio]):not([type=checkbox]),.premium-form-field select,.premium-form-field textarea{width:100%;min-height:52px;border:1px solid #C8D3E7;border-radius:14px;padding:0 15px;font:inherit;background:#fff}.premium-form-field textarea{padding-top:14px;min-height:140px}.premium-form-field small{display:block;color:#64748B;margin-top:7px}.required-dot{color:#EF4444;margin-left:4px}.choice-stack{display:grid;gap:10px}.choice{display:flex!important;align-items:center;gap:10px;border:1px solid #E2E8F4;border-radius:14px;padding:13px;background:#F8FAFF;cursor:pointer}.choice input{width:18px;height:18px}.form-section-title{padding:18px 0 10px}.form-section-title h3{font-size:24px;margin:0 0 6px}.form-section-title p{color:#64748B;margin:0}.form-divider{border:0;border-top:1px solid #E5ECF8;margin:24px 0}.smart-tabs-card{overflow:hidden}.smart-tabs-card .design-tabs a{text-decoration:none}.form-switcher{display:flex;align-items:center;gap:12px;margin-bottom:22px}.form-switcher select{min-width:280px}.inner-panel{padding:22px}.builder-layout{display:grid;grid-template-columns:1fr 320px;gap:24px}.builder-fields{display:grid;gap:18px}.builder-field-card{border:1px solid #E2E8F4;border-radius:20px;padding:18px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.04)}.builder-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.builder-field-head strong{font-size:17px}.builder-field-head span{border-radius:999px;background:#ECF2FF;color:#175CFF;padding:6px 10px;font-weight:900;font-size:12px}.form-toolbox{padding:22px;position:sticky;top:92px}.tool-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.tool-list span{border:1px solid #D7E1F4;background:#F8FAFF;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;color:#526077}.submissions-split{grid-template-columns:1.35fr .65fr}.answer-list{display:grid;gap:12px;margin-top:18px}.answer-list>div{border:1px solid #E2E8F4;border-radius:16px;padding:14px;background:#F8FAFF}.answer-list p{margin:8px 0 0;color:#334155}.status-form{display:flex;gap:10px;align-items:center}.analytics-tiles{margin:0 0 24px;grid-template-columns:repeat(4,1fr)}.stat-line{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #E5ECF8;padding:13px 0}.stat-line span{font-weight:900}.stat-line small{display:block;color:#64748B;font-weight:700;margin-top:3px}.stat-line b{font-size:24px;color:#175CFF}.admin-sidebar a.active:before{right:auto;left:8px}
@media(max-width:1024px){.auth-premium-shell,.auth-premium-shell.reverse,.application-detail-head,.application-layout,.builder-layout{grid-template-columns:1fr}.auth-visual-panel{min-height:auto}.opportunity-grid{grid-template-columns:repeat(2,1fr)}.application-info-card,.form-toolbox{position:static}.submissions-split{grid-template-columns:1fr}.analytics-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.auth-premium-wrap{padding:30px 12px}.auth-visual-panel{padding:30px;border-radius:26px}.auth-visual-panel h1,.auth-card-premium h1{font-size:32px}.auth-card-premium{padding:24px;border-radius:26px}.opportunity-grid{grid-template-columns:1fr}.premium-application-form{padding:22px;border-radius:24px}.form-brand-head{display:block}.search-row{grid-template-columns:1fr}.form-switcher{display:grid}.form-switcher select{min-width:0;width:100%}.analytics-tiles{grid-template-columns:1fr}}
/* =========================================================
V23.1 CLEAN ADMIN FIX
Fixes cramped Design Settings tabs/panels and makes admin organized.
========================================================= */
.admin-layout{
width:min(1440px,calc(100% - 48px)) !important;
margin:30px auto 54px !important;
display:grid !important;
grid-template-columns:280px minmax(0,1fr) !important;
gap:26px !important;
align-items:start !important;
}
.admin-main{min-width:0 !important;width:100% !important;display:block !important;}
.admin-sidebar.organized-admin-sidebar,
.admin-sidebar{
border-radius:24px !important;
border:1px solid #E2E8F4 !important;
box-shadow:0 18px 44px rgba(15,23,42,.06) !important;
background:#fff !important;
max-height:calc(100vh - 112px) !important;
overflow:auto !important;
}
.admin-sidebar-brand{background:#F8FAFF;border-radius:18px;margin:0 0 12px !important;padding:16px !important;border:1px solid #E5ECF8 !important;}
.admin-nav-title{padding:14px 12px 7px !important;color:#8291A8 !important;}
.organized-admin-sidebar .admin-nav-group a,
.admin-sidebar a{border-radius:14px !important;padding:12px 14px !important;margin:3px 0 !important;}
.section-head.admin-title-row{
background:#fff !important;
border:1px solid #E2E8F4 !important;
border-radius:24px !important;
box-shadow:0 14px 38px rgba(15,23,42,.05) !important;
padding:22px 24px !important;
margin-bottom:20px !important;
align-items:center !important;
}
.section-head.admin-title-row h2{font-size:30px !important;letter-spacing:-.03em !important;color:#0F172A !important;}
.section-head.admin-title-row p{color:#64748B !important;max-width:820px !important;}
.design-control-form.design-tabs-card,
.design-tabs-card.smart-tabs-card,
.admin-card.design-tabs-card{
display:block !important;
width:100% !important;
min-width:0 !important;
padding:0 !important;
overflow:hidden !important;
border-radius:26px !important;
background:#fff !important;
border:1px solid #E2E8F4 !important;
box-shadow:0 20px 55px rgba(15,23,42,.07) !important;
}
.design-tabs{
position:relative !important;
top:auto !important;
z-index:1 !important;
display:flex !important;
flex-wrap:wrap !important;
gap:10px !important;
align-items:center !important;
width:100% !important;
padding:18px 20px !important;
margin:0 !important;
border-bottom:1px solid #E5ECF8 !important;
background:linear-gradient(180deg,#FFFFFF,#F8FAFF) !important;
overflow:visible !important;
}
.design-tab{
flex:0 0 auto !important;
min-width:auto !important;
height:44px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:999px !important;
padding:0 18px !important;
border:1px solid #D7E1F4 !important;
background:#fff !important;
color:#344054 !important;
line-height:1 !important;
font-size:14px !important;
font-weight:850 !important;
white-space:nowrap !important;
box-shadow:none !important;
}
.design-tab:hover{border-color:#175CFF !important;color:#175CFF !important;background:#F4F7FF !important;}
.design-tab.active{background:#175CFF !important;border-color:#175CFF !important;color:#fff !important;box-shadow:0 12px 26px rgba(23,92,255,.22) !important;}
.design-panel{
display:none !important;
width:100% !important;
min-width:0 !important;
padding:30px !important;
background:#fff !important;
}
.design-panel.active{display:block !important;}
.panel-heading{
display:block !important;
margin:0 0 26px !important;
padding:0 0 18px !important;
border-bottom:1px solid #E5ECF8 !important;
}
.panel-heading h3{font-size:24px !important;color:#0F172A !important;margin:0 0 6px !important;letter-spacing:-.02em !important;}
.panel-heading p{color:#667085 !important;margin:0 !important;line-height:1.6 !important;}
.design-panel .grid,
.design-panel .grid-2,
.design-panel .grid-3,
.design-panel .grid-4{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr)) !important;
gap:18px !important;
width:100% !important;
}
.design-panel .split,
.split.submissions-split,
.builder-layout{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;
gap:22px !important;
width:100% !important;
}
.builder-layout{grid-template-columns:minmax(0,1fr) 340px !important;align-items:start !important;}
.form-row,
.field{min-width:0 !important;}
.form-row label,
.field label{font-size:13px !important;font-weight:850 !important;color:#2D3748 !important;line-height:1.35 !important;}
.form-row input,
.form-row select,
.form-row textarea,
.field input,
.field select,
.field textarea{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
min-height:50px !important;
border:1px solid #C8D3E7 !important;
border-radius:14px !important;
background:#fff !important;
color:#111827 !important;
padding:0 14px !important;
font-size:15px !important;
box-shadow:none !important;
}
.form-row textarea,
.field textarea{padding-top:13px !important;min-height:118px !important;}
.form-row select,
.field select{appearance:auto !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.inline-check{display:flex !important;align-items:center !important;gap:9px !important;margin:10px 0 !important;color:#344054 !important;font-weight:750 !important;}
.inline-check input{width:auto !important;min-height:auto !important;}
.partner-editor-grid{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;
gap:18px !important;
}
.partner-editor-card{border-radius:22px !important;padding:20px !important;}
.partner-editor-top{align-items:center !important;}
.sticky-save-bar{
position:sticky !important;
bottom:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
flex-wrap:wrap !important;
gap:12px !important;
padding:18px 22px !important;
border-top:1px solid #E5ECF8 !important;
background:rgba(255,255,255,.96) !important;
backdrop-filter:blur(14px) !important;
z-index:5 !important;
box-shadow:0 -14px 34px rgba(15,23,42,.06) !important;
}
.sticky-save-bar .btn{min-height:44px !important;border-radius:14px !important;}
.sticky-save-bar span{color:#64748B !important;font-weight:750 !important;margin-left:auto !important;}
.logo-preview{background:#F8FAFF !important;border-radius:16px !important;}
.admin-table th,.admin-table td,.modern-table th,.modern-table td,th,td{text-align:left !important;}
@media(max-width:1100px){
.admin-layout{grid-template-columns:1fr !important;width:min(100% - 28px,960px) !important;}
.admin-sidebar{position:relative !important;top:auto !important;max-height:none !important;}
.builder-layout{grid-template-columns:1fr !important;}
.form-toolbox{position:relative !important;top:auto !important;}
}
@media(max-width:720px){
.admin-layout{width:calc(100% - 18px) !important;gap:16px !important;margin-top:16px !important;}
.section-head.admin-title-row{display:block !important;padding:18px !important;}
.design-tabs{padding:14px !important;gap:8px !important;}
.design-tab{height:40px !important;font-size:13px !important;padding:0 13px !important;}
.design-panel{padding:18px !important;}
.design-panel .grid,.design-panel .grid-2,.design-panel .grid-3,.design-panel .grid-4,.design-panel .split,.split.submissions-split,.builder-layout{grid-template-columns:1fr !important;}
.sticky-save-bar{position:relative !important;justify-content:flex-start !important;}
.sticky-save-bar span{margin-left:0 !important;}
.sticky-save-bar .btn{width:100% !important;}
}
/* =========================================================
V24 PREMIUM ADMIN DASHBOARD LAYOUT FIX
Fixes cramped admin screens, hides public header inside admin,
creates a real control-center layout, and improves Forms Builder.
========================================================= */
body.admin-page{
background:#F6F8FB !important;
color:#111827 !important;
}
body.admin-page .site-header,
body.admin-page .footer,
body.admin-page .whatsapp{
display:none !important;
}
body.admin-page .main-content{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
}
body.admin-page:before,
body.admin-page:after{opacity:.55 !important;}
.admin-layout{
width:calc(100% - 40px) !important;
max-width:1760px !important;
margin:24px auto 56px !important;
display:grid !important;
grid-template-columns:300px minmax(0,1fr) !important;
gap:28px !important;
align-items:start !important;
}
.admin-topbar{
grid-column:1/-1 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:24px !important;
padding:22px 24px !important;
border:1px solid #E2E8F4 !important;
border-radius:26px !important;
background:linear-gradient(135deg,#FFFFFF 0%,#F8FAFF 58%,#EEF6FF 100%) !important;
box-shadow:0 18px 48px rgba(15,23,42,.06) !important;
}
.admin-topbar-title{display:grid !important;gap:4px !important;min-width:0 !important;}
.admin-topbar-kicker{font-size:12px !important;text-transform:uppercase !important;letter-spacing:.14em !important;color:#175CFF !important;font-weight:900 !important;}
.admin-topbar-title strong{font-size:28px !important;line-height:1.1 !important;color:#0F172A !important;letter-spacing:-.04em !important;}
.admin-topbar-title small{font-size:14px !important;color:#64748B !important;font-weight:650 !important;line-height:1.6 !important;}
.admin-topbar-actions{display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important;justify-content:flex-end !important;}
.admin-sidebar.organized-admin-sidebar,
.admin-sidebar{
position:sticky !important;
top:24px !important;
align-self:start !important;
padding:20px !important;
border-radius:26px !important;
border:1px solid #E2E8F4 !important;
background:#FFFFFF !important;
box-shadow:0 18px 44px rgba(15,23,42,.06) !important;
max-height:calc(100vh - 48px) !important;
overflow:auto !important;
}
.admin-sidebar-brand{
padding:16px !important;
margin:0 0 14px !important;
border:1px solid #E5ECF8 !important;
border-radius:20px !important;
background:#F8FAFF !important;
}
.admin-sidebar-brand strong{font-size:19px !important;color:#0F172A !important;}
.admin-sidebar-brand span{font-size:11px !important;color:#667085 !important;font-weight:900 !important;letter-spacing:.13em !important;}
.admin-nav-group{margin:18px 0 0 !important;}
.admin-nav-title{padding:8px 10px !important;color:#98A2B3 !important;font-size:11px !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:.12em !important;}
.admin-sidebar a,
.organized-admin-sidebar .admin-nav-group a{
display:flex !important;
align-items:center !important;
min-height:44px !important;
padding:12px 14px !important;
margin:4px 0 !important;
border-radius:15px !important;
color:#475467 !important;
font-weight:850 !important;
line-height:1.25 !important;
}
.admin-sidebar a:hover{background:#F2F6FF !important;color:#175CFF !important;}
.admin-sidebar a.active{
background:#175CFF !important;
color:#fff !important;
box-shadow:0 12px 28px rgba(23,92,255,.20) !important;
}
.admin-main{
min-width:0 !important;
width:100% !important;
display:grid !important;
gap:22px !important;
}
.admin-main>.section-head:not(.admin-title-row),
.section-head.admin-title-row{
width:100% !important;
margin:0 !important;
padding:24px !important;
border:1px solid #E2E8F4 !important;
border-radius:26px !important;
background:#fff !important;
box-shadow:0 14px 38px rgba(15,23,42,.05) !important;
align-items:center !important;
}
.admin-main>.section-head h2,
.section-head.admin-title-row h2{
margin:0 !important;
font-size:30px !important;
line-height:1.15 !important;
color:#0F172A !important;
letter-spacing:-.04em !important;
}
.admin-main>.section-head p,
.section-head.admin-title-row p{color:#64748B !important;margin:7px 0 0 !important;line-height:1.65 !important;}
.admin-card,
.admin-main>.table-wrap,
.admin-main>form.admin-card,
.admin-main>.stats-row,
.design-tabs-card.smart-tabs-card{
width:100% !important;
min-width:0 !important;
}
.admin-card,
.design-tabs-card.smart-tabs-card{
border-radius:26px !important;
border:1px solid #E2E8F4 !important;
background:#fff !important;
box-shadow:0 18px 48px rgba(15,23,42,.06) !important;
overflow:hidden !important;
}
.admin-card:not(.design-tabs-card){padding:24px !important;}
.admin-main .stats-row,
.admin-main .dashboard-tiles{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
gap:18px !important;
margin:0 !important;
width:100% !important;
}
.admin-main .stat-card,
.admin-main .dash-tile{
min-width:0 !important;
border-radius:22px !important;
border:1px solid #E2E8F4 !important;
background:#fff !important;
box-shadow:0 14px 34px rgba(15,23,42,.05) !important;
padding:22px !important;
}
.design-tabs{
position:sticky !important;
top:0 !important;
z-index:10 !important;
display:flex !important;
align-items:center !important;
flex-wrap:nowrap !important;
gap:10px !important;
width:100% !important;
max-width:100% !important;
overflow-x:auto !important;
overflow-y:hidden !important;
padding:18px 22px !important;
margin:0 !important;
border-bottom:1px solid #E5ECF8 !important;
background:rgba(255,255,255,.96) !important;
backdrop-filter:blur(14px) !important;
scrollbar-width:thin !important;
}
.design-tabs::-webkit-scrollbar{height:7px !important;}
.design-tabs::-webkit-scrollbar-thumb{background:#CBD5E1 !important;border-radius:999px !important;}
.design-tab{
flex:0 0 auto !important;
height:46px !important;
min-width:max-content !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:999px !important;
padding:0 20px !important;
border:1px solid #D7E1F4 !important;
background:#fff !important;
color:#344054 !important;
font-size:15px !important;
font-weight:900 !important;
line-height:1 !important;
white-space:nowrap !important;
}
.design-tab.active{background:#175CFF !important;color:#fff !important;border-color:#175CFF !important;box-shadow:0 12px 26px rgba(23,92,255,.22) !important;}
.design-panel{
width:100% !important;
min-width:0 !important;
padding:30px !important;
background:#fff !important;
}
.panel-heading{margin-bottom:28px !important;padding-bottom:18px !important;border-bottom:1px solid #E5ECF8 !important;}
.panel-heading h3{font-size:25px !important;margin:0 0 6px !important;color:#0F172A !important;}
.panel-heading p{font-size:15px !important;color:#64748B !important;line-height:1.65 !important;}
.forms-library-layout{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(360px,430px) !important;
gap:26px !important;
align-items:start !important;
}
.forms-table-panel,
.create-form-panel,
.inner-panel,
.form-toolbox,
.panel{
min-width:0 !important;
border:1px solid #E2E8F4 !important;
border-radius:24px !important;
background:#fff !important;
box-shadow:0 12px 36px rgba(15,23,42,.05) !important;
}
.forms-table-panel{overflow:hidden !important;}
.create-form-panel{padding:26px !important;display:grid !important;gap:16px !important;}
.create-form-panel h3{font-size:24px !important;line-height:1.2 !important;margin:0 !important;}
.compact-note{font-size:14px !important;line-height:1.55 !important;margin:-6px 0 4px !important;color:#64748B !important;}
.builder-layout{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(360px,430px) !important;
gap:26px !important;
align-items:start !important;
width:100% !important;
}
.form-toolbox{position:sticky !important;top:94px !important;padding:24px !important;}
.builder-fields{min-width:0 !important;display:grid !important;gap:18px !important;}
.builder-field-card{padding:22px !important;border-radius:24px !important;}
.builder-field-card .grid,
.builder-field-card .grid-3{
display:grid !important;
grid-template-columns:minmax(0,1.2fr) minmax(170px,.7fr) minmax(110px,.35fr) !important;
gap:16px !important;
}
.builder-field-card .split,
.design-panel .split:not(.submissions-split){
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:16px !important;
}
.submissions-split{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(360px,460px) !important;
gap:26px !important;
align-items:start !important;
}
.analytics-tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;}
.admin-table,
.admin-main table{
width:100% !important;
min-width:720px !important;
border-collapse:separate !important;
border-spacing:0 !important;
}
.admin-table th,
.admin-main table th{
background:#F6F8FB !important;
color:#344054 !important;
font-size:12px !important;
text-transform:uppercase !important;
letter-spacing:.08em !important;
padding:16px !important;
white-space:nowrap !important;
}
.admin-table td,
.admin-main table td{
padding:16px !important;
vertical-align:middle !important;
border-bottom:1px solid #E5ECF8 !important;
color:#1F2937 !important;
}
.table-wrap{
width:100% !important;
max-width:100% !important;
overflow:auto !important;
border:1px solid #E2E8F4 !important;
border-radius:22px !important;
background:#fff !important;
box-shadow:0 12px 36px rgba(15,23,42,.04) !important;
}
.forms-table-panel .table-wrap{border:0 !important;border-radius:24px !important;box-shadow:none !important;}
.form-row,
.field{min-width:0 !important;width:100% !important;display:grid !important;gap:8px !important;}
.form-row label,
.field label{font-size:13px !important;font-weight:900 !important;color:#344054 !important;line-height:1.35 !important;}
.form-row input,
.form-row select,
.form-row textarea,
.field input,
.field select,
.field textarea{
width:100% !important;
min-width:0 !important;
max-width:100% !important;
min-height:52px !important;
border:1px solid #C8D3E7 !important;
border-radius:16px !important;
background:#fff !important;
color:#111827 !important;
padding:0 15px !important;
font-size:15px !important;
line-height:1.4 !important;
box-shadow:none !important;
}
.form-row textarea,
.field textarea{min-height:126px !important;padding-top:14px !important;resize:vertical !important;}
.form-row select,
.field select{appearance:auto !important;text-overflow:ellipsis !important;}
.inline-check{display:flex !important;align-items:flex-start !important;gap:10px !important;line-height:1.5 !important;font-weight:800 !important;color:#475467 !important;}
.inline-check input{width:auto !important;min-height:auto !important;margin-top:3px !important;}
.form-switcher{
display:flex !important;
align-items:center !important;
gap:14px !important;
flex-wrap:wrap !important;
padding:16px !important;
border:1px solid #E2E8F4 !important;
border-radius:20px !important;
background:#F8FAFF !important;
margin-bottom:22px !important;
}
.form-switcher select{min-width:min(420px,100%) !important;max-width:100% !important;}
.sticky-save-bar{
position:sticky !important;
bottom:0 !important;
z-index:9 !important;
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
gap:12px !important;
flex-wrap:wrap !important;
padding:18px 22px !important;
margin:22px -30px -30px !important;
border-top:1px solid #E5ECF8 !important;
background:rgba(255,255,255,.96) !important;
backdrop-filter:blur(14px) !important;
box-shadow:0 -14px 34px rgba(15,23,42,.06) !important;
}
.admin-tab-pager{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:16px !important;
padding:18px 22px !important;
border-top:1px solid #E5ECF8 !important;
background:#F8FAFF !important;
}
.admin-tab-pager span{color:#64748B !important;font-weight:800 !important;font-size:13px !important;}
.btn-sm{min-height:40px !important;padding:9px 15px !important;border-radius:14px !important;}
.btn-outline{background:#fff !important;color:#175CFF !important;border:1px solid #BFD0F4 !important;}
.btn-outline:hover{background:#F2F6FF !important;border-color:#175CFF !important;}
.actions-cell{display:flex !important;gap:8px !important;align-items:center !important;flex-wrap:wrap !important;}
.actions-cell form{display:inline-flex !important;}
@media(max-width:1320px){
.admin-layout{grid-template-columns:270px minmax(0,1fr) !important;width:calc(100% - 28px) !important;gap:20px !important;}
.forms-library-layout,.builder-layout,.submissions-split{grid-template-columns:1fr !important;}
.form-toolbox{position:relative !important;top:auto !important;}
}
@media(max-width:980px){
.admin-layout{grid-template-columns:1fr !important;margin-top:14px !important;}
.admin-topbar{display:block !important;}
.admin-topbar-actions{justify-content:flex-start !important;margin-top:16px !important;}
.admin-sidebar{position:relative !important;top:auto !important;max-height:none !important;}
.admin-nav-group{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) !important;gap:6px !important;}
.admin-nav-title{grid-column:1/-1 !important;}
}
@media(max-width:720px){
.admin-layout{width:calc(100% - 16px) !important;gap:14px !important;margin-bottom:28px !important;}
.admin-topbar,.section-head.admin-title-row,.admin-main>.section-head:not(.admin-title-row){padding:18px !important;border-radius:22px !important;}
.admin-topbar-title strong{font-size:24px !important;}
.design-tabs{padding:14px !important;gap:8px !important;}
.design-tab{height:42px !important;font-size:13px !important;padding:0 14px !important;}
.design-panel{padding:18px !important;}
.builder-field-card .grid,.builder-field-card .grid-3,.builder-field-card .split,.design-panel .split:not(.submissions-split){grid-template-columns:1fr !important;}
.sticky-save-bar{position:relative !important;margin:22px -18px -18px !important;justify-content:flex-start !important;}
.sticky-save-bar .btn,.admin-tab-pager .btn{width:100% !important;}
.admin-tab-pager{display:grid !important;text-align:center !important;}
}
/* ===============================
V25 Modern No-Save Form Studio
=============================== */
.modern-forms-studio{border-radius:30px!important;overflow:hidden!important;background:#fff!important;border:1px solid #E2E8F4!important;box-shadow:0 22px 70px rgba(15,23,42,.07)!important}
.studio-header-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 28px;background:linear-gradient(135deg,#F8FAFF,#EEF6FF)!important;border-bottom:1px solid #E2E8F4!important}
.studio-header-strip>div:first-child{display:grid;gap:4px}.studio-kicker{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.13em!important;color:#175CFF!important;font-weight:950!important}.studio-header-strip strong{font-size:22px!important;color:#0F172A!important;letter-spacing:-.03em!important}.studio-header-strip small{color:#64748B!important;font-weight:700!important}.autosave-indicator,[data-autosave-status]{border:1px solid #C8D3E7;background:#fff;color:#475467;border-radius:999px;padding:9px 13px;font-weight:900;font-size:12px;white-space:nowrap}.autosave-indicator[data-state=saving],[data-autosave-status][data-state=saving]{background:#FFF8E6;color:#B45309;border-color:#FCD34D}.autosave-indicator[data-state=saved],[data-autosave-status][data-state=saved]{background:#ECFDF3;color:#067647;border-color:#ABEFC6}.autosave-indicator[data-state=error],[data-autosave-status][data-state=error]{background:#FEF3F2;color:#B42318;border-color:#FDA29B}.studio-tabs{top:0!important;background:#fff!important}.forms-library-modern{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}.quick-create-card{border:1px solid #D8E5FF!important;background:linear-gradient(135deg,#F8FAFF 0%,#FFFFFF 55%,#EEF6FF 100%)!important;border-radius:28px!important;padding:26px!important;display:grid!important;gap:20px!important;box-shadow:0 18px 50px rgba(23,92,255,.08)!important}.quick-create-card h3{font-size:28px!important;margin:0!important;color:#0F172A!important}.quick-create-card p{margin:6px 0 0!important;color:#64748B!important;font-weight:700!important}.quick-create-grid{display:grid!important;grid-template-columns:1.4fr .8fr .8fr!important;gap:16px!important}.modern-list-panel{border-radius:28px!important;overflow:hidden!important}.builder-topline{display:grid!important;gap:18px!important;margin-bottom:20px!important}.compact-switcher{margin:0!important}.builder-form-title{border:1px solid #E2E8F4!important;border-radius:26px!important;background:#fff!important;padding:22px 24px!important;box-shadow:0 12px 36px rgba(15,23,42,.04)!important}.builder-form-title h3{margin:8px 0 4px!important;font-size:30px!important;letter-spacing:-.04em!important;color:#0F172A!important}.builder-form-title p{margin:0!important;color:#64748B!important;font-weight:800!important}.quick-field-palette{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:12px!important;margin:0 0 24px!important}.quick-field-card{display:block!important}.quick-field-card button{width:100%!important;min-height:84px!important;border:1px solid #DDE8FB!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important;text-align:left!important;padding:16px!important;cursor:pointer!important;transition:.2s!important}.quick-field-card button:hover{transform:translateY(-3px)!important;border-color:#175CFF!important;box-shadow:0 14px 34px rgba(23,92,255,.13)!important}.quick-field-card strong{display:block!important;color:#0F172A!important;font-size:15px!important}.quick-field-card span{display:block!important;color:#64748B!important;margin-top:5px!important;font-size:12px!important;font-weight:800!important}.builder-modern-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:24px!important;align-items:start!important}.builder-canvas,.live-preview-panel{border:1px solid #E2E8F4!important;border-radius:28px!important;background:#fff!important;box-shadow:0 16px 50px rgba(15,23,42,.05)!important;min-width:0!important}.builder-canvas{padding:22px!important}.canvas-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:18px!important;padding-bottom:18px!important;border-bottom:1px solid #E5ECF8!important}.canvas-head h3{margin:0!important;font-size:24px!important}.canvas-head p{margin:6px 0 0!important;color:#64748B!important;font-weight:700!important}.modern-builder-fields{display:grid!important;gap:16px!important}.modern-field-card{border:1px solid #E2E8F4!important;background:#FCFDFF!important;border-radius:24px!important;padding:20px!important;box-shadow:none!important}.modern-field-card:hover{border-color:#BFD0F4!important;background:#fff!important}.field-card-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}.field-card-actions form{display:inline-flex!important}.field-edit-grid{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(160px,.7fr) 110px!important;gap:14px!important}.field-edit-grid .wide{grid-column:auto!important}.field-edit-grid .options-row{grid-column:1/-1!important}.modern-required{margin-top:14px!important}.live-preview-panel{position:sticky!important;top:94px!important;padding:22px!important}.live-preview-panel h3{margin:0 0 6px!important;font-size:22px!important}.mini-form-preview{border:1px solid #E2E8F4!important;border-radius:22px!important;background:linear-gradient(180deg,#F8FAFF,#fff)!important;padding:18px!important;display:grid!important;gap:13px!important}.mini-form-title{display:grid!important;gap:4px!important;margin-bottom:5px!important}.mini-form-title b{font-size:18px!important;color:#0F172A!important}.mini-form-title span{font-size:12px!important;color:#175CFF!important;font-weight:900!important}.mini-form-preview label{display:grid!important;gap:7px!important;color:#344054!important;font-weight:900!important;font-size:13px!important}.mini-form-preview label span{height:42px;border:1px solid #D8E2F4;border-radius:14px;background:#fff}.mini-form-preview h4{font-size:17px!important;margin:7px 0 0!important}.mini-form-preview hr{border:0;border-top:1px solid #E5ECF8;width:100%;margin:6px 0}.big-empty{padding:44px!important;border-radius:24px!important;background:#F8FAFF!important;border:1px dashed #C8D3E7!important;color:#64748B!important;font-weight:900!important;text-align:center!important}.settings-modern-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:24px!important;align-items:start!important}.settings-main-panel,.settings-side-panel{display:grid!important;gap:16px!important}.settings-side-panel{position:sticky!important;top:94px!important}.settings-banner-preview{width:100%;max-height:180px;object-fit:cover;border-radius:18px;border:1px solid #E2E8F4;background:#F8FAFF}.admin-main .btn-danger{border:1px solid #FDA29B!important;background:#FEF3F2!important;color:#B42318!important}.badge-status.published,.badge-status.accepted{background:#ECFDF3!important;color:#067647!important}.badge-status.draft,.badge-status.new{background:#EFF4FF!important;color:#175CFF!important}.badge-status.closed,.badge-status.rejected{background:#FEF3F2!important;color:#B42318!important}.badge-status.reviewed{background:#FFF8E6!important;color:#B45309!important}
@media(max-width:1280px){.builder-modern-layout,.settings-modern-grid{grid-template-columns:1fr!important}.live-preview-panel,.settings-side-panel{position:relative!important;top:auto!important}.quick-create-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){.studio-header-strip,.canvas-head{display:grid!important}.quick-field-palette{grid-template-columns:repeat(2,minmax(0,1fr))!important}.field-edit-grid{grid-template-columns:1fr!important}.quick-field-card button{min-height:74px!important;padding:13px!important}.builder-canvas,.live-preview-panel,.quick-create-card{padding:18px!important;border-radius:22px!important}}
/* V26 Mobile-first application experience + smarter form studio */
.quick-create-features{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.quick-create-features span{border:1px solid #D6E2FF;background:#F7FAFF;color:#175CFF;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.apply-mobile-shell{background:linear-gradient(180deg,#F7FAFF 0%,#FFFFFF 54%,#F8FAFF 100%);padding:44px 0 72px}.apply-modern-wrap{display:grid;gap:26px}.apply-hero-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:center;background:linear-gradient(135deg,#FFFFFF,#F3F7FF);border:1px solid #DDE7F8;border-radius:34px;padding:34px;box-shadow:0 24px 70px rgba(15,23,42,.08);overflow:hidden}.apply-hero-copy h1{font-size:clamp(34px,4vw,64px);line-height:1.02;margin:8px 0 13px;color:#06142D;letter-spacing:-.045em}.apply-hero-copy p{font-size:18px;line-height:1.75;color:#526173;max-width:720px}.apply-hero-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:28px;box-shadow:0 18px 46px rgba(23,92,255,.13);background:#EBF2FF}.apply-progress-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #DFE8F8;border-radius:22px;padding:16px 18px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.apply-progress-card span{font-weight:900;color:#334155}.apply-progress-card b{margin-left:auto;color:#175CFF}.apply-progress-card div{height:10px;flex:0 0 220px;border-radius:999px;background:#EEF3FF;overflow:hidden}.apply-progress-card i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#175CFF,#44B8FF);transition:.25s}.apply-content-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start}.apply-content-grid .application-info-card{border-radius:28px;background:#fff;box-shadow:0 16px 50px rgba(15,23,42,.06);border:1px solid #E2E8F4}.apply-form-modern{border-radius:34px;padding:34px;box-shadow:0 28px 90px rgba(15,23,42,.1);max-width:920px;width:100%;justify-self:stretch}.apply-form-modern .premium-form-field{margin-bottom:18px}.apply-form-modern .premium-form-field input:not([type=radio]):not([type=checkbox]),.apply-form-modern .premium-form-field select,.apply-form-modern .premium-form-field textarea{border-radius:18px;min-height:58px;border-color:#CAD7EC;background:#FCFDFF;font-size:16px}.apply-form-modern .premium-form-field input:focus,.apply-form-modern .premium-form-field select:focus,.apply-form-modern .premium-form-field textarea:focus{outline:0;border-color:#175CFF;box-shadow:0 0 0 5px rgba(23,92,255,.11);background:#fff}.privacy-note-card,.application-locked-card{border:1px solid #DDE7F8;background:#F7FAFF;border-radius:20px;padding:16px;margin-top:18px}.privacy-note-card b,.application-locked-card b{color:#0F172A;font-size:16px}.privacy-note-card p,.application-locked-card p{margin:7px 0 0;color:#526173;line-height:1.7}.application-locked-card{background:#FFF7ED;border-color:#FED7AA;margin-bottom:22px}.application-locked-card b{color:#9A3412}.apply-form-modern button[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}
@media(max-width:1050px){.apply-hero-card,.apply-content-grid{grid-template-columns:1fr}.apply-content-grid .application-info-card{position:static}.apply-form-modern{max-width:none}.apply-progress-card{flex-wrap:wrap}.apply-progress-card div{flex:1 1 100%}}
@media(max-width:640px){body{overflow-x:hidden}.apply-mobile-shell{padding:18px 0 40px}.apply-modern-wrap{gap:18px}.apply-hero-card{padding:22px;border-radius:0;border-left:0;border-right:0;box-shadow:none;margin-left:-16px;margin-right:-16px}.apply-hero-card img{display:none}.apply-hero-copy h1{font-size:34px;line-height:1.05}.apply-hero-copy p{font-size:15px;line-height:1.65}.application-meta-line{gap:8px}.application-meta-line span{font-size:12px;padding:8px 10px}.apply-progress-card{border-radius:18px;padding:14px}.apply-content-grid{gap:16px}.apply-content-grid .application-info-card{border-radius:22px;padding:20px}.apply-form-modern{border-radius:24px;padding:22px;box-shadow:0 16px 45px rgba(15,23,42,.08)}.apply-form-modern .form-brand-head{display:grid;gap:12px;margin-bottom:18px;padding-bottom:16px}.apply-form-modern .form-brand-head h2{font-size:30px;line-height:1}.apply-form-modern .form-brand-head b{justify-self:start}.apply-form-modern .premium-form-field{margin-bottom:16px}.apply-form-modern .premium-form-field input:not([type=radio]):not([type=checkbox]),.apply-form-modern .premium-form-field select,.apply-form-modern .premium-form-field textarea{min-height:56px;border-radius:16px}.choice{border-radius:16px;padding:14px}.btn-block{min-height:58px;border-radius:16px}.joinchat,.whatsapp-float{transform:scale(.86);transform-origin:left bottom}.quick-field-palette{position:relative;overflow-x:auto;display:flex!important;gap:10px;padding-bottom:8px;scroll-snap-type:x mandatory}.quick-field-card{flex:0 0 150px;scroll-snap-align:start}.quick-field-card button{width:150px!important}.builder-modern-layout,.settings-modern-grid{gap:16px!important}.builder-canvas,.live-preview-panel,.settings-main-panel,.settings-side-panel{border-radius:20px!important;padding:16px!important}.field-edit-grid{gap:10px!important}.admin-main{padding-left:12px!important;padding-right:12px!important}.modern-forms-studio{border-radius:20px!important}.studio-tabs{overflow-x:auto!important;white-space:nowrap!important}}
/* ===============================
V27 Ultra Modern Forms Command Center
=============================== */
.admin-main .modern-forms-studio{
background:#F8FAFC!important;
border:1px solid #D9E5F6!important;
box-shadow:0 24px 80px rgba(15,23,42,.08)!important;
}
.modern-panel-heading{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:18px!important;
padding:4px 0 22px!important;
border-bottom:1px solid #E3EBF7!important;
margin-bottom:22px!important;
}
.modern-panel-heading h3{font-size:30px!important;line-height:1.05!important;margin:0!important;letter-spacing:-.04em!important;color:#0B162B!important}
.modern-panel-heading p{margin:8px 0 0!important;color:#64748B!important;font-weight:750!important;max-width:760px!important}
.pill-note{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;border:1px solid #CFE0FF!important;background:#EEF5FF!important;color:#175CFF!important;border-radius:999px!important;padding:10px 14px!important;font-size:12px!important;font-weight:950!important}
.forms-command-metrics,.response-stats-bar,.analytics-hero-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
margin-bottom:22px!important;
}
.forms-command-metrics div,.response-stats-bar span,.analytics-hero-card{
border:1px solid #DFE8F8!important;
background:#fff!important;
border-radius:22px!important;
padding:18px 20px!important;
box-shadow:0 14px 40px rgba(15,23,42,.045)!important;
}
.forms-command-metrics b,.response-stats-bar b,.analytics-hero-card b{
display:block!important;
color:#0B162B!important;
font-size:30px!important;
line-height:1!important;
letter-spacing:-.04em!important;
margin-bottom:7px!important;
}
.forms-command-metrics span,.response-stats-bar span,.analytics-hero-card span{
color:#64748B!important;
font-weight:900!important;
font-size:13px!important;
}
.analytics-hero-card small{display:block!important;margin-top:8px!important;color:#667085!important;font-weight:750!important;line-height:1.45!important}
.quick-create-card{
grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr) auto!important;
align-items:end!important;
}
.quick-create-card>div:first-child{align-self:center!important}
.quick-create-features{grid-column:1/-1!important;margin:0!important}
.modern-list-panel .admin-table th{background:#EEF6FF!important;color:#0B162B!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-size:12px!important}
.modern-list-panel .admin-table td{background:#fff!important;border-bottom:1px solid #ECF1F8!important}
/* Google-Forms-like compact builder */
.quick-field-palette{
display:flex!important;
gap:9px!important;
overflow-x:auto!important;
padding:4px 2px 13px!important;
margin:0 0 18px!important;
scrollbar-width:thin!important;
}
.quick-field-card{flex:0 0 122px!important;margin:0!important}
.quick-field-card button{
min-height:58px!important;
height:58px!important;
border-radius:15px!important;
padding:10px 11px!important;
display:grid!important;
grid-template-columns:20px 1fr!important;
grid-template-rows:auto auto!important;
column-gap:8px!important;
align-items:center!important;
box-shadow:0 8px 22px rgba(15,23,42,.035)!important;
}
.quick-field-card button i{
grid-row:1/3!important;
width:20px!important;height:20px!important;border-radius:8px!important;
display:inline-flex!important;align-items:center!important;justify-content:center!important;
background:#175CFF!important;color:#fff!important;font-style:normal!important;font-weight:950!important;line-height:1!important;
}
.quick-field-card strong{font-size:12px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.quick-field-card span{font-size:10px!important;line-height:1.1!important;margin:2px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.builder-modern-layout{
grid-template-columns:minmax(0,1fr) 310px!important;
gap:18px!important;
}
.builder-canvas{padding:18px!important;border-radius:24px!important;background:#fff!important}
.gf-canvas-head{margin-bottom:12px!important;padding-bottom:13px!important}
.gf-canvas-head h3{font-size:26px!important}
.modern-builder-fields{gap:10px!important}
.gf-field-card{
position:relative!important;
padding:0!important;
border-radius:16px!important;
background:#fff!important;
border:1px solid #DDE7F6!important;
box-shadow:0 7px 20px rgba(15,23,42,.025)!important;
overflow:hidden!important;
}
.gf-field-card:before{
content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#175CFF;opacity:.75;
}
.gf-field-card:hover{border-color:#BBD1F6!important;box-shadow:0 12px 28px rgba(23,92,255,.06)!important;background:#fff!important}
.gf-field-row{
display:grid!important;
grid-template-columns:24px minmax(0,1fr) 178px 112px 72px!important;
gap:10px!important;
align-items:center!important;
min-height:64px!important;
padding:10px 12px 10px 18px!important;
}
.gf-drag-handle{color:#98A2B3!important;font-weight:900!important;font-size:16px!important;line-height:1!important;text-align:center!important;cursor:grab!important}
.gf-question-main{min-width:0!important}
.gf-question-input{
width:100%!important;
border:0!important;
background:transparent!important;
border-radius:0!important;
min-height:32px!important;
padding:0!important;
font-size:16px!important;
font-weight:900!important;
color:#0F172A!important;
box-shadow:none!important;
outline:0!important;
}
.gf-question-input:focus{box-shadow:inset 0 -2px 0 #175CFF!important;background:#F8FAFF!important;padding-left:8px!important;border-radius:8px!important}
.gf-question-sub{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin-top:2px!important}
.gf-question-sub span{font-size:10px!important;font-weight:900!important;color:#667085!important;border:1px solid #E4EAF4!important;background:#F8FAFF!important;border-radius:999px!important;padding:3px 7px!important;line-height:1!important}
.gf-type-select{
min-height:40px!important;height:40px!important;border-radius:12px!important;border:1px solid #CAD7EC!important;background:#fff!important;padding:0 10px!important;font-size:13px!important;font-weight:850!important;color:#344054!important;
}
.gf-required-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #D6E1F2!important;border-radius:999px!important;min-height:36px!important;padding:0 10px!important;background:#F8FAFF!important;font-size:12px!important;font-weight:900!important;color:#475467!important;white-space:nowrap!important;cursor:pointer!important}
.gf-required-toggle input{width:16px!important;height:16px!important;accent-color:#175CFF!important}
.gf-actions{display:flex!important;gap:5px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
.icon-btn{width:32px!important;height:32px!important;border-radius:10px!important;border:1px solid #D6E1F2!important;background:#fff!important;color:#175CFF!important;font-weight:950!important;font-size:16px!important;line-height:1!important;cursor:pointer!important}
.icon-btn:hover{background:#EEF5FF!important;border-color:#175CFF!important}
.icon-btn.danger{color:#B42318!important;border-color:#F3C5C0!important;background:#FFF8F7!important}
.gf-field-details{border-top:1px solid #ECF1F8!important;background:#FCFDFF!important}
.gf-field-details summary{cursor:pointer!important;padding:9px 18px!important;font-size:12px!important;font-weight:950!important;color:#175CFF!important;list-style:none!important;display:flex!important;align-items:center!important;gap:8px!important}
.gf-field-details summary:before{content:"▸";transition:.2s!important}
.gf-field-details[open] summary:before{transform:rotate(90deg)!important}
.gf-advanced-grid{display:grid!important;grid-template-columns:90px 1fr 1fr!important;gap:10px!important;padding:0 18px 16px!important}
.gf-advanced-grid .form-row label{font-size:11px!important;color:#667085!important;margin-bottom:4px!important}
.gf-advanced-grid input,.gf-advanced-grid textarea{min-height:38px!important;border-radius:11px!important;font-size:13px!important;padding:8px 10px!important}
.gf-advanced-grid textarea{min-height:68px!important}
.gf-advanced-grid .options-row{grid-column:1/-1!important}
.field-type-text .options-row,.field-type-email .options-row,.field-type-phone .options-row,.field-type-number .options-row,.field-type-date .options-row,.field-type-textarea .options-row,.field-type-file .options-row,.field-type-consent .options-row,.field-type-section .options-row,.field-type-divider .options-row{display:none!important}
.live-preview-panel{border-radius:24px!important;padding:18px!important;background:#fff!important;box-shadow:0 12px 34px rgba(15,23,42,.045)!important}
.mini-form-preview{border-radius:18px!important;padding:15px!important;gap:10px!important}
.mini-form-preview label span{height:32px!important;border-radius:10px!important}
/* Modern responses */
.responses-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;gap:12px!important;margin:0 0 16px!important}
.responses-toolbar input,.responses-toolbar select{height:48px!important;border:1px solid #D1DDEF!important;border-radius:16px!important;background:#fff!important;padding:0 14px!important;font:inherit!important;font-weight:800!important;color:#344054!important}
.submissions-modern-split{display:grid!important;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr)!important;gap:18px!important;align-items:start!important}
.responses-list-panel,.response-detail-panel,.analytics-panel{border:1px solid #DFE8F8!important;background:#fff!important;border-radius:24px!important;box-shadow:0 16px 48px rgba(15,23,42,.045)!important;padding:16px!important;min-width:0!important}
.responses-list-panel{display:grid!important;gap:9px!important;max-height:680px!important;overflow:auto!important}
.response-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;text-decoration:none!important;color:#1D2939!important;border:1px solid #EDF2FA!important;background:#FCFDFF!important;border-radius:18px!important;padding:11px!important;transition:.18s!important}
.response-row:hover,.response-row.active{border-color:#175CFF!important;background:#F5F9FF!important;box-shadow:0 8px 22px rgba(23,92,255,.08)!important}
.response-avatar{width:42px;height:42px;border-radius:15px;background:#EAF2FF;color:#175CFF;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:16px}
.response-row b{display:block!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.response-row small{display:block!important;color:#667085!important;font-size:12px!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:3px!important}
.response-row em{font-style:normal!important;font-size:11px!important;padding:6px 8px!important}
.response-detail-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;border-bottom:1px solid #ECF1F8!important;padding-bottom:14px!important;margin-bottom:14px!important}
.response-detail-head h3{margin:4px 0!important;font-size:28px!important;letter-spacing:-.04em!important;color:#0B162B!important}.response-detail-head p{margin:0!important;color:#667085!important;font-weight:750!important}
.response-meta-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}
.response-meta-grid div{border:1px solid #ECF1F8!important;border-radius:16px!important;background:#F8FAFF!important;padding:12px!important}.response-meta-grid b{display:block!important;color:#667085!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important}.response-meta-grid span{display:block!important;margin-top:5px!important;color:#1D2939!important;font-weight:900!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.response-status-form{border:1px solid #ECF1F8!important;background:#fff!important;border-radius:16px!important;padding:12px!important;margin-bottom:14px!important}.response-status-form select{height:42px!important;border-radius:12px!important;border:1px solid #D1DDEF!important;padding:0 12px!important;font-weight:850!important}.modern-answer-list{gap:10px!important}.modern-answer-list>div{background:#FCFDFF!important;border-radius:16px!important;padding:13px!important}.modern-answer-list b{color:#0B162B!important}.modern-answer-list p{color:#344054!important;line-height:1.65!important}
/* Modern analytics */
.analytics-modern-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important}.analytics-panel h3{font-size:22px!important;margin:0 0 14px!important;color:#0B162B!important}
.metric-progress{display:grid!important;gap:8px!important;border:1px solid #EEF2F8!important;border-radius:18px!important;background:#FCFDFF!important;padding:13px!important;margin-bottom:10px!important}.metric-progress>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.metric-progress span{font-weight:950!important;color:#1D2939!important}.metric-progress small{display:block!important;color:#667085!important;font-weight:750!important;margin-top:3px!important}.metric-progress b{font-size:20px!important;color:#175CFF!important}.metric-progress i{display:block!important;height:9px!important;border-radius:999px!important;background:#EEF3FF!important;overflow:hidden!important}.metric-progress em{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#175CFF,#51BAFF)!important}
.status-metric em{background:linear-gradient(90deg,#12B76A,#6CE9A6)!important}
@media(max-width:1180px){
.quick-create-card{grid-template-columns:1fr!important}
.builder-modern-layout,.submissions-modern-split,.analytics-modern-grid{grid-template-columns:1fr!important}
.live-preview-panel{position:relative!important;top:auto!important}
.gf-field-row{grid-template-columns:22px minmax(0,1fr) 155px 104px 68px!important}
.forms-command-metrics,.response-stats-bar,.analytics-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
.modern-panel-heading{display:grid!important}.pill-note{justify-self:start!important}
.forms-command-metrics,.response-stats-bar,.analytics-hero-grid{grid-template-columns:1fr!important}
.gf-field-row{grid-template-columns:20px minmax(0,1fr) 46px!important;gap:8px!important;min-height:auto!important;padding:10px 10px 10px 16px!important}
.gf-type-select{grid-column:2/4!important;width:100%!important;margin-top:6px!important}.gf-required-toggle{grid-column:2/3!important;justify-self:start!important;margin-top:4px!important}.gf-actions{grid-column:3/4!important;grid-row:1/2!important}.gf-question-input{font-size:15px!important}.gf-question-sub{display:none!important}
.gf-advanced-grid{grid-template-columns:1fr!important;padding:0 14px 14px!important}.responses-toolbar{grid-template-columns:1fr!important}.response-meta-grid{grid-template-columns:1fr!important}.response-row{grid-template-columns:38px minmax(0,1fr)!important}.response-row em{grid-column:2/3!important;justify-self:start!important;margin-top:4px!important}.quick-field-card{flex-basis:118px!important}.quick-field-card button{height:54px!important;min-height:54px!important}
}
/* ==========================================================
V28 DESKTOP APPLICATION LAYOUT FIX
Fixes opportunity/application cards overlapping on desktop.
The issue was caused by old generic .container flex/min-height rules.
========================================================== */
body.rebuilt-platform .main-content{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding-bottom:0 !important;
}
body.rebuilt-platform .container:not(.navbar){
max-width:1180px !important;
width:100% !important;
margin-inline:auto !important;
padding-inline:24px !important;
min-height:0 !important;
align-items:initial !important;
justify-content:initial !important;
text-align:left !important;
}
body.rebuilt-platform .hero > .container{
min-height:670px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
padding-top:80px !important;
padding-bottom:90px !important;
}
body.rebuilt-platform .trusted .container,
body.rebuilt-platform .section .container,
body.rebuilt-platform .opportunities-hero .container,
body.rebuilt-platform .page-hero .container{
display:block !important;
min-height:0 !important;
padding-top:0 !important;
padding-bottom:0 !important;
}
body.rebuilt-platform .navbar.container{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
min-height:0 !important;
text-align:left !important;
}
.apply-mobile-shell{
padding:56px 0 96px !important;
overflow:visible !important;
position:relative !important;
isolation:isolate !important;
}
.apply-mobile-shell .container.apply-modern-wrap{
display:grid !important;
grid-template-columns:1fr !important;
gap:28px !important;
max-width:1180px !important;
width:100% !important;
margin-inline:auto !important;
padding-inline:24px !important;
min-height:0 !important;
align-items:stretch !important;
justify-content:normal !important;
text-align:left !important;
padding-top:0 !important;
padding-bottom:0 !important;
}
.apply-hero-card,
.apply-progress-card,
.apply-content-grid{
width:100% !important;
max-width:100% !important;
position:relative !important;
z-index:1 !important;
margin:0 !important;
transform:none !important;
}
.apply-content-grid{
display:grid !important;
grid-template-columns:minmax(280px,360px) minmax(0,1fr) !important;
grid-template-areas:"info form" !important;
gap:28px !important;
align-items:start !important;
overflow:visible !important;
}
.apply-content-grid > *{
min-width:0 !important;
max-width:100% !important;
transform:none !important;
margin-top:0 !important;
}
.apply-content-grid .application-info-card{
grid-area:info !important;
position:sticky !important;
top:92px !important;
z-index:1 !important;
width:100% !important;
height:auto !important;
align-self:start !important;
}
.apply-content-grid .apply-form-modern{
grid-area:form !important;
position:relative !important;
z-index:2 !important;
max-width:none !important;
width:100% !important;
justify-self:stretch !important;
align-self:start !important;
overflow:visible !important;
}
.apply-form-modern .form-brand-head{
position:relative !important;
z-index:1 !important;
margin-top:0 !important;
}
.apply-form-modern .btn-block{
width:100% !important;
margin-top:8px !important;
}
@media(max-width:1100px){
.apply-content-grid{
grid-template-columns:1fr !important;
grid-template-areas:"info" "form" !important;
}
.apply-content-grid .application-info-card{
position:relative !important;
top:auto !important;
}
.apply-content-grid .apply-form-modern{
max-width:100% !important;
}
}
@media(max-width:700px){
body.rebuilt-platform .container:not(.navbar),
.apply-mobile-shell .container.apply-modern-wrap{
padding-inline:16px !important;
}
.apply-mobile-shell{
padding:24px 0 56px !important;
}
.apply-hero-card{
border-radius:24px !important;
margin:0 !important;
padding:22px !important;
}
.apply-content-grid{
gap:18px !important;
}
.apply-content-grid .application-info-card,
.apply-content-grid .apply-form-modern{
border-radius:24px !important;
}
.apply-form-modern{
padding:22px !important;
}
}
/* V29: Applicant count toggle + copy form link polish */
.form-actions-cell{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;min-width:310px}.copy-link-btn{border-color:#CFE0FF!important;background:#F3F7FF!important;color:#175CFF!important}.copy-link-btn.copied{background:#16A34A!important;color:#fff!important;border-color:#16A34A!important}.form-switcher.compact-switcher{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.application-meta-line span:empty{display:none}@media(max-width:780px){.form-actions-cell{min-width:0}.form-actions-cell .btn{flex:1 1 calc(50% - 8px);padding:9px 10px}.form-switcher.compact-switcher select{flex:1 1 100%}}
/* V30 Automation Center */
.application-collaborators{margin:18px 0 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.application-collaborators>span{font-weight:900;color:#64748b;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.application-collaborator-logos{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.application-collaborator-logo{width:58px;height:58px;border-radius:18px;background:#fff;border:1px solid #e2e8f4;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(15,23,42,.08);text-decoration:none;color:#175CFF;font-weight:900}.application-collaborator-logo img{max-width:78%;max-height:78%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.2s}.application-collaborator-logo:hover img{filter:grayscale(0);opacity:1;transform:scale(1.04)}
.automation-center{border-radius:30px!important;overflow:hidden;background:#fff!important}.automation-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 24px;background:linear-gradient(135deg,#f8fbff,#eef6ff);border-bottom:1px solid #e2e8f4}.automation-topbar select{min-width:260px;border:1px solid #cbd9f2;border-radius:16px;padding:12px;background:#fff;font-weight:800}.automation-tabs{padding:14px 18px!important;background:#fff;border-bottom:1px solid #e2e8f4;overflow-x:auto}.automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:24px}.automation-grid.two.wide-left{grid-template-columns:minmax(300px,.9fr) minmax(460px,1.1fr)}.modern-stack{display:grid;gap:14px}.modern-stack label{display:grid;gap:8px;font-weight:900;color:#27364e}.modern-stack input,.modern-stack select,.modern-stack textarea,.verify-form input{width:100%;border:1px solid #cbd9f2;border-radius:16px;padding:13px 15px;background:#fff;font:inherit;outline:0}.modern-stack textarea{resize:vertical}.collab-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.collab-admin-card{border:1px solid #e2e8f4;border-radius:20px;padding:14px;display:grid;gap:8px;background:#fbfdff}.collab-admin-card img{width:70px;height:54px;object-fit:contain;background:#fff;border:1px solid #eef3fb;border-radius:14px}.collab-admin-card small{color:#64748b;word-break:break-all}.mini-submission-list{display:grid;gap:10px;max-height:650px;overflow:auto}.mini-sub-row{display:grid;gap:4px;padding:13px 14px;border:1px solid #e2e8f4;border-radius:16px;text-decoration:none;color:#111827;background:#fff}.mini-sub-row.active,.mini-sub-row:hover{border-color:#175CFF;background:#f4f7ff}.mini-sub-row small{color:#64748b}.batch-check-list{max-height:260px;overflow:auto;border:1px solid #e2e8f4;border-radius:18px;padding:10px;display:grid;gap:7px;background:#fbfdff}.batch-check-list label{display:flex!important;gap:8px;align-items:center;font-weight:800}.batch-check-list small{color:#64748b;margin-left:auto}.inline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.block-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #e2e8f4;background:#fbfdff;border-radius:16px;padding:12px;margin-bottom:10px}.block-row small{color:#64748b;display:block}.document-public-shell{min-height:calc(100vh - 120px);padding:46px 18px;background:radial-gradient(circle at top right, color-mix(in srgb,var(--doc-accent) 18%,transparent), transparent 38%),#f6f9fd}.document-paper{max-width:960px;margin:auto;background:#fff;border:1px solid #e4eaf5;border-radius:34px;padding:42px;box-shadow:0 28px 90px rgba(15,23,42,.13);position:relative;overflow:hidden}.document-paper:before{content:"";position:absolute;inset:0 0 auto 0;height:12px;background:var(--doc-accent)}.document-topline{display:flex;justify-content:space-between;align-items:center;color:#64748b;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.document-logo-mark{width:86px;height:86px;border-radius:28px;background:linear-gradient(135deg,var(--doc-accent),#111827);display:flex;align-items:center;justify-content:center;margin:34px auto 18px;color:#fff}.document-logo-mark img{max-width:72%;max-height:72%;object-fit:contain}.document-logo-mark strong{font-size:46px}.document-paper h1{text-align:center;font-size:52px;line-height:1.05;margin:12px 0;color:#111827}.document-lead{text-align:center;font-size:20px;line-height:1.8;color:#334155;max-width:760px;margin:0 auto 28px}.document-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.document-info-grid div{background:#f8fbff;border:1px solid #e2e8f4;border-radius:20px;padding:16px}.document-info-grid span{display:block;color:#64748b;font-weight:900;font-size:12px;text-transform:uppercase}.document-info-grid b{font-size:16px;color:#111827}.document-barcode{text-align:center;margin:28px auto}.document-barcode>div{height:90px;display:flex;align-items:end;justify-content:center;gap:3px}.document-barcode i{display:block;background:#111827;border-radius:2px}.document-barcode b{display:block;margin-top:8px;letter-spacing:.12em}.document-verify-link{display:block;text-align:center;color:var(--doc-accent);font-weight:900}.verify-shell{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:40px 16px;background:#f6f9fd}.verify-card{width:min(720px,100%);background:#fff;border:1px solid #e2e8f4;border-radius:30px;padding:34px;box-shadow:0 25px 80px rgba(15,23,42,.10)}.verify-card h1{font-size:40px;margin:8px 0 18px}.verify-form{display:grid;grid-template-columns:1fr auto;gap:10px}.verification-result{margin-top:18px;border-radius:20px;padding:18px}.verification-result.success{background:#ecfdf5;border:1px solid #bbf7d0}.verification-result.error{background:#fff1f2;border:1px solid #fecdd3}@media(max-width:900px){.automation-grid,.automation-grid.two.wide-left{grid-template-columns:1fr;padding:16px}.document-info-grid{grid-template-columns:1fr}.document-paper h1{font-size:36px}.verify-form{grid-template-columns:1fr}.block-row{grid-template-columns:1fr}.automation-topbar{align-items:flex-start;flex-direction:column}.automation-topbar select{min-width:100%}}
/* V31: Form save/delete safety layout */
.form-delete-zone{
margin-top:24px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
border:1px solid #FDA29B!important;
background:linear-gradient(135deg,#FFF7F6,#FFFFFF)!important;
border-radius:24px!important;
padding:22px!important;
}
.form-delete-zone h3{margin:0 0 6px!important;color:#B42318!important;font-size:20px!important;letter-spacing:-.02em!important}
.form-delete-zone p{margin:0!important;color:#667085!important;font-weight:700!important;line-height:1.6!important}
.form-delete-zone form{margin:0!important;flex:0 0 auto!important}
@media(max-width:760px){.form-delete-zone{display:grid!important}.form-delete-zone form,.form-delete-zone .btn{width:100%!important}}
/* V32: Partner display on application pages exactly like homepage + document live preview */
.trusted-application-partners{margin:24px 0 0!important;display:grid!important;gap:14px!important;align-items:start!important;max-width:100%!important}.trusted-application-partners .trusted-title{font-size:13px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#48536b!important;font-weight:900!important}.trusted-application-partners .partners,.application-partners-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:34px!important;flex-wrap:wrap!important}.trusted-application-partners .partner-logo,.application-partner-logo{width:auto!important;height:auto!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;display:inline-flex!important;position:relative!important;filter:grayscale(1)!important;opacity:.42!important;transition:.25s!important;text-decoration:none!important;color:#175CFF!important}.trusted-application-partners .partner-logo img,.apply-hero-card .trusted-application-partners .partner-logo img,.apply-hero-card .application-partner-logo img{width:auto!important;height:54px!important;max-width:150px!important;max-height:54px!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;filter:none!important;opacity:1!important}.trusted-application-partners .partner-logo:hover{filter:grayscale(0) drop-shadow(0 10px 20px rgba(23,92,255,.25))!important;opacity:1!important;transform:translateY(-3px)!important}.trusted-application-partners .partner-logo:before{content:attr(data-tooltip)!important;position:absolute!important;left:50%!important;bottom:calc(100% + 10px)!important;transform:translateX(-50%) translateY(6px)!important;padding:7px 10px!important;border-radius:999px!important;background:#0A083B!important;color:#fff!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;transition:.2s!important}.trusted-application-partners .partner-logo:hover:before{opacity:1!important;transform:translateX(-50%) translateY(0)!important}.trusted-application-partners .partner-logo b{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;border-radius:18px!important;background:#eef4ff!important;color:#175CFF!important;font-size:22px!important}
.documents-workbench{display:grid;grid-template-columns:minmax(380px,.95fr) minmax(520px,1.05fr);gap:22px;padding:24px;align-items:start}.documents-workbench .issue-documents-panel{grid-column:1 / -1}.panel-head-split{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-head-split h3{margin:0 0 4px}.autosave-pill{border:1px solid #CFE0FF;background:#F3F7FF;color:#175CFF;font-size:12px;font-weight:900;border-radius:999px;padding:8px 12px;white-space:nowrap}.template-section-title{margin-top:6px;padding-top:14px;border-top:1px solid #e2e8f4;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#64748b;font-weight:900}.compact-check{display:flex!important;align-items:center!important;gap:10px!important;background:#f8fbff;border:1px solid #e2e8f4;border-radius:16px;padding:12px}.compact-check input{width:auto!important}.preview-toggle{display:flex;gap:8px;background:#eef4ff;border:1px solid #d8e4fb;border-radius:999px;padding:5px}.preview-toggle button{border:0;background:transparent;color:#53627a;font-weight:900;border-radius:999px;padding:9px 13px;cursor:pointer}.preview-toggle button.active{background:#175CFF;color:#fff;box-shadow:0 10px 26px rgba(23,92,255,.22)}.doc-preview-stage{background:radial-gradient(circle at top right,rgba(23,92,255,.14),transparent 34%),#f5f8ff;border:1px solid #e2e8f4;border-radius:26px;padding:18px;overflow:auto}.document-preview-card.document-paper{max-width:100%!important;transform:scale(.74);transform-origin:top center;margin:0 auto -180px!important;box-shadow:0 16px 45px rgba(15,23,42,.10)!important}.document-preview-card.hidden{display:none!important}.document-preview-card .document-paper h1,.document-preview-card h1{font-size:46px}.document-preview-card .document-lead{font-size:18px}.document-preview-card .document-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-document-preview-panel{position:sticky;top:92px}@media(max-width:1180px){.documents-workbench{grid-template-columns:1fr}.live-document-preview-panel{position:relative;top:auto}.document-preview-card.document-paper{transform:scale(.9);margin-bottom:-60px!important}}@media(max-width:760px){.trusted-application-partners .partner-logo img,.apply-hero-card .trusted-application-partners .partner-logo img{height:42px!important;max-height:42px!important;max-width:120px!important}.trusted-application-partners .partners{gap:18px!important}.documents-workbench{padding:14px;gap:16px}.panel-head-split{flex-direction:column}.preview-toggle{width:100%;justify-content:space-between}.preview-toggle button{flex:1}.doc-preview-stage{padding:12px}.document-preview-card.document-paper{transform:none!important;margin:0!important;padding:28px 18px}.document-preview-card h1{font-size:32px!important}.document-preview-card .document-lead{font-size:15px!important}.document-preview-card .document-info-grid{grid-template-columns:1fr!important}}
/* V33: Stitch admin dashboard polish, real tickets/certificates, full partner logos */
.admin-page .site-header,.admin-page .site-footer{display:none!important}.admin-page .main-content{padding:0!important}.admin-layout{min-height:100vh;background:#F6F8FB!important;display:grid!important;grid-template-columns:280px minmax(0,1fr)!important}.admin-topbar{position:sticky!important;top:0!important;grid-column:2!important;height:72px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid #E2E8F0!important;z-index:20!important;padding:12px 32px!important}.admin-sidebar{position:sticky!important;top:0!important;height:100vh!important;background:#1E1E2C!important;color:#fff!important;border:0!important;box-shadow:12px 0 40px rgba(15,23,42,.12)!important}.admin-sidebar-brand{border-color:rgba(255,255,255,.12)!important}.admin-sidebar-brand strong{color:#fff!important}.admin-sidebar-brand span,.admin-nav-title{color:#BFC7DA!important}.organized-admin-sidebar a{color:#DCE3F5!important;border-radius:14px!important;margin:3px 10px!important}.organized-admin-sidebar a:hover,.organized-admin-sidebar a.active{background:rgba(23,92,255,.22)!important;color:#fff!important;border-left:4px solid #175CFF!important}.admin-main{grid-column:2!important;max-width:none!important;padding:32px!important;background:#F6F8FB!important}.admin-card,.panel,.inner-panel{border:1px solid #E2E8F0!important;border-radius:28px!important;box-shadow:0 18px 55px rgba(15,23,42,.06)!important;background:#fff!important}.design-tabs,.studio-tabs,.automation-tabs{background:#fff!important;border:1px solid #E2E8F0!important;border-radius:999px!important;padding:6px!important;gap:6px!important;display:flex!important;overflow:auto!important}.design-tab{border:0!important;border-radius:999px!important;padding:12px 18px!important;font-weight:900!important;color:#334155!important;white-space:nowrap!important}.design-tab.active{background:#175CFF!important;color:#fff!important;box-shadow:0 10px 28px rgba(23,92,255,.22)!important}.modern-forms-studio{overflow:visible!important}.forms-command-metrics,.analytics-hero-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.forms-command-metrics>div,.analytics-hero-card{border:1px solid #E2E8F0!important;border-radius:24px!important;background:linear-gradient(135deg,#fff,#F8FAFF)!important;padding:20px!important}.forms-command-metrics b,.analytics-hero-card b{font-size:34px!important;color:#175CFF!important;letter-spacing:-.04em!important}.quick-field-palette{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(138px,1fr))!important;gap:10px!important}.gf-tool-card button{min-height:86px!important;border-radius:18px!important}.builder-modern-layout{grid-template-columns:minmax(0,1fr) 340px!important}.gf-field-card{border-radius:18px!important;border-color:#DDE7F8!important;box-shadow:0 10px 28px rgba(15,23,42,.04)!important}.gf-field-row{grid-template-columns:24px minmax(220px,1fr) 190px 120px auto!important;padding:12px 14px!important}.gf-question-input{font-size:15px!important;min-height:30px!important}.gf-field-details summary{padding:7px 14px!important}.automation-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;background:#fff!important;border:1px solid #E2E8F0!important;border-radius:28px!important;padding:18px 20px!important;box-shadow:0 14px 40px rgba(15,23,42,.05)!important;margin:0 0 18px!important}.automation-topbar select{min-width:320px!important}.automation-grid.two,.automation-grid.two.wide-left{display:grid!important;grid-template-columns:420px minmax(0,1fr)!important;gap:22px!important}.collab-admin-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:14px!important}.collab-admin-card{border:1px solid #E2E8F0!important;border-radius:22px!important;background:#fff!important;padding:16px!important;display:grid!important;gap:10px!important;align-items:center!important}.collab-admin-card img{width:100%!important;height:82px!important;object-fit:contain!important;background:#F8FAFF!important;border-radius:16px!important;padding:10px!important}
.apply-modern-wrap>.trusted-application-partners{background:#fff!important;border:1px solid #E0E8F7!important;border-radius:28px!important;padding:22px 26px!important;box-shadow:0 18px 55px rgba(15,23,42,.05)!important;margin:0!important}.apply-hero-card>.trusted-application-partners{display:none!important}.trusted-application-partners .trusted-title{font-size:13px!important;letter-spacing:.22em!important;color:#4B5568!important}.trusted-application-partners .partners,.application-partners-row{gap:22px!important}.trusted-application-partners .partner-logo,.application-partner-logo{width:120px!important;height:76px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:20px!important;background:#F8FAFF!important;border:1px solid #E6EEFB!important;padding:12px!important;overflow:visible!important;filter:grayscale(1)!important;opacity:.55!important}.trusted-application-partners .partner-logo img,.trusted-application-partners .application-partner-logo img,.apply-hero-card .trusted-application-partners .partner-logo img,.apply-hero-card .application-partner-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;aspect-ratio:auto!important}.trusted-application-partners .partner-logo:hover{background:#fff!important;filter:grayscale(0) drop-shadow(0 14px 24px rgba(23,92,255,.22))!important;opacity:1!important;transform:translateY(-3px)!important}.trusted-application-partners .partner-logo:before{bottom:calc(100% + 8px)!important;z-index:99!important}
.documents-workbench{grid-template-columns:430px minmax(0,1fr)!important;gap:24px!important;padding:24px!important;background:#F6F8FB!important}.template-editor-panel{position:sticky!important;top:94px!important;max-height:calc(100vh - 120px)!important;overflow:auto!important}.live-document-preview-panel{position:sticky!important;top:94px!important}.doc-preview-stage{background:linear-gradient(135deg,#EEF5FF,#FFFFFF)!important;border-radius:30px!important;padding:28px!important;min-height:560px!important;display:grid!important;place-items:center!important}.document-preview-card.document-paper{display:none!important}.doc-preview-stage [data-doc-preview]{width:100%!important}.doc-preview-stage [data-doc-preview].hidden{display:none!important}.doc-preview-stage .real-document{transform:scale(.86)!important;transform-origin:center!important}.upgraded-document-shell{background:radial-gradient(circle at top right,rgba(23,92,255,.18),transparent 35%),#F6F8FB!important;padding:56px 16px!important}.real-document{font-family:Inter,Arial,sans-serif;color:#0B1020;position:relative;overflow:hidden;background:#fff;border:1px solid #DDE7F8;box-shadow:0 32px 90px rgba(15,23,42,.14)}.real-ticket{width:min(1050px,100%);min-height:430px;margin:auto;border-radius:34px;display:grid;grid-template-columns:minmax(0,1fr) 292px;background:linear-gradient(135deg,#FFFFFF 0%,#F6F9FF 62%,color-mix(in srgb,var(--doc-accent) 12%,#fff) 100%)}.real-ticket:before{content:"";position:absolute;left:-90px;top:-90px;width:240px;height:240px;border-radius:50%;background:color-mix(in srgb,var(--doc-accent) 18%,transparent)}.real-ticket:after{content:"";position:absolute;right:292px;top:26px;bottom:26px;border-left:2px dashed #C9D6EB}.ticket-main{padding:40px 44px;position:relative;z-index:1}.doc-brand-row{display:flex;align-items:center;gap:14px;margin-bottom:24px}.doc-brand-row span,.certificate-top span{font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:#64748B}.doc-brand-row b,.certificate-top b{display:block;margin-top:4px;font-size:15px;color:#0B1020}.document-logo-mark{width:74px!important;height:74px!important;border-radius:22px!important;background:linear-gradient(135deg,var(--doc-accent),#0B1020)!important;display:grid!important;place-items:center!important;color:#fff!important;box-shadow:0 14px 34px color-mix(in srgb,var(--doc-accent) 24%,transparent)!important;margin:0!important;overflow:hidden!important}.document-logo-mark img{max-width:78%!important;max-height:78%!important;object-fit:contain!important}.document-logo-mark strong{font-size:36px!important}.ticket-type-pill{display:inline-flex;background:color-mix(in srgb,var(--doc-accent) 10%,#fff);color:var(--doc-accent);border:1px solid color-mix(in srgb,var(--doc-accent) 22%,#fff);border-radius:999px;padding:8px 12px;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.real-ticket h1{font-size:50px;line-height:1.05;margin:18px 0 12px;letter-spacing:-.045em;color:#0B1020}.real-ticket p{font-size:17px;line-height:1.75;color:#475569;max-width:700px}.ticket-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.ticket-data-grid div{background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:14px}.ticket-data-grid span,.certificate-footer span{display:block;color:#64748B;text-transform:uppercase;font-size:11px;font-weight:950;letter-spacing:.08em}.ticket-data-grid b,.certificate-footer b{display:block;margin-top:6px;color:#111827;font-size:15px}.ticket-side{padding:36px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.55);position:relative;z-index:1}.ticket-code-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:950;color:#64748B}.ticket-side>strong{font-size:18px;line-height:1.25;margin:10px 0 18px;color:#0B1020;word-break:break-word}.ticket-side a,.doc-footer-note a{color:var(--doc-accent);font-weight:950;text-decoration:none}.document-qr-svg{border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 12px 26px rgba(15,23,42,.08);margin-bottom:14px}.ticket-cut{position:absolute;right:270px;top:50%;width:44px;height:88px;background:#F6F8FB;border-radius:999px;transform:translateY(-50%);border:1px solid #DDE7F8}.ticket-style-dark-premium{background:linear-gradient(135deg,#111827,#172554)!important;color:#fff}.ticket-style-dark-premium h1,.ticket-style-dark-premium .doc-brand-row b,.ticket-style-dark-premium .ticket-side>strong{color:#fff}.ticket-style-dark-premium p{color:#DCE6F8}.ticket-style-dark-premium .ticket-data-grid div,.ticket-style-dark-premium .ticket-side{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}.ticket-style-dark-premium .ticket-data-grid b{color:#fff}.ticket-style-dark-premium .ticket-cut{background:#F6F8FB}.real-certificate{width:min(1120px,100%);min-height:760px;margin:auto;border-radius:26px;background:linear-gradient(135deg,#fff 0%,#F8FBFF 70%,color-mix(in srgb,var(--doc-accent) 10%,#fff) 100%);padding:18px}.certificate-border{min-height:720px;border:2px solid color-mix(in srgb,var(--doc-accent) 34%,#DDE7F8);border-radius:22px;padding:36px 46px;display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at top left,color-mix(in srgb,var(--doc-accent) 12%,transparent),transparent 32%)}.certificate-top{display:flex;align-items:center;gap:14px;justify-content:center}.certificate-body{text-align:center;margin:auto}.certificate-kicker{display:inline-flex;color:var(--doc-accent);background:color-mix(in srgb,var(--doc-accent) 10%,#fff);border:1px solid color-mix(in srgb,var(--doc-accent) 25%,#fff);border-radius:999px;padding:9px 14px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950}.real-certificate h1{font-size:42px;margin:22px 0 18px;letter-spacing:-.035em}.presented{color:#64748B;font-size:16px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.real-certificate h2{font-family:Sora,Inter,sans-serif;font-size:64px;letter-spacing:-.055em;line-height:1.05;margin:10px 0;color:#0B1020}.certificate-lead{max-width:760px;margin:18px auto;color:#475569;font-size:19px;line-height:1.85}.certificate-program{display:inline-flex;margin-top:8px;font-size:22px;color:var(--doc-accent)}.certificate-footer{display:grid;grid-template-columns:1fr 1fr 140px;align-items:end;gap:20px;margin-top:auto}.certificate-qr{display:grid;justify-items:center}.certificate-qr small{font-size:10px;font-weight:900;margin-top:6px;word-break:break-word;text-align:center}.doc-footer-note{text-align:center;margin:22px 0 0;color:#64748B;font-size:13px}.certificate-style-luxury-gold{--doc-accent:#D4A017!important;background:#FFFDF7!important}.certificate-style-minimal-blue{--doc-accent:#175CFF!important}.document-partners-strip{margin-top:22px;border-top:1px solid #E2E8F0;padding-top:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.document-partners-strip span{font-size:11px;color:#64748B;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.document-partners-strip div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.document-partners-strip img{height:34px;max-width:110px;object-fit:contain;filter:grayscale(1);opacity:.78;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:5px}.document-barcode{display:none!important}
@media(max-width:1180px){.admin-layout{grid-template-columns:1fr!important}.admin-sidebar{position:relative!important;height:auto!important;grid-column:1!important}.admin-topbar,.admin-main{grid-column:1!important}.documents-workbench,.automation-grid.two,.automation-grid.two.wide-left,.builder-modern-layout{grid-template-columns:1fr!important}.template-editor-panel,.live-document-preview-panel{position:relative!important;top:auto!important;max-height:none!important}.doc-preview-stage .real-document{transform:none!important}.forms-command-metrics,.analytics-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.real-ticket{grid-template-columns:1fr}.real-ticket:after,.ticket-cut{display:none}.ticket-side{border-top:1px dashed #CBD5E1}.real-certificate h2{font-size:42px}.certificate-footer{grid-template-columns:1fr}}
@media(max-width:680px){.admin-main{padding:16px!important}.forms-command-metrics,.analytics-hero-grid{grid-template-columns:1fr!important}.gf-field-row{grid-template-columns:1fr!important}.trusted-application-partners .partner-logo,.application-partner-logo{width:104px!important;height:66px!important}.real-ticket h1{font-size:34px}.ticket-main,.ticket-side{padding:24px}.ticket-data-grid{grid-template-columns:1fr}.real-certificate{padding:10px;border-radius:20px}.certificate-border{padding:24px 16px;min-height:auto}.real-certificate h1{font-size:30px}.real-certificate h2{font-size:34px}.certificate-lead{font-size:16px}.certificate-footer{gap:14px}.document-partners-strip{display:grid}}
/* V34 admin sidebar collapse + duplicate/email fixes UI */
.admin-sidebar-toggle{min-width:118px!important}
.admin-layout.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)!important}
.admin-layout.sidebar-collapsed .admin-sidebar{width:0!important;min-width:0!important;overflow:hidden!important;padding:0!important;border:0!important;box-shadow:none!important;opacity:0!important;pointer-events:none!important}
.admin-layout.sidebar-collapsed .admin-topbar,.admin-layout.sidebar-collapsed .admin-main{grid-column:2!important}
@media(max-width:1180px){.admin-layout.sidebar-collapsed .admin-sidebar{display:none!important}.admin-sidebar-toggle{display:inline-flex!important}}
.application-locked-card{border:1px solid #BFDBFE!important;background:#EFF6FF!important;color:#0F172A!important;border-radius:18px!important;padding:16px!important;margin:0 0 18px!important}
/* V35: SMTP settings, real QR, student achievements */
.email-settings-modern{display:grid!important;gap:22px!important;padding:24px!important;background:#F6F8FB!important}
.email-explain-card{background:linear-gradient(135deg,#0B1020,#175CFF)!important;color:#fff!important;border-radius:28px!important;padding:26px!important;box-shadow:0 24px 70px rgba(15,23,42,.12)!important}
.email-explain-card h3{margin:0 0 10px!important;font-size:26px!important}.email-explain-card p,.email-explain-card li{color:#EAF2FF!important;line-height:1.75!important}.email-explain-card ol{margin:14px 0 0!important;padding-left:20px!important}
.email-settings-grid{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)!important;gap:22px!important}.smtp-status-card{background:#F8FAFF!important;border:1px solid #E2E8F0!important;border-radius:20px!important;padding:16px!important;display:grid!important;gap:5px!important}.smtp-status-card span{display:inline-flex!important;width:max-content;background:#EAF1FF!important;color:#175CFF!important;border-radius:999px!important;padding:6px 10px!important;font-weight:900!important}
.document-qr-link{display:inline-grid!important;place-items:center!important;background:#fff!important;border:1px solid #E2E8F0!important;border-radius:18px!important;padding:8px!important;box-shadow:0 12px 26px rgba(15,23,42,.08)!important;margin-bottom:14px!important}.document-qr-img{width:auto!important;height:auto!important;max-width:128px!important;max-height:128px!important;object-fit:contain!important;display:block!important}.certificate-qr .document-qr-img{max-width:96px!important;max-height:96px!important}.certificate-qr .document-qr-link{margin-bottom:4px!important;padding:6px!important;border-radius:14px!important}
.document-wallet-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:18px!important}.doc-wallet-card{background:#fff!important;border:1px solid #DDE7F8!important;border-radius:28px!important;padding:22px!important;box-shadow:0 18px 45px rgba(15,55,110,.07)!important;display:grid!important;gap:14px!important}.doc-wallet-card span{color:#175CFF!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:12px!important;font-weight:950!important}.doc-wallet-card h3{margin:6px 0!important;font-size:22px!important}.doc-wallet-card p{margin:0!important;color:#64748B!important}.doc-wallet-card>b{font-family:ui-monospace,monospace!important;background:#F1F6FF!important;border:1px solid #DDE7F8!important;border-radius:14px!important;padding:10px!important;display:block!important;word-break:break-word!important}.doc-wallet-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.achievement-timeline{display:grid!important;gap:14px!important}.achievement-item{display:flex!important;gap:14px!important;align-items:flex-start!important;background:#fff!important;border:1px solid #E2E8F0!important;border-radius:22px!important;padding:16px!important;box-shadow:0 12px 32px rgba(15,55,110,.05)!important}.achievement-item>span{width:14px!important;height:14px!important;border-radius:50%!important;background:#175CFF!important;box-shadow:0 0 0 7px #EAF1FF!important;margin-top:5px!important;flex:0 0 auto!important}.achievement-item b{display:block!important;font-size:17px!important}.achievement-item small{display:block!important;margin-top:4px!important;color:#64748B!important;font-weight:700!important}.achievement-tiles .dash-tile{background:#fff!important;border:1px solid #DDE7F8!important}
@media(max-width:900px){.email-settings-grid{grid-template-columns:1fr!important}.email-settings-modern{padding:14px!important}.document-wallet-grid{grid-template-columns:1fr!important}}
/* V37 document deletion controls */
.documents-control-panel .panel-head-split{align-items:flex-start!important}.bulk-doc-actions{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important;margin:12px 0 18px!important;flex-wrap:wrap!important}.bulk-doc-actions input{max-width:390px!important;min-width:260px!important}.documents-admin-table td small{display:block;margin-top:4px}.doc-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px;border:1px solid transparent}.doc-status-pill.issued{background:#ECFDF5;color:#047857;border-color:#BBF7D0}.doc-status-pill.cancelled{background:#FEF2F2;color:#B91C1C;border-color:#FECACA}.document-row-cancelled{opacity:.72;background:#FFF7F7!important}.document-row-cancelled b{text-decoration:line-through;text-decoration-thickness:1px}.inline-delete-doc{display:inline-flex!important;margin:0!important}.actions-cell{gap:7px!important;flex-wrap:wrap!important}.documents-admin-table th:first-child,.documents-admin-table td:first-child{width:38px!important;text-align:center!important}@media(max-width:820px){.bulk-doc-actions{justify-content:stretch!important}.bulk-doc-actions input,.bulk-doc-actions button{width:100%!important;max-width:none!important}.documents-admin-table{min-width:980px!important}}
/* V38 permanent deletion controls */
.response-row-wrap{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:center;margin-bottom:8px}.response-row-wrap>input{width:18px;height:18px;accent-color:#175CFF}.response-row-wrap .response-row{margin:0}.submission-action-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.submission-action-row .status-form{margin:0}.bulk-delete-warning{border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:14px;padding:12px 14px}
/* V39: Email campaigns for users and form applicants */
.campaign-command-center{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)!important;gap:22px!important;padding:24px!important;background:#F6F8FB!important}
.campaign-composer-panel,.campaign-preview-panel{border-radius:28px!important;background:#fff!important;border:1px solid #E2E8F0!important;box-shadow:0 18px 55px rgba(15,23,42,.07)!important}
.campaign-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;align-items:end!important}
.campaign-hint-card{border:1px solid #DDE7F8!important;background:#F8FBFF!important;border-radius:18px!important;padding:14px!important;display:grid!important;gap:5px!important}
.campaign-hint-card b{color:#175CFF!important}.campaign-hint-card small{color:#64748B!important;line-height:1.55!important;font-weight:700!important}
.audience-box{border:1px solid #E2E8F0!important;background:#FBFDFF!important;border-radius:20px!important;padding:12px!important}.audience-box.hidden{display:none!important}
.compact-audience-list{display:grid!important;gap:8px!important;max-height:280px!important;overflow:auto!important;padding:4px!important}.compact-audience-list label{display:flex!important;gap:10px!important;align-items:flex-start!important;background:#fff!important;border:1px solid #EAF0F8!important;border-radius:14px!important;padding:10px 12px!important;font-weight:800!important}.compact-audience-list input{width:17px!important;height:17px!important;margin-top:3px!important;accent-color:#175CFF!important;flex:0 0 auto!important}.compact-audience-list span{display:grid!important;gap:3px!important}.compact-audience-list small{color:#64748B!important;font-weight:700!important;line-height:1.4!important}
.campaign-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;border-top:1px solid #E2E8F0!important;padding-top:14px!important}.campaign-actions .inline-check{display:flex!important;gap:8px!important;align-items:center!important;color:#64748B!important;font-weight:800!important}.campaign-actions .inline-check input{width:18px!important;height:18px!important;accent-color:#175CFF!important}
.email-preview-card{border:1px solid #DDE7F8!important;border-radius:26px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 22px 60px rgba(15,23,42,.09)!important}.email-preview-head{padding:22px!important;background:linear-gradient(135deg,#0B1020,#175CFF)!important;color:#fff!important;display:grid!important;gap:10px!important}.email-preview-head span{font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#DCEBFF!important;font-size:12px!important}.email-preview-head b{font-size:24px!important;line-height:1.2!important}.email-preview-body{padding:22px!important;color:#334155!important;line-height:1.8!important}.email-preview-body p{margin:0 0 10px!important;color:#475569!important}.email-preview-body a{display:inline-flex!important;margin-top:18px!important;background:#175CFF!important;color:#fff!important;border-radius:999px!important;padding:11px 16px!important;font-weight:900!important}.campaign-note{margin-top:16px!important;border:1px solid #BFDBFE!important;background:#EFF6FF!important;border-radius:18px!important;padding:14px!important;display:grid!important;gap:5px!important}.campaign-note b{color:#175CFF!important}.campaign-note small{color:#475569!important;line-height:1.55!important;font-weight:700!important}
@media(max-width:1050px){.campaign-command-center{grid-template-columns:1fr!important;padding:16px!important}.campaign-grid-2{grid-template-columns:1fr!important}}
@media(max-width:620px){.campaign-actions{display:grid!important}.campaign-actions .btn{width:100%!important}.email-preview-head b{font-size:20px!important}.campaign-command-center{padding:12px!important}}
/* =========================================================
V40 — Premium partners strip + responsive navigation fix
========================================================= */
:root{
--v40-card:#ffffff;
--v40-border:#DDE7F8;
--v40-soft:#F6F9FF;
--v40-shadow:0 24px 70px rgba(15,23,42,.08);
}
/* Header spacing on mid screens */
.site-header{min-height:72px!important;height:auto!important;}
.navbar{min-height:72px!important;height:auto!important;padding-top:10px!important;padding-bottom:10px!important;}
.brand img{max-height:36px!important;object-fit:contain!important;}
.header-actions{flex-shrink:0!important;}
.main-nav{min-width:0!important;}
.main-nav a{white-space:nowrap!important;}
/* Premium homepage/application partners area */
.trusted,
.trusted-application-partners{
position:relative!important;
overflow:visible!important;
background:
radial-gradient(circle at 92% 0%, rgba(23,92,255,.14), transparent 30%),
radial-gradient(circle at 5% 100%, rgba(94,234,212,.12), transparent 34%),
linear-gradient(180deg,#FFFFFF 0%,#F7FAFF 100%)!important;
border-top:1px solid #E5ECF8!important;
border-bottom:1px solid #E5ECF8!important;
box-shadow:0 18px 55px rgba(15,23,42,.04)!important;
}
.trusted-row,
.trusted-application-partners{
min-height:auto!important;
padding:28px 0!important;
}
.trusted-row{
display:grid!important;
grid-template-columns:minmax(220px,320px) minmax(0,1fr)!important;
gap:28px!important;
align-items:center!important;
}
.trusted-title,
.trusted-application-partners .trusted-title{
display:inline-flex!important;
align-items:center!important;
gap:10px!important;
margin:0!important;
font-size:13px!important;
line-height:1.3!important;
letter-spacing:.20em!important;
text-transform:uppercase!important;
color:#334155!important;
font-weight:950!important;
white-space:normal!important;
}
.trusted-title:before,
.trusted-application-partners .trusted-title:before{
content:"";
width:10px;
height:10px;
border-radius:50%;
background:#175CFF;
box-shadow:0 0 0 7px rgba(23,92,255,.09);
flex:0 0 auto;
}
.partners,
.application-partners-row,
.trusted-application-partners .partners{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
gap:14px!important;
width:100%!important;
justify-content:stretch!important;
align-items:center!important;
flex:unset!important;
}
.partner-logo,
.application-partner-logo,
.trusted-application-partners .partner-logo,
.trusted-application-partners .application-partner-logo{
position:relative!important;
width:100%!important;
min-width:0!important;
height:86px!important;
padding:14px 18px!important;
border-radius:24px!important;
border:1px solid #E0E8F7!important;
background:rgba(255,255,255,.86)!important;
box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:visible!important;
opacity:1!important;
filter:none!important;
transform:none!important;
isolation:isolate!important;
}
.partner-logo img,
.application-partner-logo img,
.trusted-application-partners .partner-logo img,
.trusted-application-partners .application-partner-logo img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
border-radius:0!important;
background:transparent!important;
padding:0!important;
aspect-ratio:auto!important;
filter:grayscale(1)!important;
opacity:.48!important;
transition:transform .24s ease, filter .24s ease, opacity .24s ease!important;
}
.partner-logo:hover,
.application-partner-logo:hover,
.trusted-application-partners .partner-logo:hover,
.trusted-application-partners .application-partner-logo:hover{
background:#fff!important;
border-color:#BFD0F4!important;
box-shadow:0 22px 48px rgba(23,92,255,.16)!important;
transform:translateY(-3px)!important;
}
.partner-logo:hover img,
.application-partner-logo:hover img,
.trusted-application-partners .partner-logo:hover img,
.trusted-application-partners .application-partner-logo:hover img{
filter:grayscale(0)!important;
opacity:1!important;
transform:scale(1.035)!important;
}
.partners .partner-logo:after{display:none!important;content:none!important;}
.partner-logo:before,
.application-partner-logo:before,
.trusted-application-partners .partner-logo:before{
content:attr(data-partner-name)!important;
position:absolute!important;
left:50%!important;
bottom:calc(100% + 10px)!important;
transform:translateX(-50%) translateY(6px)!important;
padding:8px 12px!important;
border-radius:999px!important;
background:#0A083B!important;
color:#fff!important;
font-size:12px!important;
font-weight:850!important;
letter-spacing:0!important;
white-space:nowrap!important;
opacity:0!important;
pointer-events:none!important;
transition:.2s ease!important;
z-index:50!important;
box-shadow:0 12px 30px rgba(10,8,59,.22)!important;
}
.partner-logo:not([data-partner-name]):before,
.application-partner-logo:not([data-partner-name]):before{content:"Our Partners"!important;}
.partner-logo:hover:before,
.application-partner-logo:hover:before,
.trusted-application-partners .partner-logo:hover:before{
opacity:1!important;
transform:translateX(-50%) translateY(0)!important;
}
/* Responsive header: use a compact dropdown/drawer instead of the huge vertical menu */
@media(max-width:1180px){
.navbar{gap:12px!important;}
.main-nav{gap:16px!important;font-size:13px!important;}
.search-box{width:210px!important;}
.btn-sm{padding:0 16px!important;}
}
@media(max-width:980px){
.site-header{z-index:1000!important;}
.navbar{position:relative!important;}
.menu-toggle{display:inline-grid!important;place-items:center!important;width:46px!important;height:46px!important;border:1px solid #D7E2F7!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important;font-size:24px!important;line-height:1!important;}
.main-nav{
position:absolute!important;
top:calc(100% + 12px)!important;
right:0!important;
left:auto!important;
width:min(390px,calc(100vw - 32px))!important;
max-height:calc(100dvh - 100px)!important;
overflow:auto!important;
display:none!important;
flex-direction:column!important;
align-items:stretch!important;
gap:6px!important;
padding:12px!important;
border-radius:24px!important;
background:rgba(255,255,255,.96)!important;
border:1px solid #E1E9F8!important;
box-shadow:0 30px 80px rgba(15,23,42,.18)!important;
backdrop-filter:blur(18px)!important;
z-index:1001!important;
}
.main-nav.open{display:flex!important;}
.main-nav a{
width:100%!important;
text-align:left!important;
padding:13px 16px!important;
border-radius:16px!important;
font-size:14px!important;
font-weight:850!important;
color:#111827!important;
}
.main-nav a:hover,
.main-nav a.active{
background:#ECF2FF!important;
color:#175CFF!important;
}
.main-nav a.active:after{display:none!important;}
.search-box{width:min(270px,32vw)!important;}
}
@media(max-width:760px){
.main-nav{
position:absolute!important;
inset:auto 0 auto auto!important;
top:calc(100% + 10px)!important;
width:min(360px,calc(100vw - 24px))!important;
padding:10px!important;
border-radius:22px!important;
}
.header-actions .btn{display:none!important;}
.trusted-row{grid-template-columns:1fr!important;gap:18px!important;padding:24px 0!important;}
.partners,.application-partners-row,.trusted-application-partners .partners{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.partner-logo,.application-partner-logo,.trusted-application-partners .partner-logo{height:74px!important;border-radius:18px!important;padding:10px!important;}
.trusted-title,.trusted-application-partners .trusted-title{font-size:12px!important;letter-spacing:.16em!important;}
}
@media(max-width:520px){
.navbar{padding-left:18px!important;padding-right:18px!important;}
.brand img{max-width:128px!important;}
.search-box{display:none!important;}
.partners,.application-partners-row,.trusted-application-partners .partners{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.partner-logo,.application-partner-logo,.trusted-application-partners .partner-logo{height:70px!important;}
}
/* =========================================================
V41 — Email visibility, issue list layout, safe media, menu refinement
========================================================= */
/* Keep public partners area premium, balanced and uncropped */
.trusted,
.trusted-application-partners{
padding:34px 0!important;
border-radius:0!important;
}
.trusted-row{
width:min(1180px, calc(100% - 32px))!important;
margin:0 auto!important;
}
.trusted-title,
.trusted-application-partners .trusted-title{
font-size:14px!important;
color:#111827!important;
letter-spacing:.22em!important;
}
.partner-logo,
.application-partner-logo,
.trusted-application-partners .partner-logo,
.trusted-application-partners .application-partner-logo{
height:96px!important;
min-height:96px!important;
padding:16px 20px!important;
border-radius:26px!important;
}
.partner-logo img,
.application-partner-logo img,
.trusted-application-partners .partner-logo img,
.trusted-application-partners .application-partner-logo img{
object-fit:contain!important;
object-position:center!important;
max-width:100%!important;
max-height:100%!important;
}
/* Medium-screen navigation: never let the menu become a huge page-covering card */
.menu-toggle{display:none!important;}
@media(max-width:1280px){
.site-header{z-index:4000!important;}
.navbar{position:relative!important;gap:12px!important;}
.menu-toggle{
display:inline-grid!important;
place-items:center!important;
width:46px!important;
height:46px!important;
border-radius:16px!important;
border:1px solid #dbe6f7!important;
background:#fff!important;
color:#111827!important;
font-size:24px!important;
box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
cursor:pointer!important;
}
.main-nav{
display:none!important;
position:absolute!important;
right:14px!important;
left:auto!important;
top:calc(100% + 10px)!important;
width:min(340px, calc(100vw - 28px))!important;
max-height:min(520px, calc(100dvh - 110px))!important;
overflow:auto!important;
padding:10px!important;
border-radius:22px!important;
border:1px solid #e2e8f0!important;
background:rgba(255,255,255,.97)!important;
backdrop-filter:blur(18px)!important;
box-shadow:0 26px 70px rgba(15,23,42,.18)!important;
flex-direction:column!important;
gap:4px!important;
z-index:4500!important;
}
.main-nav.open{display:flex!important;}
.main-nav a{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
min-height:44px!important;
padding:10px 14px!important;
border-radius:14px!important;
text-align:left!important;
width:100%!important;
color:#111827!important;
font-size:14px!important;
font-weight:850!important;
}
.main-nav a.active,
.main-nav a:hover{background:#eef4ff!important;color:#175CFF!important;}
.main-nav a.active:after{display:none!important;}
.search-box{width:min(300px, 32vw)!important;}
}
@media(max-width:680px){
.main-nav{right:10px!important;width:calc(100vw - 20px)!important;border-radius:20px!important;}
.trusted-row{width:min(100% - 28px, 680px)!important;}
.partners,.application-partners-row,.trusted-application-partners .partners{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.partner-logo,.application-partner-logo,.trusted-application-partners .partner-logo{height:82px!important;min-height:82px!important;padding:12px!important;}
}
@media(max-width:430px){
.partners,.application-partners-row,.trusted-application-partners .partners{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
/* Issue tickets/certificates recipient list: compact, readable rows */
.issue-documents-panel .batch-check-list.issue-recipient-list{
display:grid!important;
gap:10px!important;
max-height:360px!important;
overflow:auto!important;
padding:4px!important;
border:0!important;
background:transparent!important;
}
.issue-recipient-row{
display:grid!important;
grid-template-columns:34px minmax(0, 1fr) auto!important;
align-items:center!important;
gap:12px!important;
width:100%!important;
min-height:64px!important;
margin:0!important;
padding:12px 14px!important;
border:1px solid #e2e8f0!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 10px 26px rgba(15,23,42,.045)!important;
cursor:pointer!important;
}
.issue-recipient-check{
width:26px!important;
height:26px!important;
display:grid!important;
place-items:center!important;
flex:0 0 26px!important;
}
.issue-recipient-check input,
.issue-recipient-row input[type="checkbox"]{
width:18px!important;
height:18px!important;
margin:0!important;
accent-color:#175CFF!important;
}
.issue-recipient-main{display:grid!important;gap:3px!important;min-width:0!important;}
.issue-recipient-main b{
display:block!important;
color:#111827!important;
font-size:14px!important;
line-height:1.25!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
.issue-recipient-main small{
display:block!important;
color:#64748b!important;
font-size:12px!important;
font-weight:750!important;
line-height:1.3!important;
overflow-wrap:anywhere!important;
}
.issue-recipient-status{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:70px!important;
border-radius:999px!important;
background:#eef4ff!important;
color:#175CFF!important;
padding:6px 10px!important;
font-size:12px!important;
font-weight:900!important;
}
.issue-documents-panel .inline-check{display:flex!important;align-items:center!important;gap:9px!important;}
.issue-documents-panel .inline-check input{width:18px!important;height:18px!important;accent-color:#175CFF!important;}
@media(max-width:700px){
.issue-recipient-row{grid-template-columns:30px minmax(0,1fr)!important;}
.issue-recipient-status{grid-column:2!important;justify-self:start!important;margin-top:2px!important;}
}
/* Media health helper cards */
.media-fix-alert{
border:1px solid #bfdbfe;
background:#eff6ff;
color:#1e3a8a;
padding:14px 16px;
border-radius:18px;
font-weight:800;
}