@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-dark:#f0f2f5;--bg-card:#fff;--bg-hover:#e4e6eb;--text-primary:#1c1e21;--text-secondary:#606770;--accent-color:#1877f2;--border-color:#dddfe2;--success-color:#36a420;--danger-color:#fa383e;--warning-color:#ffba00}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;background-color:var(--bg-dark);color:#1c1e21;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-y:auto}.container{margin:0 auto;max-width:1200px}.text-light{color:#1c1e21!important;color:var(--text-primary)!important}.btn{border-radius:5px;font-size:1rem;padding:10px 25px;transition:all .3s ease}.btn-primary{background-color:#1877f2;background-color:var(--accent-color)}.btn-primary:hover{background-color:#2563eb}input[type=text]{background-color:#fff;background-color:var(--bg-card);border:1px solid #dddfe2;border:1px solid var(--border-color);color:#1c1e21;color:var(--text-primary)}input[type=text]:focus{border-color:#1877f2;border-color:var(--accent-color);outline:none}.container,.exam-container{background-color:#fff}.exam-container{align-items:center;border:2px solid #333;border-radius:4px;box-shadow:5px 5px 15px #0000001a;display:flex;flex-direction:column;max-width:500px;padding:40px;width:90%}.title{font-size:24px;font-weight:700;margin-bottom:20px;width:100%}.text-light{color:#333!important}.userid{background:#fff;border:1px solid #ccc;border-radius:2px;color:#000;font-size:16px;margin-top:10px;padding:10px;width:100%}.userid:focus{border-color:#337ab7;outline:none}.btn-primary{background:#337ab7;border:1px solid #2e6da4;border-radius:2px;cursor:pointer;font-weight:700;transition:background .2s}.btn-primary:hover{background:#286090}.quiz-card{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0000000d;color:#000;cursor:pointer;padding:20px;text-align:center;transition:all .2s;width:220px}.quiz-card:hover{background-color:#eaf6ff;border-color:#337ab7;transform:translateY(-2px)}.quiz-card h3{border-bottom:1px solid #eee;color:#333;font-size:18px;padding-bottom:10px}.badge{background-color:#d9edf7;border:1px solid #bce8f1;border-radius:3px;color:#31708f;display:inline-block;font-size:13px;margin-top:15px;padding:5px 10px}.modal-overlay{background-color:#00000080;z-index:1000}.modal-content{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 5px 15px #0000004d;color:#000;max-width:500px;padding:30px;width:90%}.modal-content-large{background-color:#fff;border:1px solid #333;border-radius:4px;box-shadow:0 5px 20px #0006;color:#000;display:flex;height:90vh;max-width:95vw;overflow:hidden;padding:0;width:95vw}.instructions-list{color:#333;line-height:1.6;margin:20px 0;padding-left:20px;text-align:left}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.btn-secondary{background-color:#f0f0f0;border:1px solid #ccc;border-radius:2px;color:#333;cursor:pointer;padding:10px 20px}.btn-secondary:hover{background-color:#e0e0e0}:root{--header-height:50px;--subheader-height:40px;--width-sidebar:350px;--bg-main:#fff;--bg-white:#fff;--bg-sidebar:#e5f2fa;--border-color:#e0e0e0;--blue-primary:#337ab7;--blue-dark:#23527c;--text-color:#000;--text-muted:#333}body,html{-webkit-font-smoothing:antialiased;background-color:#fff;background-color:var(--bg-main);color:#000;color:var(--text-color);font-family:Arial,Helvetica,sans-serif;height:100%;margin:0;padding:0;-webkit-user-select:none;user-select:none}*,:after,:before{box-sizing:border-box}.quiz-container{background-color:#fff;background-color:var(--bg-main);display:flex;flex-direction:row;height:100vh;width:100vw}.left-section-container{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden}.quiz-header-fieldset{align-items:center;background:#fff;border:1px solid #aaa;display:flex;flex-shrink:0;height:60px;margin:10px 10px 0;padding:0 0 0 15px}.header-legend{color:#000;font-family:Arial,sans-serif;font-size:13px;font-weight:700;margin-left:5px;padding:0 5px}.left-panel{background-color:#fff;background-color:var(--bg-white);border:1px solid #000;box-shadow:none;display:flex;flex:1 1;flex-direction:column;margin:10px;min-width:0;overflow:hidden}.question-header-bar{align-items:center;background:#fff;border-bottom:2px solid #ccc;display:flex;height:40px;justify-content:space-between;padding:10px 20px}.q-label{color:#000;font-size:20px;font-weight:700}.marks-label{border-left:1px solid #ccc;color:#333;font-size:17px;font-weight:700;padding-left:10px}.question-area{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:15px 20px}.questions-container-inner{display:flex;flex-direction:column;gap:10px;height:100%;width:100%}.question-text{color:#000;flex-shrink:0;font-size:20px;font-weight:500;line-height:1.4;margin-bottom:5px}.question-image-container{align-items:center;display:flex;flex:1 1 auto;justify-content:center;margin:5px 0;max-height:35vh;min-height:0;overflow:hidden}.options-list{display:flex;flex:0 0 auto;flex-direction:column;gap:10px;padding-bottom:5px;width:100%}.options-list.grid-view{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.option-item{align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;gap:15px;padding:8px 10px;transition:background .2s}.option-item:hover{background:#f5f5f5}.radio-btn{align-items:center;background:#fff;border:1px solid #555;border-radius:50%;display:flex;height:18px;justify-content:center;margin-top:2px;min-width:18px;width:18px}.option-item.selected .radio-btn{border-color:#000;border-width:2px}.option-item.selected .radio-btn:after{background:#000;border-radius:50%;content:"";height:10px;width:10px}.option-text{color:#000;font-size:18px;line-height:1.3}.left-footer{align-items:center;background:#f9f9f9;border-top:1px solid #ccc;display:flex;height:60px;justify-content:space-between;padding:0 20px}.footer-btn{border:1px solid #ccc;border-radius:0;cursor:pointer;font-size:13px;font-weight:700;margin-right:10px;padding:8px 20px;text-transform:Uppercase;transition:all .2s}.btn-clear,.btn-mark{background:#fff;border-color:#ccc;box-shadow:0 1px 2px #0000000d;color:#000}.btn-clear:hover,.btn-mark:hover{background:#f0f0f0}.btn-save{background:#337ab7;border-color:#2e6da4;color:#fff}.btn-save:hover{background:#286090}.right-panel{background:#e5f2fa;background:var(--bg-sidebar);display:flex;flex-direction:column;margin:0 10px 10px 0;width:350px;width:var(--width-sidebar)}.sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #fff;display:flex;justify-content:flex-start;min-height:70px;padding:10px 10px 10px 20px}.user-img-large{background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ccc'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");background-size:cover;border:1px solid #ccc;border-radius:0;height:125px;width:125px}.user-name-display{color:#000;font-size:20px;font-weight:700;margin-left:15px}.legend-container{background:#e5f2fa;border-bottom:1px solid #ccc;margin-left:15px;padding:15px}.legend-row{display:flex;flex-wrap:wrap;gap:5px}.legend-item{align-items:center;color:#333;display:flex;font-size:14px;gap:7px;margin-bottom:8px;width:45%}.section-tab{background-color:#337ab7;border-radius:4px 4px 0 0;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:0;padding:6px 25px}.palette-container{flex:1 1;gap:8px;overflow-y:auto}.palette-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-left:26px;margin-right:26px;margin-top:6px;padding:5px}.p-btn,.shape-box{align-items:center;cursor:pointer;display:flex;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));font-size:14px;font-weight:700;height:35px;justify-content:center;transition:all .2s;width:40px}.palette-grid .p-btn{height:40px;margin:0 auto;max-width:48px;width:100%}.p-btn.not-visited,.shape-not-visited{background:linear-gradient(180deg,#f9f9f9,#e0e0e0);border:1px solid #aaa;border-radius:6px;box-shadow:0 1px 1px #0000001a;-webkit-clip-path:none;clip-path:none;color:#000}.p-btn.not-visited:hover{background:#e8e8e8;border-color:#888}.p-btn.answered,.shape-answered{border:2px solid #30791f;border-radius:0;box-shadow:inset 0 0 0 px #ffffff40,inset 0 2px 0 #fff3;-webkit-clip-path:polygon(0 30%,25% 0,75% 0,100% 30%,100% 100%,0 100%);clip-path:polygon(0 30%,25% 0,75% 0,100% 30%,100% 100%,0 100%);color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.p-btn.not-answered,.shape-not-answered{background:linear-gradient(135deg,#ff7043,#d84315);border:1px solid #791f1f;border-radius:0;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 2px 0 #fff3;-webkit-clip-path:polygon(0 0,100% 0,100% 70%,75% 100%,25% 100%,0 70%);clip-path:polygon(0 0,100% 0,100% 70%,75% 100%,25% 100%,0 70%);color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.p-btn.answered,.shape-answered{background:linear-gradient(135deg,#66bb6a,#2e7d32)}.p-btn.marked,.shape-marked{background:linear-gradient(135deg,#ab47bc,#6a1b9a);border:none;border-radius:50%;box-shadow:inset 0 2px 5px #ffffff4d,0 2px 4px #0003;-webkit-clip-path:none;clip-path:none;color:#fff;filter:none}.p-btn.marked-answered,.shape-marked-answered{background:linear-gradient(135deg,#7e57c2,#4527a0);border:1px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;-webkit-clip-path:none;clip-path:none;color:#fff;position:relative}.p-btn.marked-answered:after,.shape-marked-answered:after{align-items:center;background:#43a047;border:1px solid #fff;border-radius:50%;bottom:0;box-shadow:0 1px 2px #0003;color:#fff;content:"✓";display:flex;font-size:10px;height:14px;justify-content:center;position:absolute;right:0;width:14px;z-index:2}.sidebar-footer{background:#e5f2fa;border-top:1px solid #ccc;display:flex;flex-direction:column;gap:10px;padding:15px}.footer-row-btn{display:flex;gap:10px;justify-content:space-between}.side-btn{background:#bce3f6;border:1px solid #bce8f1;border-radius:2px;color:#31708f;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:10px 5px;text-align:center;transition:background .2s}.side-btn:hover{background:#fff}.sub-btn{background:#337ab7;border-color:#2e6da4;color:#fff}.sub-btn:hover{background:#286090;color:#fff}.sidebar-toggle{align-items:center;background:#fff;color:#000;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:22px;font-weight:900;justify-content:center;letter-spacing:-2px;transition:all .2s;-webkit-user-select:none;user-select:none;width:30px;z-index:10}.sidebar-toggle:hover{background:#e0e0e0;color:#000}.question-img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}@media (max-width:768px){.quiz-container{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.left-section-container{flex:none;height:auto;min-height:60vh;width:100%}.right-panel{height:auto;margin:10px 0;order:2;width:100%}.sidebar-header{min-height:50px;padding:5px 10px}.user-img-large{height:60px;width:60px}.palette-grid{grid-template-columns:repeat(8,1fr);padding:5px}.question-header-bar{font-size:.9em;padding:5px 10px}.q-label{font-size:16px}.marks-label{font-size:14px}.left-footer{flex-wrap:wrap;gap:8px;height:auto;justify-content:center;padding:8px}.footer-btn{flex:1 1 40%;font-size:12px;margin-right:0;padding:10px 5px;text-align:center}.options-list.grid-view{grid-template-columns:1fr}.question-text{font-size:16px}.option-text{font-size:15px}.palette-container{max-height:300px}}@media (max-width:480px){.palette-grid{grid-template-columns:repeat(5,1fr)}.footer-btn{flex:1 1 100%}.question-image-container{max-height:25vh}}.container{background:#fff!important;color:#000;font-family:Arial,sans-serif;min-height:100vh;overflow-y:auto;padding:20px}.title{border-bottom:2px solid #ccc;color:#000;margin-bottom:30px;padding-bottom:10px;text-align:center;text-transform:uppercase}.flex-center{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:15px;justify-content:center;margin:0 auto;max-width:600px;padding:40px;width:100%}.container .flex{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:10px}.container .flex:last-child{border-bottom:none}.container .flex span{color:#333;font-size:16px}.container .flex .bold{color:#000;font-weight:700}.start{gap:15px;margin-top:30px;width:100%}.start,.start .btn{display:flex;justify-content:center}.start .btn{align-items:center;border:1px solid #0000;border-radius:2px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-width:120px;padding:10px 20px;text-decoration:none;transition:background .2s}.start .btn:first-child{background-color:#f0ad4e;border-color:#eea236}.start .btn:first-child:hover{background-color:#ec971f}.start .btn:last-child{background-color:#337ab7;border-color:#2e6da4}.start .btn:last-child:hover{background-color:#286090}table{border-collapse:collapse;margin-top:20px;width:100%}.table-header{background:#f0f0f0;border:1px solid #ccc;border-radius:0;font-weight:700}.table-body,.table-header{color:#000;padding:10px;text-align:center}.table-body{background:#fff;border:1px solid #ccc}.table-body:hover{background:#f9f9f9;transform:none}.table-body td{border:1px solid #ddd;padding:10px}.table-body td,.table-body td:first-child,.table-body td:last-child{border-radius:0}@media (max-width:600px){.flex-center{border:none;box-shadow:none;margin:0;max-width:100%;padding:20px;width:100%}.container .flex{align-items:flex-start;flex-direction:column;gap:5px}.start{flex-direction:column;gap:10px}.start .btn{width:100%}.table-body,.table-body td,.table-header{font-size:14px;padding:5px}}:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--primary:#2563eb;--primary-hover:#1d4ed8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}body{background-color:#f8fafc;background-color:var(--slate-50);color:#0f172a;color:var(--slate-900);font-family:Inter,sans-serif}.dashboard-container{display:flex;flex-direction:column;min-height:100vh}.dashboard-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);justify-content:space-between;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.dashboard-nav,.nav-brand{align-items:center;display:flex}.nav-brand{color:#0f172a;color:var(--slate-900);font-size:1.125rem;font-weight:600;gap:.75rem}.nav-actions{align-items:center;display:flex;gap:1rem}.user-profile-badge{background-color:#f1f5f9;background-color:var(--slate-100);color:#334155;color:var(--slate-700);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.375rem .75rem}.badge,.user-profile-badge{align-items:center;border-radius:9999px}.badge{display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.125rem .5rem}.badge-green{background-color:#d1fae5;color:#065f46}.badge-gray{background-color:#f1f5f9;background-color:var(--slate-100);color:#475569;color:var(--slate-600)}.badge-blue{background-color:#dbeafe;color:#1e40af}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.btn-primary{background-color:#0f172a;background-color:var(--slate-900);box-shadow:0 1px 2px 0 #0000000d;color:#fff}.btn-primary:hover{background-color:#334155;background-color:var(--slate-700)}.btn-ghost{background-color:initial;color:#64748b;color:var(--slate-500)}.btn-ghost:hover{background-color:#f1f5f9;background-color:var(--slate-100);color:#0f172a;color:var(--slate-900)}.btn-outline{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);color:#334155;color:var(--slate-700)}.btn-outline:hover{background-color:#f8fafc;background-color:var(--slate-50);border-color:#cbd5e1;border-color:var(--slate-300)}.card{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;overflow:hidden}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.card-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--slate-100);display:flex;justify-content:space-between;padding:1.25rem}.card-title{color:#1e293b;color:var(--slate-800);font-size:1rem;font-weight:600}.card-body{padding:1.25rem}.grid-cols-4{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-2{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (max-width:640px){.grid-cols-2,.grid-cols-4{grid-template-columns:1fr}.nav-actions span{display:none}}.table-container{overflow-x:auto;width:100%}.table{border-collapse:collapse;font-size:.875rem;text-align:left;width:100%}.table th{background-color:#f8fafc;background-color:var(--slate-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);color:#64748b;color:var(--slate-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase}.table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--slate-100);color:#334155;color:var(--slate-700);padding:1rem 1.5rem}.table tr:last-child td{border-bottom:none}.metric-card{align-items:flex-start;display:flex;justify-content:space-between;padding:1.5rem}.metric-label{color:#64748b;color:var(--slate-500);font-size:.875rem;font-weight:500}.metric-value{color:#0f172a;color:var(--slate-900);font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin-top:.25rem}.metric-icon-wrapper{background-color:#f8fafc;background-color:var(--slate-50);border-radius:.5rem;color:#475569;color:var(--slate-600);padding:.75rem}.action-card{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem;transition:all .2s}.action-card:hover{border-color:#cbd5e1;border-color:var(--slate-300);transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;max-width:32rem;overflow:hidden;width:100%}.dashboard-hero-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr);margin-bottom:40px}.dashboard-stat-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.dashboard-analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:40px}@media (max-width:1024px){.dashboard-analytics-grid,.dashboard-hero-grid{grid-template-columns:1fr}.dashboard-stat-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.dashboard-stat-grid{grid-template-columns:1fr;grid-template-rows:auto}.modal-content-large{border-radius:0!important;height:100%!important;max-height:100%!important;max-width:100%!important;padding:0!important;width:100%!important}}.dashboard-container-flex{background:#f8fafc;display:flex;font-family:Inter,system-ui,sans-serif;min-height:100vh}.dashboard-sidebar{background:#fff;border-right:1px solid #e2e8f0;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:50}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:260px;width:calc(100% - 260px)}.dashboard-content-wrapper{margin:0 auto;max-width:1400px;padding:40px;width:100%}@media (max-width:768px){.dashboard-sidebar{transform:translateX(-100%)}.dashboard-sidebar.open{transform:translateX(0)}.dashboard-main{margin-left:0;width:100%}.dashboard-content-wrapper{padding:20px}.mobile-menu-toggle{display:block!important}}
/*# sourceMappingURL=main.6af674fb.css.map*/