@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";.splash-screen{z-index:99999;pointer-events:none;background:radial-gradient(circle at 18% 20%,#3b82f62e,#0000 28%),radial-gradient(circle at 82% 78%,#f59e0b26,#0000 30%),linear-gradient(135deg,#061d42 0%,#092b5f 48%,#0b326b 100%);justify-content:center;align-items:center;width:100vw;height:100vh;animation:.8s cubic-bezier(.7,0,.3,1) 2.5s forwards splashZoomOut;display:flex;position:fixed;inset:0;overflow:hidden}.splash-screen:before{content:"";filter:blur(5px);pointer-events:none;background:radial-gradient(circle,#ffffff14,#0000 68%);border-radius:50%;width:520px;height:520px;position:absolute;top:-220px;left:-180px}.splash-screen:after{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#f59e0b21,#0000 68%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-240px;right:-180px}.splash-logo-container{perspective:1400px;z-index:2;width:min(680px,88vw);position:relative}.splash-logo{-webkit-backdrop-filter:blur(18px);width:100%;transform-style:preserve-3d;background:linear-gradient(145deg,#ffffff1f,#ffffff0e);border:1px solid #ffffff29;border-radius:24px;align-items:center;gap:28px;padding:34px 42px;animation:1.4s cubic-bezier(.2,.8,.2,1) forwards splashEnter;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 80px #00000061,0 10px 30px #00000029,inset 0 1px #ffffff24}.splash-logo:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b40,#0000 68%);border-radius:50%;width:300px;height:300px;position:absolute;top:-180px;right:-120px}.splash-logo:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f633,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-170px;left:-150px}.splash-logo-img{object-fit:contain;z-index:2;background:#fff;border-radius:20px;flex:0 0 108px;width:108px;height:108px;padding:6px;animation:4s ease-in-out infinite logoFloat;position:relative;box-shadow:0 14px 30px #00000040,0 0 0 1px #ffffffb3}.splash-brand-text{z-index:2;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex;position:relative}.splash-logo-title{color:#fff;letter-spacing:-.8px;text-shadow:0 4px 18px #00000047;white-space:nowrap;margin:0;font-size:clamp(1.55rem,3.4vw,2.5rem);font-weight:800;line-height:1.08}.splash-logo-tagline{color:#fbbf24;letter-spacing:.35px;white-space:nowrap;margin:8px 0 0;font-size:clamp(.75rem,1.7vw,1rem);font-weight:600}.splash-loading-bar{background:#ffffff1f;border-radius:999px;width:min(360px,100%);height:5px;margin-top:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.splash-loading-progress{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fbbf24,#fb923c);width:0;height:100%;animation:2.4s cubic-bezier(.4,0,.2,1) forwards splashProgress;box-shadow:0 0 12px #fbbf24bf,0 0 25px #f59e0b59}.splash-logo-container:before,.splash-logo-container:after{content:"";z-index:-1;border-radius:50%;animation:4s ease-in-out infinite dotFloat;position:absolute}.splash-logo-container:before{background:#fbbf24;width:10px;height:10px;top:20%;right:-35px;box-shadow:0 0 18px #fbbf24bf}.splash-logo-container:after{background:#60a5fa;width:7px;height:7px;animation-delay:-1.5s;bottom:22%;left:-30px;box-shadow:0 0 16px #60a5fab3}@keyframes splashEnter{0%{opacity:0;transform:translateY(35px)scale(.92)rotateX(8deg)}60%{opacity:1;transform:translateY(-4px)scale(1.01)rotateX(-1deg)}to{opacity:1;transform:translateY(0)scale(1)rotateX(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes splashProgress{0%{width:0%}35%{width:42%}70%{width:76%}to{width:100%}}@keyframes splashZoomOut{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(1.18)}}@keyframes dotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=768px){.splash-logo-container{width:min(520px,90vw)}.splash-logo{border-radius:22px;gap:20px;padding:28px}.splash-logo-img{border-radius:16px;flex-basis:84px;width:84px;height:84px}.splash-logo-title{white-space:normal;font-size:1.55rem}.splash-logo-tagline{white-space:normal;font-size:.78rem}.splash-loading-bar{margin-top:16px}}@media (width<=560px){.splash-logo-container{width:88vw}.splash-logo{text-align:center;border-radius:20px;flex-direction:column;justify-content:center;gap:16px;padding:32px 22px}.splash-logo-img{border-radius:16px;flex-basis:82px;width:82px;height:82px}.splash-brand-text{text-align:center;align-items:center;width:100%}.splash-logo-title{white-space:normal;font-size:1.45rem;line-height:1.15}.splash-logo-tagline{white-space:normal;margin-top:7px;font-size:.75rem}.splash-loading-bar{width:90%;margin-top:17px}.splash-logo:before{width:220px;height:220px;top:-130px;right:-110px}.splash-logo:after{width:180px;height:180px;bottom:-120px;left:-110px}}@media (width<=380px){.splash-logo{padding:28px 18px}.splash-logo-img{flex-basis:72px;width:72px;height:72px}.splash-logo-title{font-size:1.25rem}.splash-logo-tagline{font-size:.68rem}.splash-loading-bar{width:95%}}@media (prefers-reduced-motion:reduce){.splash-screen,.splash-logo,.splash-logo-img,.splash-loading-progress,.splash-logo-container:before,.splash-logo-container:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--navy:#092b5f;--navy-dark:#061d42;--navy-soft:#eaf2ff;--orange:#f59e0b;--orange-dark:#f97316;--orange-light:#fff4df;--green:#16a66a;--purple:#7542c8;--text:#14213d;--muted:#64748b;--border:#dbe3ee;--surface:#fff;--page:#f4f7fc}*{box-sizing:border-box}body{background:var(--page);color:var(--text);margin:0;font-family:Poppins,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.auth-page{background:radial-gradient(circle at 8% 30%,#f59e0b14,#0000 24%),radial-gradient(circle at 92% 42%,#092b5f14,#0000 25%),linear-gradient(#f8fbff 0%,#eef4fb 100%);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.auth-header{color:#fff;z-index:10;background:linear-gradient(100deg,#061d42 0%,#0b326b 55%,#082958 100%);justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:86px;padding:12px clamp(24px,5vw,72px);display:flex;position:relative;box-shadow:0 8px 30px #051d4226}.header-brand{align-items:center;gap:14px;min-width:0;display:flex}.header-logo{object-fit:contain;background:#fff;border-radius:12px;flex-shrink:0;width:60px;height:60px;padding:3px}.header-brand h2{letter-spacing:-.4px;margin:0;font-size:clamp(18px,2vw,25px);font-weight:800;line-height:1.1}.header-brand p{color:#fbbf24;letter-spacing:.2px;margin:4px 0 0;font-size:12px;font-weight:600}.secure-badge{border-left:1px solid #ffffff40;flex-shrink:0;align-items:center;gap:10px;padding:9px 0 9px 24px;display:flex}.secure-icon{color:#fbbf24;background:#f59e0b29;border:1px solid #fbbf2466;border-radius:50%;place-items:center;width:38px;height:38px;font-size:19px;font-weight:800;display:grid}.secure-badge div{flex-direction:column;display:flex}.secure-badge strong{font-size:13px;line-height:1.2}.secure-badge small{color:#dbeafe;margin-top:3px;font-size:10px}.auth-main{flex:1;justify-content:center;align-items:center;width:100%;padding:clamp(28px,4vw,52px) clamp(18px,5vw,72px);display:flex}.auth-card{background:#ffffffeb;border:1px solid #ffffffd9;border-radius:28px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);width:min(1400px,100%);min-height:720px;display:grid;overflow:hidden;box-shadow:0 30px 80px #0f234629,0 8px 25px #0f23460f}.auth-left{background:radial-gradient(circle at 70% 18%,#ffffffd1,#0000 18%),radial-gradient(circle at 20% 80%,#f59e0b1f,#0000 28%),linear-gradient(135deg,#f8fbff 0%,#edf5ff 60%,#fff9ed 100%);flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(36px,4vw,58px);display:flex;position:relative;overflow:hidden}.auth-left:before,.auth-left:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.auth-left:before{background:#092b5f0b;width:360px;height:360px;top:170px;right:-180px}.auth-left:after{background:#f59e0b14;width:260px;height:260px;bottom:-110px;left:-150px}.hero-copy{z-index:3;max-width:610px;position:relative}.eyebrow{color:var(--orange-dark);letter-spacing:1.5px;align-items:center;gap:8px;margin-bottom:13px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:var(--orange);border-radius:10px;width:28px;height:3px}.auth-left h1{color:var(--navy-dark);letter-spacing:-2px;margin:0;font-size:clamp(38px,4vw,58px);font-weight:800;line-height:1.05}.auth-left h1 span{color:var(--navy);display:block}.hero-desc{color:#506078;max-width:550px;margin:20px 0 0;font-size:15px;font-weight:500;line-height:1.75}.hero-features{z-index:6;flex-direction:column;gap:10px;width:100%;max-width:430px;margin-top:24px;display:flex;position:relative}.hero-feature{align-items:flex-start;gap:10px;display:flex}.feature-icon{color:#fff;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:19px;font-weight:800;display:grid;box-shadow:0 8px 18px #0f23461f}.feature-icon.blue{background:linear-gradient(135deg,#0b63d8,#2563eb)}.feature-icon.green{background:linear-gradient(135deg,#10a76a,#19c98b)}.feature-icon.purple{background:linear-gradient(135deg,#6941a5,#8b5cf6)}.feature-icon.orange{background:linear-gradient(135deg,#f59e0b,#f97316)}.hero-feature strong{color:var(--navy-dark);font-size:13px;font-weight:800;line-height:1.35;display:block}.hero-feature p{color:#64748b;margin:3px 0 0;font-size:10px;line-height:1.45}.hero-visual{z-index:2;min-height:260px;margin:12px -10px -24px 0;position:relative}.hero-image{object-fit:contain;object-position:center bottom;z-index:3;filter:drop-shadow(0 22px 24px #092b5f26);width:min(590px,92%);max-height:350px;animation:5s ease-in-out infinite laptopFloat;position:absolute;bottom:-5px;right:0}.visual-glow{filter:blur(8px);z-index:1;background:radial-gradient(#f59e0b33 0%,#2563eb14 42%,#0000 72%);border-radius:50%;width:420px;height:190px;position:absolute;bottom:10px;right:40px}.visual-orb{filter:blur(1px);z-index:2;border-radius:50%;animation:6s ease-in-out infinite orbFloat;position:absolute}.orb-one{background:#fbbf24;width:18px;height:18px;top:12%;right:15%;box-shadow:0 0 25px #fbbf2499}.orb-two{background:#60a5fa;width:11px;height:11px;animation-delay:-2s;bottom:22%;left:28%;box-shadow:0 0 20px #60a5faa6}.floating-stat{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #ffffffe6;border-radius:13px;flex-direction:column;padding:10px 13px;animation:4.5s ease-in-out infinite cardFloat;display:flex;position:absolute;box-shadow:0 15px 30px #092b5f21}.floating-stat strong{color:var(--navy);font-size:17px;font-weight:800;line-height:1}.floating-stat span{color:#64748b;margin-top:3px;font-size:9px;font-weight:600}.stat-accuracy{top:7%;left:36%}.stat-live{color:#08784e;flex-direction:row;align-items:center;gap:7px;top:18%;right:2%}.stat-live strong{color:#08784e;font-size:11px}.stat-score{animation-delay:-1.5s;bottom:9%;left:5%}.stat-score strong{color:#7c4ddb}.stat-rank{animation-delay:-2.5s;bottom:5%;right:2%}.stat-rank strong{color:var(--orange-dark)}.live-dot{background:#16a66a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #16a66a1a}.auth-right{background:#fffffff5;border-left:1px solid #e6edf5;justify-content:center;align-items:center;min-width:0;padding:clamp(28px,4vw,54px);display:flex}.auth-form-wrap{width:min(100%,500px)}.auth-heading{align-items:center;gap:13px;margin-bottom:27px;display:flex}.auth-heading-icon{background:var(--navy-soft);width:48px;height:48px;color:var(--navy);border:1px solid #dbeafe;border-radius:14px;flex:0 0 48px;place-items:center;font-size:20px;font-weight:800;display:grid}.auth-heading h2{color:var(--navy-dark);letter-spacing:-.7px;margin:0;font-size:27px;font-weight:800;line-height:1.15}.auth-heading p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.5}.form-section{margin-bottom:15px}.form-section label{color:#34435a;margin:0 0 7px;font-size:11px;font-weight:700;display:block}.input-wrap{border:1.5px solid var(--border);background:#fbfdff;border-radius:12px;align-items:center;width:100%;min-height:52px;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;display:flex;position:relative}.input-wrap:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb17}.input-icon{color:#6b7c95;flex:0 0 42px;place-items:center;width:42px;font-size:15px;font-weight:800;display:grid}.input-wrap input{width:100%;min-width:0;height:50px;color:var(--text);background:0 0;border:0;outline:0;padding:0 13px 0 0;font-size:13px;font-weight:500}.input-wrap input::placeholder{color:#9aa8bb}.password-wrap input{padding-right:44px}.eye-btn{color:#718096;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .2s;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.eye-btn:hover{color:var(--navy);background:#edf3fb}.form-options{justify-content:space-between;align-items:center;gap:10px;margin:2px 0 18px;display:flex}.remember-me{color:#536277;cursor:pointer;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.remember-me input{width:15px;height:15px;accent-color:var(--navy);cursor:pointer}.forgot-btn,.text-action{color:#1769d3;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.forgot-btn:hover,.text-action:hover{color:var(--orange-dark)}.login-btn{background:linear-gradient(110deg, var(--navy), #0e4b91);color:#fff;letter-spacing:.1px;cursor:pointer;border:0;border-radius:12px;width:100%;min-height:53px;padding:13px 18px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 10px 22px #092b5f2e}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 28px #092b5f3d}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.65;cursor:not-allowed}.create-account{background:#f1f7ff;border:1px solid #e1edfc;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:58px;margin-top:12px;padding:10px 14px;display:flex}.create-account span{color:#4f6077;font-size:10px;font-weight:600}.create-account button{color:var(--navy);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:800;text-decoration:underline}.create-account button span{color:var(--orange-dark);font-size:14px}.register-text{text-align:center;color:#66758a;margin:16px 0 0;font-size:11px;line-height:1.5}.register-text button{color:#1769d3;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.register-text button:hover{color:var(--orange-dark)}.otp-section{background:#f8fbff;border:1px dashed #c9d9ec;border-radius:14px;margin-top:2px;padding:12px}.otp-section .form-section{margin-bottom:8px}.otp-resend{margin:2px 0 0 auto;display:block}.auth-benefits{background:#fbfdff;border:1px solid #e4ebf4;border-radius:13px;grid-template-columns:repeat(4,1fr);margin-top:18px;display:grid;overflow:hidden}.auth-benefits>div{text-align:center;border-right:1px solid #e4ebf4;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:72px;padding:9px 5px;display:flex}.auth-benefits>div:last-child{border-right:0}.auth-benefits span{color:var(--navy);font-size:18px;line-height:1}.auth-benefits strong{color:#263a57;margin-top:5px;font-size:9px;font-weight:800}.auth-benefits small{color:#8795a9;margin-top:1px;font-size:8px}.auth-footer{color:#fff;border-top:3px solid var(--orange);background:linear-gradient(100deg,#061d42 0%,#092b5f 100%);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:84px;padding:15px clamp(24px,5vw,72px);display:grid}.footer-brand{align-items:center;gap:10px;display:flex}.footer-brand img{object-fit:contain;background:#fff;border-radius:9px;width:48px;height:48px;padding:2px}.footer-brand div{flex-direction:column;display:flex}.footer-brand strong{font-size:13px;font-weight:800}.footer-brand span{color:#fbbf24;margin-top:2px;font-size:9px;font-weight:600}.footer-copy{color:#d6e2f3;text-align:center;white-space:nowrap;font-size:10px}.footer-dev{color:#d6e2f3;text-align:right;white-space:nowrap;font-size:10px}.footer-dev a{color:#fbbf24;font-weight:800;text-decoration:none;transition:color .2s}.footer-dev a:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}@keyframes laptopFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(8px,-10px)}}@media (width<=1250px){.auth-card{grid-template-columns:minmax(0,1fr) minmax(370px,.72fr)}.auth-left{padding:42px}.auth-left h1{font-size:44px}.hero-image{width:560px}}@media (width<=1000px){.auth-header{padding:12px 28px}.auth-main{padding:28px}.auth-card{grid-template-columns:1fr;max-width:720px}.auth-left{min-height:610px}.auth-right{border-top:1px solid #e6edf5;border-left:0;padding:42px}.hero-copy{max-width:650px}.hero-visual{min-height:270px}.hero-image{width:min(590px,85%);animation:none;right:50%;transform:translate(50%)}.stat-accuracy{left:18%}.stat-score{left:8%}.stat-live{right:8%}.stat-rank{right:7%}.auth-footer{grid-template-columns:1fr 1fr}.footer-copy{text-align:right;grid-area:1/2}.footer-dev{text-align:center;grid-area:2/1/auto/-1}}@media (width<=650px){.auth-header{min-height:72px;padding:10px 15px}.header-logo{border-radius:10px;width:48px;height:48px}.header-brand{gap:9px}.header-brand h2{font-size:15px}.header-brand p{font-size:9px}.secure-badge{border-left:0;padding-left:10px}.secure-icon{width:30px;height:30px;font-size:14px}.secure-badge strong{font-size:10px}.secure-badge small{display:none}.auth-main{align-items:stretch;padding:0}.auth-card{width:100%;max-width:none;min-height:auto;box-shadow:none;border:0;border-radius:0}.auth-left{min-height:575px;padding:32px 20px 18px}.auth-left h1{letter-spacing:-1.2px;font-size:34px}.hero-desc{margin-top:14px;font-size:12px;line-height:1.65}.hero-features{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.hero-feature{gap:7px}.feature-icon{border-radius:9px;flex-basis:32px;width:32px;height:32px;font-size:15px}.hero-feature strong{font-size:10px}.hero-feature p{font-size:8px}.hero-visual{min-height:215px;margin:5px -5px -12px}.hero-image{width:96%;max-height:230px;bottom:0}.floating-stat{border-radius:10px;padding:7px 9px}.floating-stat strong{font-size:12px}.floating-stat span{font-size:7px}.stat-accuracy{top:3%;left:3%}.stat-live{top:8%;right:1%}.stat-score{bottom:3%;left:2%}.stat-rank{bottom:1%;right:2%}.auth-right{padding:30px 18px 36px}.auth-form-wrap{width:100%}.auth-heading{margin-bottom:23px}.auth-heading-icon{border-radius:12px;flex-basis:43px;width:43px;height:43px}.auth-heading h2{font-size:23px}.auth-heading p{font-size:10px}.input-wrap{min-height:50px}.input-wrap input{height:48px;font-size:12px}.login-btn{min-height:50px;font-size:13px}.auth-benefits{margin-top:16px}.auth-benefits>div{min-height:65px}.auth-benefits strong{font-size:8px}.auth-benefits small{font-size:7px}.auth-footer{text-align:center;flex-direction:column;gap:13px;padding:22px 18px;display:flex}.footer-brand{justify-content:center}.footer-copy,.footer-dev{white-space:normal;text-align:center;font-size:9px}}@media (width<=390px){.auth-header{padding:9px 11px}.secure-badge{display:none}.auth-left{min-height:535px}.auth-left h1{font-size:30px}.hero-features{grid-template-columns:1fr}.hero-feature{align-items:center}.hero-feature p{display:none}.hero-visual{min-height:190px}.hero-image{max-height:200px}.create-account{flex-direction:column;justify-content:center}.form-options{align-items:flex-start}.remember-me span,.forgot-btn{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboard{padding:25px}.sub{color:#8b93a7;margin-bottom:25px;font-size:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px;display:grid}.stat-card{color:#fff;border-radius:16px;padding:20px;font-weight:700;transition:all .3s;box-shadow:0 8px 20px #0000001a}.stat-card:hover{transform:translateY(-5px)scale(1.03)}.stat-card h1{margin:0;font-size:30px;font-weight:800}.stat-card span{opacity:.9;font-size:13px}.orange{background:linear-gradient(135deg,#ff9f1c,#ffbf69)}.green{background:linear-gradient(135deg,#2ecc71,#55efc4)}.blue{background:linear-gradient(135deg,#3498db,#74b9ff)}.purple{background:linear-gradient(135deg,#9b59b6,#a29bfe)}.dashboard-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 4px 12px #0000000d}.card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.list-item{border-bottom:1px solid #eef1f8;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.list-item strong{color:#0f1b3d}.list-item p{color:#8b93a7;margin-top:2px;font-size:12px}.actions{gap:8px;display:flex}.btn-open{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;padding:6px 12px;transition:all .2s}.btn-open:hover{background:#2d7ac0;transform:scale(1.05)}.btn-delete{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:6px 12px;transition:all .2s}.btn-primary{cursor:pointer;color:#fff;background:linear-gradient(135deg,#f5a623,#e8941a);border:none;border-radius:8px;padding:8px 14px;font-weight:600}.btn-primary:hover{transform:scale(1.05)}.badge{border-radius:10px;padding:5px 10px;font-size:13px;font-weight:700}.badge.green{color:#2e7d32;background:#d4edda}.badge.red{color:#c62828;background:#f8d7da}.clickable{cursor:pointer}.clickable:hover{opacity:.85}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}.create-test.admin-ui{background:#f0f2f8;min-height:100vh;padding:32px;font-family:DM Sans,sans-serif}.page-header p{color:#8b93a7;margin-top:6px;margin-bottom:28px;font-size:14px}.card{background:#fff;border-radius:16px;margin-bottom:24px;padding:26px;transition:all .2s;box-shadow:0 8px 24px #0f1b3d0f}.card:hover{box-shadow:0 12px 30px #0f1b3d1a}.form-group2{margin-bottom:16px}.form-group2 label{color:#1a2140;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group2 input,textarea,select{background:#fff;border:2px solid #eef1f8;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.form-group2 input:focus,textarea:focus,select:focus{border-color:#f5a623;outline:none;box-shadow:0 0 0 3px #f5a62326}.section-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.section-tab{cursor:pointer;color:#8b93a7;background:#fff;border:2px solid #eef1f8;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.section-tab:hover{background:#f5f7fb}.section-tab.active{color:#0f1b3d;background:#0f1b3d0d;border-color:#0f1b3d}.btn-sm{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.btn-gold{color:#0f1b3d;background:linear-gradient(135deg,#f5a623,#e8941a)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f5a62359}.btn-green{color:#fff;background:#22c55e}.btn-green:hover{transform:translateY(-1px);box-shadow:0 6px 16px #22c55e4d}.q-item{background:#eef1f8;border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;transition:all .2s;display:flex}.q-item:hover{background:#e5e9f5}.q-num{color:#fff;background:#0f1b3d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.q-text{color:#1a2140;flex:1;font-size:14px}.q-correct{color:#16a34a;background:#dcfce7;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.btn-icon{cursor:pointer;color:#8b93a7;background:0 0;border:none;font-size:16px;transition:all .2s}.btn-icon:hover{color:#ef4444}.create-test p{color:#8b93a7;font-size:13px}.hint-text{color:#888;margin-top:6px;font-size:13px;display:block}@media (width<=768px){.form-row{grid-template-columns:1fr}.section-tabs{flex-direction:column}}.timer-box{align-items:center;display:flex}.timer-label{align-items:center;gap:10px;font-weight:600;display:flex}.question-input-area{background:#f8faff;border:1px solid #eef1f8;border-radius:18px;margin-top:24px;padding:22px;box-shadow:inset 0 1px #ffffffb3}.question-input-area textarea{background:#fff;border:2px solid #e7ebf5;border-radius:14px;min-height:140px;padding:16px;font-size:15px;transition:all .2s}.question-input-area textarea:focus{border-color:#f5a623;box-shadow:0 0 0 4px #f5a6231f}.question-time-input{margin-top:14px;margin-bottom:18px}.question-time-input input{background:#fff;border:2px solid #e7ebf5;border-radius:12px;width:260px;padding:12px 14px;font-size:14px}.question-input-area select{background:#fff;border:2px solid #e7ebf5;border-radius:12px;margin-top:6px;padding:13px 14px;font-size:14px}.btn-gold{border-radius:14px;min-width:180px;height:48px;margin-top:20px;font-size:15px;font-weight:700}.section-tabs{gap:12px;margin-bottom:24px;display:flex}.section-tab{background:#fff;border:2px solid #e7ebf5;border-radius:12px;min-width:110px;height:42px;font-size:14px;font-weight:700;transition:all .25s}.question-item{background:#fff;border:1px solid #eef1f8;border-radius:14px;margin-top:14px;padding:16px 18px;transition:all .2s}.question-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0f1b3d14}@media (width<=768px){.section-settings,.option-row{grid-template-columns:1fr}.question-time-input input{width:100%}}.option-row{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.option-row input{width:100%}.question-input-area{margin-top:18px}.question-item small{color:#ef4444;background:#ef44441f;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700}.timer-wrapper{flex-wrap:wrap;gap:18px;margin-top:18px;display:flex}.timer-box{background:#f8faff;border:1px solid #e5e9f5;border-radius:14px;min-width:240px;padding:14px 18px;transition:all .2s}.timer-box:hover{border-color:#f5a623;box-shadow:0 8px 18px #f5a6231f}.timer-label{color:#1a2140;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.timer-label input{accent-color:#f5a623;width:18px;height:18px}.section-settings{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.section-settings input{width:100%}select{cursor:pointer}textarea{resize:vertical;min-height:110px}.action-buttons{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.btn-outline:hover{background:#f8faff;border-color:#0f1b3d}.form-group2 input:hover,textarea:hover,select:hover{border-color:#d9e0f0}.section-tab.active{color:#fff;background:linear-gradient(135deg,#0f1b3d,#1d3b75);border-color:#0000;box-shadow:0 8px 18px #0f1b3d33}@media (width<=768px){.option-row,.section-settings{grid-template-columns:1fr}.timer-box{width:100%}.question-item{flex-direction:column;align-items:flex-start;gap:10px}}.option-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:24px;margin-bottom:24px;display:grid}.option-box{box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;width:100%;min-height:72px;padding:14px 18px;transition:all .2s;display:flex}.option-box:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb14}.option-box span{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.option-box input{color:#0f172a;background:0 0;outline:none;flex:1;width:100%;padding:0;font-size:15px;box-shadow:none!important;border:none!important}.option-box{min-height:70px}.section-head{align-items:center;gap:10px;display:flex}.remove-section{color:red;cursor:pointer;background:0 0;border:none;font-size:16px}.question-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:16px 18px;transition:all .25s;display:flex}.question-item:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 18px #2563eb14}.question-item span{color:#0f172a;flex:1;font-size:14px;font-weight:500}.question-time-input{margin-top:18px}.question-time-input input{width:250px}.question-input-area textarea{resize:vertical;min-height:120px}.top-test-row{grid-template-columns:2fr 1fr;align-items:end;gap:24px;margin-bottom:28px;display:grid}.full-width{grid-column:1/-1}.form-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-group2{flex-direction:column;display:flex}.form-group2 input,.form-group2 select,.form-group2 textarea{box-sizing:border-box;border-radius:14px;width:100%;height:54px;padding:0 18px;font-size:15px}.form-group2 textarea{height:auto;min-height:140px;padding:14px 18px}.add-section-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f1b3d,#1d3b75);border:none;border-radius:12px;height:44px;padding:0 20px;font-weight:700;transition:all .25s}.add-section-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0f1b3d2e}.section-top-bar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.add-section-btn{margin-bottom:8px}.section-top-bar h3{margin:0}.custom-fields-wrapper{margin-top:20px}.custom-field-row{align-items:center;gap:15px;margin-bottom:15px;display:flex}.custom-field-row input[type=text]{flex:1}.add-field-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 18px;font-weight:600}.remove-field-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;width:34px;height:34px}@media (width<=768px){.top-test-row,.form-row,.option-grid,.section-settings{grid-template-columns:1fr!important}.section-top-bar,.custom-field-row,.action-buttons{flex-direction:column;align-items:flex-start}.action-buttons button{width:100%}}.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{white-space:nowrap;width:1.2em;display:inline-block}.ql-editor li:not(.ql-direction-rtl):before{text-align:right;margin-left:-1.5em;margin-right:.3em}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0, decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1, lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2, lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3, decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4, lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5, lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6, decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7, lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8, lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor pre.ql-syntax{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.manage-tests{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:30px}.page-header{margin-bottom:28px}.page-header h2{color:#0f1b3d;margin:0 0 6px;font-size:28px;font-weight:800}.page-header p{color:#8b93a7;margin:0;font-size:14px}.tests-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;width:100%;display:grid}.test-card{box-sizing:border-box;background:#fff;border:1px solid #e8ecf3;border-radius:16px;flex-direction:column;width:100%;min-width:0;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 4px 14px #0f172a0d}.test-card:hover{border-color:#d8def0;transform:translateY(-3px);box-shadow:0 10px 25px #0f172a17}.tc-head{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;margin-bottom:12px;display:flex}.tc-title{color:#0f1b3d;overflow-wrap:anywhere;min-width:0;font-size:17px;font-weight:800;line-height:1.35}.status-badge{text-transform:uppercase;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:10px;font-weight:800}.status-badge.live{color:#15803d;background:#dcfce7}.status-badge.upcoming{color:#2563eb;background:#dbeafe}.status-badge.expired{color:#dc2626;background:#fee2e2}.status-badge.draft{color:#b45309;background:#fef3c7}.tc-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;font-size:12px;line-height:1.4;display:flex}.tc-meta span{white-space:nowrap}.tc-date{color:#8b93a7;margin-bottom:12px;font-size:11px}.test-dates{color:#64748b;flex-direction:column;gap:6px;margin-top:4px;margin-bottom:12px;font-size:12px;line-height:1.4;display:flex}.test-dates span{overflow-wrap:anywhere}.tc-link{box-sizing:border-box;gap:8px;width:100%;margin-top:auto;margin-bottom:16px;display:flex}.tc-link input{color:#475569;background:#f8fafc;border:1px solid #dbe1ea;border-radius:8px;outline:none;flex:1;width:100%;min-width:0;padding:9px 10px;font-size:11px}.tc-link input:focus{border-color:#93c5fd}.tc-link button{color:#fff;cursor:pointer;background:#0f1b3d;border:none;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.tc-link button:hover{background:#1e3a8a}.tc-actions{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.tc-actions button{cursor:pointer;border:1px solid #0000;border-radius:8px;width:100%;min-width:0;min-height:42px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;transition:transform .15s,box-shadow .15s,opacity .15s}.tc-actions button:hover:not(.disabled-btn){transform:translateY(-1px);box-shadow:0 5px 12px #0f172a1a}.btn-green{color:#fff;background:#22c55e;border:none!important}.btn-green:hover{background:#16a34a}.btn-outline{color:#0f1b3d;background:#fff;border:1px solid #0f1b3d!important}.btn-blue{color:#fff;background:#3b82f6;border:none!important}.btn-blue:hover{background:#2563eb}.btn-red{color:#fff;background:#ef4444;border:none!important}.btn-red:hover{background:#dc2626}.edit-btn{color:#334155;cursor:pointer;background:#f8fafc;border-radius:8px;width:100%;padding:8px 10px;font-size:12px;font-weight:700;transition:all .2s;border:1px solid #cbd5e1!important}.edit-btn:hover{background:#f1f5f9;border-color:#94a3b8!important}.btn-copy{color:#4338ca;cursor:pointer;background:#eef2ff;border-radius:8px;width:100%;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.2;transition:background .2s,border-color .2s,transform .15s;border:1px solid #c7d2fe!important}.btn-copy:hover{background:#e0e7ff;transform:translateY(-1px);border-color:#a5b4fc!important}.disabled-btn{opacity:.65;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.empty-state{text-align:center;color:#8b93a7;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:60px 30px}.empty-state .icon{margin-bottom:10px;font-size:42px}.empty-state h3{color:#0f1b3d;margin:0 0 6px;font-size:20px}.empty-state p{margin:0;font-size:14px}@media (width<=1100px){.manage-tests{padding:24px}.tests-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (width<=760px){.manage-tests{padding:20px 16px}.page-header h2{font-size:24px}.tests-grid{grid-template-columns:1fr;gap:18px}.test-card{padding:18px}}@media (width<=520px){.manage-tests{padding:16px 12px 30px}.page-header{margin-bottom:20px}.page-header h2{font-size:22px}.page-header p{font-size:13px}.test-card{border-radius:14px;padding:16px}.tc-title{font-size:15px}.tc-actions{grid-template-columns:1fr 1fr;gap:7px}.tc-actions button{min-height:40px;padding:7px 8px;font-size:11px}}@media (width<=380px){.tc-head{flex-direction:column}.status-badge{align-self:flex-start}.tc-link{flex-direction:column}.tc-link button{width:100%}.tc-actions{grid-template-columns:1fr}}.manage-toast{z-index:99999;color:#fff;background:#0f1b3d;border-radius:10px;align-items:center;gap:10px;min-width:260px;max-width:420px;padding:13px 18px;font-size:13px;font-weight:600;animation:.25s toastIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 12px 30px #0f172a33}.manage-toast.error{background:#991b1b}.toast-icon{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:flex}.manage-toast.error .toast-icon{background:#ef4444}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.manage-toast{justify-content:center;min-width:auto;max-width:none;top:16px;left:16px;right:16px}}.results-page{padding:30px}.results-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 6px 20px #0000000d}.card-top{justify-content:space-between;margin-bottom:20px;display:flex}.card-top h3{color:#0f1b3d;font-size:18px;font-weight:700}.card-top select{cursor:pointer;background:#f8fafc;border:1px solid #eef1f8;border-radius:10px;padding:8px 14px}.avatar{background:#eef1f8;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:600;display:flex}.score-text{font-weight:600}.clickable-row{cursor:pointer;transition:all .2s}.clickable-row:hover{background:#f8fafc}.card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.btn-export{cursor:pointer;color:#fff;background:#0f172a;border:none;border-radius:12px;padding:12px 20px;font-weight:600;transition:all .3s}.btn-export:hover{opacity:.9;transform:translateY(-2px)}.btn-export.excel{background:#15803d}.student-link{color:inherit;text-decoration:none}.student-link:hover{opacity:.9}.students-page{padding:30px}.page-header h2{color:#0f1b3d;font-size:26px;font-weight:700}.page-header p{color:#8b93a7;margin-bottom:25px}.students-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 6px 20px #0000000d}.card-header{margin-bottom:20px}.card-header h3{color:#0f1b3d;font-size:18px;font-weight:700}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#8b93a7;border-bottom:2px solid #eef1f8;padding:12px;font-size:12px}td{color:#0f1b3d;border-bottom:1px solid #eef1f8;padding:14px 12px;font-size:14px}tr:hover{background:#f9fafc}.student-cell{align-items:center;gap:10px;display:flex}.tests-count{font-weight:600}.pill{border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.score-high{color:#16a34a;background:#dcfce7}.score-mid{color:#92400e;background:#fef3c7}.score-low{color:#dc2626;background:#fef2f2}.empty-state{text-align:center;color:#8b93a7;padding:40px}.empty-state .icon{font-size:40px}.empty-state h3{color:#0f1b3d}@media (width<=768px){table{font-size:12px}.avatar{width:26px;height:26px}}.btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.btn-delete:hover{background:#dc2626;transform:scale(1.05)}.payments-page{padding:20px}.payments-table{background:#fff;border-radius:10px;margin-top:20px;overflow:hidden}.table-header,.table-row{border-bottom:1px solid #eee;grid-template-columns:repeat(7,1fr);align-items:center;padding:12px;display:grid}.table-header{background:#f4f6f8;font-weight:700}.table-row:hover{background:#f9f9f9}.no-data{text-align:center;color:gray;padding:20px}.status-ok{color:green;font-weight:700}.status-pending{color:orange;font-weight:700}.approve-btn{color:#fff;cursor:pointer;background:green;border:none;border-radius:5px;padding:6px 10px}.result-details-page{max-width:1100px;margin:0 auto;padding:10px;font-family:DM Sans,Poppins,sans-serif}.result-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.result-header h2{color:#0f1b3d;margin:0;font-size:26px;font-weight:800}.export-buttons{gap:12px;display:flex}.pdf-btn,.excel-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.pdf-btn{background:#ef4444;box-shadow:0 4px 12px #ef444433}.pdf-btn:hover{background:#dc2626;transform:translateY(-2px)}.excel-btn{background:#10b981;box-shadow:0 4px 12px #10b98133}.excel-btn:hover{background:#059669;transform:translateY(-2px)}.info-card,.answers-card{background:#fff;border:1px solid #eef1f8;border-radius:16px;margin-bottom:24px;padding:26px;box-shadow:0 8px 24px #0f1b3d0a}.info-card h3,.answers-card h3{color:#0f1b3d;border-bottom:2px solid #eef1f8;margin-top:0;margin-bottom:22px;padding-bottom:14px;font-size:18px;font-weight:700}.info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.info-grid div{flex-direction:column;gap:6px;display:flex}.info-grid span{color:#8b93a7;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.info-grid p{color:#1a2140;margin:0;font-size:16px;font-weight:600}.pass{color:#16a34a;background:#dcfce7;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-block}.fail{color:#dc2626;background:#fee2e2;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-block}.section-table{border-collapse:collapse;width:100%;min-width:600px}.section-table th,.section-table td{text-align:left;border-bottom:1px solid #eef1f8;padding:16px}.section-table th{color:#8b93a7;text-transform:uppercase;background:#f8faff;font-size:13px;font-weight:700}.section-table td{color:#1a2140;font-size:15px;font-weight:600}.section-table tbody tr:hover{background-color:#fcfcfd}.answers-card{gap:16px}.answer-box{background:#f8faff;border:1px solid #eef1f8;border-radius:14px;margin-bottom:16px;padding:18px;transition:all .2s}.answer-box:hover{border-color:#dbe2f2;box-shadow:0 4px 16px #0f1b3d08}.answer-q{color:#8b93a7;margin-bottom:10px;font-size:14px;font-weight:700}.answer-value{color:#0f1b3d;background:#fff;border:1px solid #eef1f8;border-radius:10px;padding:14px;font-size:15px;font-weight:600}@media (width<=768px){.result-header{flex-direction:column;align-items:flex-start}.export-buttons{flex-direction:column;width:100%}.pdf-btn,.excel-btn{justify-content:center;width:100%}.info-grid{grid-template-columns:1fr}}.materials-page{padding-bottom:50px}.materials-container{flex-direction:column;gap:30px;display:flex}.upload-form{padding:20px}.materials-grid{grid-template-columns:1fr;gap:15px;padding:20px;display:grid}.material-item{background:#fafcff;border:1px solid #eef1f8;border-radius:12px;align-items:center;gap:15px;padding:15px;display:flex}.mat-icon{font-size:32px}.mat-info{flex:1}.mat-info h4{color:#0f1b3d;margin:0 0 5px;font-size:16px}.mat-badge{color:#475569;text-transform:uppercase;background:#e2e8f0;border-radius:4px;margin-bottom:5px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.mat-info p{color:#64748b;margin:0 0 5px;font-size:13px}.mat-info small{color:#94a3b8;font-size:12px}.mat-actions{flex-direction:column;gap:10px;display:flex}@media (width>=1024px){.materials-container{flex-direction:row;align-items:flex-start}.upload-card{flex:1;position:sticky;top:20px}.list-card{flex:2}}.admin-nav{background:linear-gradient(135deg,#0f1b3d,#1a2a5e);justify-content:space-between;align-items:center;min-height:64px;padding:0 32px;display:flex}.brand{align-items:center;gap:12px;display:flex;overflow:hidden}.brand-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.brand-icon img{object-fit:cover;width:100%;height:100%;display:block}.brand-name{color:#fff;font-size:14px;font-weight:700;line-height:1.2}.badge{color:#f5a623;background:#f5a62333;border-radius:20px;padding:3px 10px;font-size:11px}.admin-screen{flex-direction:column;min-height:100vh;display:flex}.admin-body{flex:1;display:flex}.admin-sidebar{background:#fff;border-right:1px solid #eef1f8;width:220px;padding:20px 10px}.sidebar-link{text-align:left;cursor:pointer;color:#8b93a7;background:0 0;border:none;border-radius:10px;width:100%;margin-bottom:5px;padding:10px;display:block}.sidebar-link:hover{background:#eef1f8}.sidebar-link.active{color:#0f1b3d;background:#f5a62326;font-weight:600}.sidebar-sep{background:#eef1f8;height:1px;margin:10px 0}.admin-content{background:#f0f2f8;flex:1;padding:30px 30px 80px}.app-footer{color:#64748b;z-index:100;box-sizing:border-box;background:#fff;border-top:1px solid #eef1f8;justify-content:center;align-items:center;padding:15px 30px;font-size:14px;display:flex;position:fixed;bottom:0;left:220px;right:0}.footer-content{text-align:center}.brandmate-link{color:#2563eb;font-weight:600;text-decoration:none;transition:all .2s}.brandmate-link:hover{color:#1d4ed8;text-decoration:underline}.admin-panel{padding-bottom:120px}.action-buttons{margin-bottom:40px}@media (width<=768px){.admin-nav{flex-direction:column;gap:15px;height:auto;padding:15px}.brand{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%}.brand-icon{width:45px;height:45px}.brand-title,.brand-tagline{white-space:normal;text-align:left}.brand-title{font-size:16px;line-height:1.2}.brand-tagline{margin-top:4px;font-size:12px;line-height:1.2}.nav-right{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%;padding-top:10px}.admin-body{flex-direction:column}.admin-sidebar{border-bottom:1px solid #eef1f8;border-right:none;width:100%}.app-footer{padding:12px 15px;font-size:12px;left:0}}.navbar{background:#0f1b3d;justify-content:space-between;align-items:center;height:64px;padding:0 30px;display:flex;box-shadow:0 4px 16px #0003}.brand-icon{background:#f5a623;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.badge{color:#f5a623;text-transform:uppercase;background:#f5a62333;border-radius:20px;padding:4px 10px;font-size:11px}.nav-right{align-items:center;gap:15px;display:flex}.user-info{color:#ffffffb3;font-size:13px}.btn-logout{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:6px 14px;font-size:13px;transition:all .2s}.btn-logout:hover{background:#fff3}.user-icon{color:#000;background:#f5a623;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.logo-section{align-items:center;gap:14px;display:flex}.student-brand{flex-direction:column;display:flex}.student-brand h2{color:#fff;margin:0;font-size:16px;font-weight:800}.student-tagline{color:#2563eb;margin-top:2px;font-size:11px;font-weight:600}.logo-section img{object-fit:cover;background:#f59e0b;border-radius:10px;width:52px;height:52px;padding:4px;display:block}.student-dashboard{box-sizing:border-box;color:#172554;width:100%;max-width:1180px;margin:0 auto;padding:20px 24px 50px}.student-dashboard.gs-dashboard{width:100%;max-width:1180px;margin:0 auto}.gs-hero-banner{color:#fff;background:radial-gradient(circle at 85% 35%,#818cf859,#0000 28%),linear-gradient(120deg,#172554 0%,#1d4ed8 55%,#3730a3 100%);border-radius:20px;width:100%;min-height:250px;margin:0 0 32px;position:relative;overflow:hidden;box-shadow:0 14px 35px #0f172a29}.gs-hero-pattern{pointer-events:none;opacity:.16;background-image:radial-gradient(#fffc 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.gs-hero-content{z-index:2;box-sizing:border-box;justify-content:space-between;align-items:center;gap:30px;min-height:250px;padding:38px 44px;display:flex;position:relative}.gs-hero-copy{max-width:650px}.gs-hero-eyebrow{color:#dbeafe;letter-spacing:1.4px;margin-bottom:10px;font-size:12px;font-weight:800;display:inline-block}.gs-hero-copy h1{color:#fff;margin:0;font-size:42px;font-weight:800;line-height:1.1}.gs-hero-copy h1 span{color:#fbbf24}.gs-hero-copy p{color:#e0e7ff;max-width:570px;margin:15px 0 20px;font-size:14px;line-height:1.6}.gs-hero-user{color:#172554;background:#fff;border-radius:999px;align-items:center;gap:9px;padding:7px 14px 7px 7px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #0f172a26}.gs-hero-avatar{color:#172554;background:#fbbf24;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:900;display:flex}.gs-hero-visual{flex-shrink:0;width:330px;height:190px;position:relative}.gs-hero-glow{background:#ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;top:5px;right:45px}.gs-trophy,.gs-books,.gs-target,.gs-arrow,.gs-star{z-index:2;position:absolute}.gs-trophy{filter:drop-shadow(0 10px 15px #0f172a40);font-size:72px;top:0;right:85px}.gs-books{font-size:52px;bottom:5px;right:170px;transform:rotate(-7deg)}.gs-target{font-size:62px;bottom:5px;right:5px;transform:rotate(5deg)}.gs-arrow{color:#c4b5fd;font-size:70px;top:50px;right:130px;transform:rotate(-10deg)}.gs-star{color:#fbbf24;font-size:20px}.gs-star-1{top:20px;right:10px}.gs-star-2{top:10px;right:220px}.gs-star-3{bottom:25px;right:100px}.student-dashboard .section-title{color:#172554;margin:0 0 14px;font-size:20px;font-weight:800;line-height:1.3}.student-dashboard .category-section>h4{color:#1e293b;border-bottom:2px solid #e2e8f0;margin:0;padding-bottom:10px;font-size:16px;font-weight:750}.student-dashboard .tests-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;width:100%;margin-bottom:40px;display:grid}.student-dashboard .modern-test-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;min-width:0;min-height:280px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 5px 15px #0f172a0f}.student-dashboard .modern-test-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1a}.student-dashboard .test-top{justify-content:space-between;align-items:flex-start;gap:10px;width:100%;margin-bottom:12px;display:flex}.student-dashboard .test-top h4{color:#172554;margin:0;font-size:15px;font-weight:800;line-height:1.35}.student-dashboard .free-badge,.student-dashboard .paid-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:10px;font-weight:800}.student-dashboard .free-badge{color:#15803d;background:#dcfce7}.student-dashboard .paid-badge{color:#6d28d9;background:#ede9fe}.student-dashboard .test-meta{color:#475569;flex-wrap:wrap;gap:8px 15px;margin-bottom:14px;font-size:12px;display:flex}.student-dashboard .test-meta span{align-items:center;gap:4px;display:inline-flex}.student-dashboard .start-btn{cursor:pointer;border-radius:9px;width:100%;min-height:40px;margin-top:auto;padding:10px 14px;font-size:12px;font-weight:750;transition:transform .15s,box-shadow .15s}.student-dashboard .start-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 14px #2563eb2e}.student-dashboard .start-btn:disabled{cursor:not-allowed}.student-dashboard .category-section{flex-direction:column;gap:20px;width:100%;margin-bottom:50px;display:flex}.student-dashboard .empty-text{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:16px 18px;font-size:13px}.student-dashboard .modern-test-card button{font-family:inherit}@media (width<=1000px){.student-dashboard .tests-row{grid-template-columns:repeat(2,minmax(0,1fr))}.gs-hero-visual{width:260px}.gs-hero-content{padding:32px}.gs-hero-copy h1{font-size:36px}}@media (width<=700px){.student-dashboard{padding:14px 16px 40px}.student-dashboard .tests-row{grid-template-columns:1fr;gap:16px}.student-dashboard .modern-test-card{min-height:250px}.gs-hero-banner{min-height:auto}.gs-hero-content{min-height:auto;padding:28px 22px}.gs-hero-visual{display:none}.gs-hero-copy h1{font-size:32px}.gs-hero-copy p{font-size:13px}}@media (width<=450px){.student-dashboard{padding:10px 12px 30px}.gs-hero-content{padding:24px 18px}.gs-hero-eyebrow{letter-spacing:1px;font-size:10px}.gs-hero-copy h1{font-size:28px}.gs-hero-copy p{font-size:12px}.student-dashboard .modern-test-card{padding:16px}}.student-dashboard{box-sizing:border-box!important;width:100%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;display:block!important}.student-dashboard .gs-hero-banner{width:100%!important;min-height:250px!important;display:block!important;position:relative!important;overflow:hidden!important}.student-dashboard .gs-hero-content{box-sizing:border-box!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-height:250px!important;display:flex!important;position:relative!important}.student-dashboard .gs-hero-copy{z-index:5!important;flex:auto!important;min-width:0!important;position:relative!important}.student-dashboard .gs-hero-visual{flex:0 0 330px!important;width:330px!important;min-width:330px!important;height:190px!important;display:block!important;position:relative!important}.student-dashboard .gs-trophy,.student-dashboard .gs-books,.student-dashboard .gs-target,.student-dashboard .gs-arrow,.student-dashboard .gs-star{z-index:10!important;display:block!important;position:absolute!important}.student-dashboard .gs-trophy{top:0!important;right:85px!important}.student-dashboard .gs-books{bottom:5px!important;right:170px!important}.student-dashboard .gs-target{bottom:5px!important;right:5px!important}.student-dashboard .gs-arrow{top:50px!important;right:130px!important}.student-dashboard .gs-star-1{top:20px!important;right:10px!important}.student-dashboard .gs-star-2{top:10px!important;right:220px!important}.student-dashboard .gs-star-3{bottom:25px!important;right:100px!important}.student-dashboard .tests-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:20px!important;width:100%!important;display:grid!important}.student-dashboard .modern-test-card{box-sizing:border-box!important;width:100%!important;min-width:0!important}@media (width<=900px){.student-dashboard .tests-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.student-dashboard .gs-hero-visual{flex-basis:260px!important;width:260px!important;min-width:260px!important}}@media (width<=700px){.student-dashboard{padding-left:15px!important;padding-right:15px!important}.student-dashboard .tests-row{grid-template-columns:1fr!important}.student-dashboard .gs-hero-content{padding:28px 22px!important;display:block!important}.student-dashboard .gs-hero-visual{display:none!important}}.profile-page{padding:30px}.profile-card{background:#fff;border-radius:16px;max-width:650px;margin:auto;padding:25px}.profile-header{align-items:center;gap:15px;display:flex}.avatar{background:#f5a623;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:22px;display:flex}.profile-stats{gap:20px;margin:20px 0;display:flex}.profile-page{background:#f4f6fb;min-height:100vh;padding:30px}.profile-card{background:#fff;border-radius:16px;max-width:900px;margin:auto;padding:25px;box-shadow:0 6px 20px #0000000d}.profile-header{align-items:center;gap:15px;margin-bottom:20px;display:flex}.profile-stats{gap:20px;margin-bottom:20px;display:flex}.stat-box{text-align:center;background:#eef1f8;border-radius:10px;flex:1;padding:15px}.chart-box{background:#f9fafc;border-radius:10px;margin-bottom:20px;padding:15px}.history-item{border-bottom:1px solid #eef1f8;justify-content:space-between;padding:10px;display:flex}.pill{background:#dcfce7;border-radius:20px;padding:4px 10px}@media (width<=768px){.profile-page,.profile-card{padding:15px}.profile-header{text-align:center;flex-direction:column}.profile-stats{flex-direction:column;gap:15px}}.student-results{padding:30px}table{background:#fff;border-radius:12px;width:100%;overflow:hidden}th,td{text-align:left;padding:12px}thead{background:#f5f7fb}.green{color:#16a34a;font-weight:700}.red{color:#dc2626;font-weight:700}.btn-delete{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:6px 10px}.student-link{color:#2563eb;cursor:pointer;font-weight:600}.student-link:hover{text-decoration:underline}@media (width<=768px){.student-results{-webkit-overflow-scrolling:touch;padding:15px;overflow-x:auto}table{min-width:600px}}.student-screen{background:#f0f2f8;flex-direction:column;min-height:100vh;display:flex}.student-nav{background:linear-gradient(135deg,#0f1b3d,#1a2a5e);justify-content:space-between;align-items:center;min-height:64px;padding:0 32px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;padding:2px;display:flex;overflow:hidden}.brand-icon img{object-fit:cover;border-radius:8px;width:100%;height:100%}.brand-text{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.brand-name{color:#fff;font-size:14px;font-weight:700}.brand-title{color:#fff;white-space:nowrap;margin:0;font-size:18px;font-weight:800;line-height:1.1}.brand-tagline{color:#60a5fa;letter-spacing:.3px;white-space:nowrap;margin:4px 0 0;font-size:12px;font-weight:600;line-height:1.1}.student-info{align-items:center;gap:12px;display:flex}.avatar{color:#0f1b3d;background:#f5a623;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.s-name{color:#ffffffe6;font-size:14px}.btn-logout{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:6px 14px}.student-content{box-sizing:border-box;flex:1;width:100%;max-width:1100px;margin:auto;padding:32px}@media (width<=768px){.student-nav{flex-direction:column;gap:15px;height:auto;padding:15px}.brand{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%}.brand-icon{width:45px;height:45px}.brand-name,.brand-title,.brand-tagline{white-space:normal;text-align:left}.brand-title{font-size:16px;line-height:1.2}.brand-tagline{margin-top:4px;font-size:12px;line-height:1.2}.student-info{border-top:1px solid #ffffff1a;justify-content:space-between;width:100%;padding-top:10px}.student-content{padding:15px}}.exam-container{box-sizing:border-box;background:#f4f6f9;min-height:100vh;padding-bottom:60px;font-family:Segoe UI,sans-serif;display:flex}.left-panel{background:#fff;border-right:1px solid #ddd;width:250px;padding:20px}.palette-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px;display:grid}.q-box{text-align:center;cursor:pointer;background:#ddd;border-radius:6px;padding:10px;transition:all .2s}.q-box.answered{color:#fff;background:#2ecc71}.q-box.marked{color:#fff;background:#9b59b6}.q-box.active{border:2px solid #2c3e50}.legend p{margin:5px 0}.box{width:12px;height:12px;margin-right:5px;display:inline-block}.box.answered{background:#2ecc71}.box.notvisited{background:#ccc}.box.marked{background:#9b59b6}.right-panel{flex:1;padding:20px 20px 120px}.top-bar{justify-content:space-between;margin-bottom:10px;display:flex}.sections button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:20px;margin-right:10px;padding:6px 12px}.sections button.active{background:#2c3e50}.timer{color:#fff;background:#2c3e50;border-radius:10px;padding:10px 20px}.question-area{background:#fff;border-radius:12px;padding:20px}.question-area h3{margin-bottom:10px}.option{cursor:pointer;border:1px solid #ddd;border-radius:8px;margin:10px 0;padding:12px;transition:all .2s}.option:hover{background:#f0f8ff}.option.selected{background:#d4edda;border:1px solid #2ecc71}.action-buttons{align-items:center;gap:10px;margin-top:20px;display:flex}.action-buttons button:not(.submit-btn){flex-shrink:0}.submit-btn{color:#fff;background:#e74c3c;margin-left:auto;padding:10px 20px;font-weight:600}button{cursor:pointer;border:none;border-radius:8px;padding:10px 15px}button:disabled{opacity:.5}.review-btn{color:#fff;background:#172ce9}.clear-btn{color:#fff;background:#f39c12}.save-btn{color:#fff;background:#27ae60}.popup-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-box{text-align:center;background:#fff;border-radius:12px;width:320px;max-width:90%;padding:25px;animation:.3s popupFade}.popup-box h3{margin-bottom:10px}.popup-box button{margin-top:15px;padding:8px 15px}.popup-actions{justify-content:space-between;margin-top:15px;display:flex}@keyframes popupFade{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.payment-container{justify-content:center;align-items:center;height:80vh;display:flex}.payment-card{text-align:center;background:#fff;border-radius:12px;width:300px;padding:40px;box-shadow:0 10px 25px #0000001a}.price{margin:10px 0 20px;font-size:22px;font-weight:700}.pay-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:12px 20px}.pay-btn:hover{background:#1d4ed8}.status{margin-bottom:10px}.status.loading{color:orange}.status.error{color:red}.section-timer{color:#2563eb;margin-top:5px;font-size:14px;font-weight:600}.question-timer{color:#ff4d4f;margin-top:5px;font-size:14px;font-weight:600}.test-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#0f172af2;border-top:1px solid #ffffff14;justify-content:center;align-items:center;width:100%;height:45px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #0003}.test-footer span{letter-spacing:1.5px;background:linear-gradient(90deg,#60a5fa,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;font-size:15px;font-weight:600}.video-wrapper{z-index:1000;width:180px;position:fixed;bottom:60px;right:20px}.video-label{color:#dbeafe;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border:1px solid #ffffff14;border-radius:999px;width:fit-content;margin-bottom:8px;margin-left:auto;padding:6px 14px;font-size:11px;font-weight:600;box-shadow:0 4px 12px #0003}.video-box{background:#0f172a;border:2px solid #60a5fa40;border-radius:18px;width:180px;height:130px;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #0000004d}.video-box:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0006}.video-box video{object-fit:cover;vertical-align:middle;background:#0f172a;width:100%;height:100%;display:block}.video-box{line-height:0}@media (width<=768px){.video-wrapper{width:140px;bottom:58px;right:12px}.video-box{width:140px;height:100px}.video-label{padding:5px 10px;font-size:9px}.exam-container{flex-direction:column}.left-panel{box-sizing:border-box;border-top:2px solid #e2e8f0;border-right:none;order:2;width:100%;padding:15px}.right-panel{box-sizing:border-box;order:1;width:100%;padding:15px 15px 25px}.top-bar{flex-direction:column;align-items:stretch;gap:15px}.sections{white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:8px;display:flex;overflow-x:auto}.sections button{flex-shrink:0}.timer-wrapper{justify-content:center;width:100%}.timer-card{text-align:center;flex:1;min-width:100px;padding:10px}.timer-card h3{font-size:18px}.action-buttons{flex-wrap:wrap;justify-content:center}.action-buttons button:not(.submit-btn){white-space:nowrap;flex:calc(50% - 10px);padding:12px 5px;font-size:13px}.submit-btn{flex:100%;margin-top:5px;margin-left:0}.palette-grid{grid-template-columns:repeat(6,1fr)}.question-image img{max-height:200px!important}}@media (width<=480px){.palette-grid{grid-template-columns:repeat(5,1fr)}.action-buttons button:not(.submit-btn){padding:10px 2px;font-size:12px}}.timer-wrapper{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.timer-card{color:#fff;background:#1e293b;border-radius:14px;min-width:140px;padding:12px 18px;box-shadow:0 4px 14px #0000001f}.timer-card span{opacity:.8;font-size:12px}.timer-card h3{margin-top:6px;font-size:22px}.locked-section{opacity:.4;pointer-events:none}.written-answer{resize:vertical;border:2px solid #dbe2f0;border-radius:18px;outline:none;width:100%;min-height:220px;margin-top:20px;padding:20px;font-size:16px}.written-answer:focus{border-color:#2563eb}.start-page{background:#f3f5f9;justify-content:center;align-items:center;height:100vh;font-family:Segoe UI,sans-serif;display:flex}.start-card{text-align:center;background:#fff;border-radius:12px;width:450px;padding:30px;box-shadow:0 10px 30px #0000001a}.start-card h2{margin-bottom:20px}.start-card input{border:1px solid #ddd;border-radius:8px;width:100%;margin:10px 0;padding:12px;font-size:14px}.start-card button{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:8px;width:100%;margin-top:15px;padding:12px}.instructions{text-align:left;margin:20px 0}.instructions li{margin-bottom:10px}.btn-row{gap:10px;display:flex}.btn-back{color:#000;background:#ecf0f1;flex:1}.btn-start{background:#27ae60;flex:2}.submitted-page{background:linear-gradient(135deg,#0f172a,#1e293b);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.submitted-card{text-align:center;background:#fff;border-radius:28px;width:100%;max-width:650px;padding:60px;animation:.5s fadeUp;box-shadow:0 20px 60px #00000040}.success-icon{margin-bottom:20px;font-size:90px}.submitted-card h1{color:#16a34a;margin-bottom:12px;font-size:42px}.submitted-card h2{color:#0f172a;margin-bottom:18px;font-size:24px}.submitted-card p{color:#64748b;margin-bottom:35px;line-height:1.8}.back-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:14px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s}.back-btn:hover{transform:translateY(-3px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}