body{background:#f4f6fb;margin:0;font-family:Poppins,sans-serif}.auth-page,.auth-page *{box-sizing:border-box}.auth-page{background:radial-gradient(circle at 0 0,#ffffff14,#0000 30%),radial-gradient(circle at 100% 100%,#ffffff14,#0000 30%),linear-gradient(135deg,#0f172a,#1e293b,#1e3a8a);justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex;overflow:hidden}.auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-radius:22px;width:950px;min-height:650px;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000059,0 0 0 1px #ffffff14}.auth-left{color:#0a0a23;background:linear-gradient(135deg,#f59e0b,#fb923c);flex-direction:column;justify-content:flex-start;gap:20px;width:50%;padding:42px 55px;display:flex;position:relative;overflow:hidden}.auth-left:before{content:"";z-index:0;background:#ffffff1f;border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-120px}.auth-left:after{content:"";z-index:0;background:#ffffff14;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-80px;left:-80px}.brand{align-items:center;gap:16px;width:100%;display:flex}.logo-img{object-fit:cover;background:#fff;border-radius:12px;flex-shrink:0;width:65px;height:65px;padding:4px;box-shadow:0 4px 10px #0000001a}.brand-tagline{color:#2563eb;letter-spacing:.3px;white-space:nowrap;margin:0;font-size:12px;font-weight:600}.auth-left h1{letter-spacing:-1px;color:#0f172a;z-index:2;margin-top:0;margin-bottom:12px;font-size:42px;font-weight:900;line-height:1.05;position:relative}.hero-desc{opacity:.95;text-align:left;z-index:2;max-width:95%;margin-top:15px;font-size:16px;font-weight:600;line-height:1.6;position:relative}.features{z-index:3;justify-content:space-between;align-items:stretch;gap:16px;width:100%;margin-top:40px;display:flex;position:relative}.feature-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff38;border:1px solid #ffffff4d;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;padding:20px 12px;transition:all .3s;display:flex}.feature-icon{font-size:28px;line-height:1}.feature-info{flex-direction:column;align-items:center;gap:4px;display:flex}.feature-info h3{color:#071133;white-space:nowrap;margin:0;font-size:16px;font-weight:800}.feature-info p{color:#071133;opacity:.85;margin:0;font-size:12px;font-weight:600}.feature-card:hover{background:#ffffff59;transform:translateY(-4px);box-shadow:0 12px 25px #0000001a}.auth-right{background:#f4f5f7;flex-direction:column;justify-content:center;width:50%;padding:40px 55px;display:flex}.role-switch{background:#eef2f7;border-radius:16px;align-items:center;gap:6px;width:100%;margin-bottom:20px;padding:6px;display:flex}.role-switch button{color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;height:44px;font-size:16px;font-weight:700;transition:all .25s;display:flex}.role-switch button.active{color:#fff;background:#ff9800;transform:translateY(-2px);box-shadow:0 6px 15px #ff98004d}.role-switch button:not(.active):hover{color:#ea580c;background:#ff980026;transform:translateY(-1px)}.auth-right h2{margin-bottom:25px;font-size:28px;font-weight:800}.auth-right label{color:#444;margin-top:10px;font-size:13px}.auth-right input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;width:100%;margin-bottom:14px;padding:15px;font-size:15px;transition:all .3s}.auth-right input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.password-wrapper{width:100%;margin-bottom:14px;position:relative}.password-wrapper input{margin-bottom:0;padding-right:45px}.eye-btn{cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.eye-btn:hover{transform:translateY(-50%)scale(1.1)}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9800,#ff6b00);border:none;border-radius:18px;width:100%;margin-top:10px;padding:18px;font-size:28px;font-weight:700;transition:all .3s}.login-btn:hover{transform:scale(1.04);box-shadow:0 8px 20px #f5a62366}@media (width<=768px){.auth-page{padding:15px}.auth-card{border-radius:20px;flex-direction:column;width:100%;max-width:100%;min-height:auto}.auth-left,.auth-right{width:100%;padding:30px 20px}.auth-left{border-radius:20px 20px 0 0;overflow:hidden}.brand{text-align:left;justify-content:flex-start;gap:12px}.logo-img{border-radius:10px;width:50px;height:50px}.brand-title{white-space:normal;font-size:16px}.brand-tagline{white-space:normal;font-size:12px}.auth-left h1{text-align:left;margin-top:25px;font-size:28px;line-height:1.2}.hero-desc{text-align:left;margin-top:10px;font-size:15px}.auth-right{background:#fff;border-radius:0 0 20px 20px}.auth-right h2,.welcome-subtext{text-align:left}.login-btn{padding:14px;font-size:18px}.features{flex-wrap:nowrap;gap:8px;margin-top:30px}.feature-card{padding:12px 6px}.feature-icon{font-size:18px}.feature-info h3{white-space:normal;font-size:11px}.feature-info p{font-size:9px}}.register-text{text-align:center;color:#555;margin-top:18px;font-size:16px}.register-text span{color:#2563eb;cursor:pointer;font-weight:700;transition:all .3s}.register-text span:hover{color:#1d4ed8;text-shadow:0 0 10px #2563eb66}.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{color:#1a2140;background:#fff;border:2px solid #dbe2f2}.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%}}.manage-tests{padding:30px}.page-header h2{color:#0f1b3d;font-size:26px}.test-card{background:#fff;border:1px solid #eef1f8;border-radius:16px;padding:20px;transition:all .2s;box-shadow:0 4px 12px #0000000d}.test-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.tc-head{justify-content:space-between;margin-bottom:10px;display:flex}.tc-title{color:#0f1b3d;font-size:16px;font-weight:700}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px}.tc-meta{color:#8b93a7;flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.tc-date{color:#8b93a7;margin-bottom:15px;font-size:11px}.tc-actions{gap:10px;display:flex}.btn-green{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;padding:6px 12px}.btn-outline{cursor:pointer;background:0 0;border:2px solid #0f1b3d;border-radius:8px;padding:6px 12px}.btn-red{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:6px 12px}.tc-link{gap:8px;margin-top:10px;display:flex}.tc-link input{border:1px solid #ddd;border-radius:6px;flex:1;padding:8px;font-size:12px}.tc-link button{color:#fff;cursor:pointer;background:#0f1b3d;border:none;border-radius:6px;padding:6px 10px}.btn-blue{color:#fff;background:#3b82f6}.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}.test-dates{color:#666;flex-wrap:wrap;gap:20px;margin-top:10px;font-size:14px;display:flex}.disabled-btn{opacity:.7;cursor:not-allowed}.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}body{overflow-x:hidden}.student-dashboard{background:#f0f2f8;min-height:100vh;padding:30px}.student-nav{background:linear-gradient(135deg,#0f1b3d,#1a2a5e);flex-wrap:wrap;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.brand-icon{background:#f5a623;border-radius:8px;padding:8px}.name{color:#fff;font-size:14px}.student-content{box-sizing:border-box;width:100%;padding:20px}.welcome-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#0f1b3d,#1a2a5e);border-radius:16px;margin-bottom:30px;padding:30px}.welcome-banner h2{margin-bottom:6px;font-size:22px}.section-label{color:#8b93a7;margin:25px 0 10px;font-size:13px;font-weight:600}.tests-grid{grid-template-columns:1fr;gap:20px;display:grid}.test-card{background:#fff;border-radius:14px;padding:20px;transition:all .2s;box-shadow:0 4px 12px #00000014}.test-card:hover{transform:translateY(-2px)}.test-card h4{margin-bottom:6px;font-size:18px}.meta{color:#555;flex-wrap:wrap;gap:10px;margin:10px 0;font-size:13px;display:flex}.btn-start{cursor:pointer;color:#fff;background:#f59e0b;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-start:hover{background:#d97706}.badge{border-radius:8px;width:fit-content;margin-top:10px;padding:6px 10px;font-size:12px;font-weight:600}.badge.free{color:#059669;background:#d1fae5}.badge.paid{color:#dc2626;background:#fee2e2}.results-list{flex-direction:column;gap:12px;display:flex}.result-item{background:#fff;border-radius:12px;justify-content:space-between;gap:10px;padding:15px;display:flex;box-shadow:0 3px 10px #0000000d}.ri-info{flex:1}.ri-score{text-align:right}.ri-score .big{font-size:20px;font-weight:700}.ri-score .sub{color:#8b93a7;font-size:12px}.view{color:#f59e0b;cursor:pointer;font-size:12px;font-weight:600}@media (width<=768px){.student-nav{padding:10px}.brand-name{font-size:13px}.welcome-banner{text-align:center;padding:20px}.result-item{flex-direction:column;align-items:flex-start}.ri-score{text-align:left}}@media (width<=480px){.student-dashboard{padding:15px}.btn-start{font-size:14px}.welcome-banner h2{font-size:18px}.history-card{flex-direction:column;align-items:flex-start;gap:8px}}.hero-header{justify-content:space-between;align-items:center;display:flex}.history-btn{color:#1e3a8a;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:600;transition:all .3s}.history-btn:hover{background:#f1f5ff;transform:scale(1.05)}.history-section{margin-top:30px}.history-card{background:#fff;border-radius:12px;justify-content:space-between;margin-bottom:10px;padding:15px;display:flex}.score.green{color:#16a34a;font-weight:700}.score.red{color:#dc2626;font-weight:700}.hero-header{justify-content:space-between;align-items:center;padding:50px 45px;display:flex}.hero-header h2{margin-bottom:10px;font-size:42px;font-weight:800}.hero-header p{color:#dbeafe;margin:0;font-size:22px}.section-title{color:#0f172a;margin:40px 0 20px;font-size:24px;font-weight:800}.paid-title{margin-top:50px}.tests-row{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.modern-test-card{background:#fff;border-radius:22px;min-width:0;padding:24px;transition:all .3s;box-shadow:0 10px 25px #00000014}.modern-test-card:hover{transform:translateY(-8px)}.paid-card{border:2px solid #f59e0b}.test-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.test-top h4{color:#0f172a;margin:0;font-size:20px;font-weight:700}.free-badge{color:#16a34a;background:#dcfce7;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.paid-badge{color:#f97316;background:#fff7ed;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.test-meta{color:#475569;flex-direction:column;gap:10px;margin-bottom:24px;font-size:15px;display:flex}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ff7b00);border:none;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .3s}.start-btn:hover{transform:scale(1.03)}.premium-btn{background:linear-gradient(135deg,#0f172a,#1e3a8a)}.empty-text{color:#64748b;margin-bottom:20px;font-size:16px}@media (width<=1100px){.tests-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-header{flex-direction:column;align-items:flex-start;gap:20px}.hero-header h2{font-size:30px}.hero-header p{font-size:18px}.tests-row{grid-template-columns:1fr}.test-top{flex-direction:column;align-items:flex-start}}.hero-header>div{flex-direction:column;align-items:flex-start;display:flex}.hero-header h2{margin:0;line-height:1.1}.hero-header p{margin-top:12px;margin-left:6px}.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)}}