:root{--color-primary: #0066CC;--color-primary-light: #4A9EFF;--color-primary-lighter: #7AB8FF;--color-primary-dark: #004C99;--color-secondary: #00A3E0;--color-background: #FFFFFF;--color-surface: #F8FAFB;--color-border: #E1E8ED;--color-text-primary: #1A1A1A;--color-text-secondary: #5A6A7A;--color-success: #00B894;--color-error: #E63946;--color-warning: #F39C12;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-hover: 0 6px 20px rgba(0, 102, 204, .15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}*{font-family:Poppins,sans-serif;text-decoration:none;margin:0;padding:0;box-sizing:border-box}body{margin:0;background:var(--color-surface)}h1{text-align:center;padding-top:var(--spacing-xl);color:var(--color-text-primary);font-family:Kanit;font-weight:700;font-size:2.5rem}h1 a{color:var(--color-primary);font-family:Kanit}h2{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-md)}main{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);padding-bottom:var(--spacing-lg);max-width:1800px;margin-inline:auto}@media (max-width: 768px){main{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (max-width: 480px){main{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}.sectorList{--num-cols:3;--row-height: 240px;display:grid;grid-template-rows:repeat(auto-fit,minmax(240px,.69fr));grid-auto-rows:minmax(240px,.75fr);grid-template-columns:repeat(var(--num-cols),1fr);gap:72px var(--spacing-lg)}.sector-card{transition:all var(--transition-base)}.sectorList h3{padding-bottom:var(--spacing-md);padding-top:var(--spacing-xs);color:var(--color-text-primary);font-weight:600;font-size:1.35rem;transition:color var(--transition-base)}.sectorList a:hover h3{color:var(--color-primary)}.sector{height:100%;width:100%;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.sector-card[data-sector=ENT] .sector{background:#7c868a}.sector-card[data-sector=FIN] .sector{background:#009b47}.sector-card[data-sector=MKT] .sector{background:#cc1d36}.sector-card[data-sector="H&T"] .sector{background:#0a75be}.sector-card[data-sector=BMA] .sector{background:#f6bc00}.sector-card[data-sector=CORE] .sector{background:#0d3b77}.clickableButton{transition:all var(--transition-base)}.clickableButton:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}ul h3{text-decoration:none;list-style:none;font-size:1.35rem}#logo{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);font-size:1.25rem;border-radius:var(--radius-md);margin:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:2px solid rgba(255,255,255,.2);color:#fff;text-decoration:none}#logo:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#fff6}.logo-deca{font-weight:800;font-size:1.3rem;letter-spacing:.5px}.logo-divider{width:2px;height:24px;background:#fff6;border-radius:2px}.logo-quizzler{font-weight:500;font-size:1.15rem;letter-spacing:.3px}.dropbtn{font-weight:600;font-size:1.05rem;padding:22px 15px!important;width:101px;text-align:center;transition:all var(--transition-base)}.navbar ul{list-style-type:none;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:0%;margin:0%;overflow:visible;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);position:relative;z-index:1000}.toggle{margin-left:auto;padding-left:var(--spacing-lg)}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:9998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;top:0;right:0;height:100vh;width:280px;max-width:85vw;background:linear-gradient(180deg,#fff,#f8fafb);z-index:9999;box-shadow:-4px 0 24px #0003;display:flex;flex-direction:column;animation:slideIn .3s ease-out;overflow-y:auto;padding:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);border-bottom:2px solid var(--color-border);background:var(--color-background)}.sidebar-header h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0}.close-sidebar-btn{background:transparent;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.close-sidebar-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.sidebar-nav{display:flex;flex-direction:column;padding:0;gap:0;flex:1}.sidebar-item{display:flex;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);color:var(--color-text-primary)!important;font-weight:500;font-size:1rem;border-radius:0;transition:all var(--transition-fast);text-decoration:none;border-bottom:1px solid var(--color-border)}.sidebar-item:hover{background:var(--color-primary)!important;color:#fff!important;padding-left:calc(var(--spacing-xl) + 8px)}.toggle{margin-right:20px;margin-top:5px;display:none!important}.navbar a{color:#fff;text-decoration:none;padding:var(--spacing-md);display:block}.navbar li a:hover{background-color:#ffffff26;border-radius:var(--radius-md)}.toggle{cursor:pointer}.navbar li{display:inline-block}.dropdown{position:relative;z-index:1001}.dropdown .grid-container{position:absolute;top:100%;left:0;z-index:2000;display:none;border-radius:var(--radius-lg);background:linear-gradient(145deg,#1e3a5f,#0f1f3d);box-shadow:0 10px 40px #00000040;border:1px solid rgba(255,255,255,.1);padding:var(--spacing-sm)}.dropdown:hover .dropbtn{background-color:#ffffff26;border-radius:var(--radius-md)}.dropdown:hover .grid-container{display:grid;grid-template-columns:repeat(auto-fit,175px);gap:4px;max-width:min(700px,90vw)}.dropdown:hover .grid-container-core{grid-template-columns:repeat(3,175px);max-width:547px}@media screen and (max-width: 1290px){.dropdown:hover .grid-container-core{grid-template-columns:repeat(2,175px);max-width:362px}}.dropdown-element{transition:all var(--transition-fast);border-radius:var(--radius-sm)}.dropdown-element a{padding:var(--spacing-md);color:#e2e8f0;font-weight:500;font-size:.95rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-element:hover{background:linear-gradient(135deg,#2d5a8a,#1e3a5f);transform:translateY(-1px)}.navbar-div{display:flex;align-items:center}.search-box{width:250px;background:var(--color-background);border-radius:var(--radius-md);margin-right:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:box-shadow var(--transition-base)}.search-box:focus-within{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.search-box-row{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md)}#input{flex:none;width:200px;height:30px;background:transparent;font-size:.95rem;color:var(--color-text-primary);border:0;outline:0}#input::placeholder{color:var(--color-text-secondary)}.search-icon{background:transparent;border:0;outline:0;height:24px;cursor:pointer;color:var(--color-text-secondary)}.search-box{position:relative;z-index:100}.result-box{position:absolute;top:100%;left:0;z-index:1000;background-color:var(--color-background);width:250px;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.result-box ul{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--spacing-xs)}.result-box ul:first-child{border-top:none}.result-box ul li{cursor:pointer;list-style:none;border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-lg);width:100%;transition:background-color var(--transition-fast);color:var(--color-text-primary)}.result-box ul li:hover{background:var(--color-surface);color:var(--color-primary)}#sectorHeading{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.exam-section{margin-bottom:var(--spacing-3xl)}.exam-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.exam-section-title{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin:0}.exam-count{background:var(--color-surface);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;border:1px solid var(--color-border)}.exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.exam-card{position:relative;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-sm);overflow:hidden}.exam-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--category-color);transition:width var(--transition-base)}.exam-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--category-color)}.exam-card:hover:before{width:6px}.exam-card-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.exam-name{color:var(--color-text-primary);font-weight:600;font-size:1rem;line-height:1.4;word-break:break-word}.exam-arrow{color:var(--color-text-secondary);font-size:1.25rem;font-weight:700;transition:transform var(--transition-base);flex-shrink:0}.exam-card:hover .exam-arrow{transform:translate(4px);color:var(--category-color)}.quiz-summary{max-width:1250px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.summary-header{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);border-bottom:3px solid var(--color-border)}.summary-title{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.summary-subtitle{color:var(--color-text-secondary);font-size:1.1rem;font-weight:500}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.stat-card{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.stat-card-score{border-color:var(--color-primary)}.stat-card-correct{border-color:var(--color-success)}.stat-card-incorrect{border-color:var(--color-error)}.stat-card-total{border-color:var(--color-text-secondary)}.stat-content{text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--color-text-secondary);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.incorrect-section{margin-bottom:var(--spacing-3xl)}.incorrect-title{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.incorrect-questions{display:flex;flex-direction:column;gap:var(--spacing-lg)}.incorrect-question-card{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.incorrect-question-card:hover{box-shadow:var(--shadow-md)}.question-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.question-number{background:var(--color-error);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-weight:700;font-size:.9rem}.question-exam{background:var(--color-surface);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-weight:600;font-size:.85rem;border:1px solid var(--color-border)}.question-text{color:var(--color-text-primary);font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:var(--spacing-lg)}.choices-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.choice-item{padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;transition:all var(--transition-fast)}.choice-correct{background:linear-gradient(135deg,var(--color-success) 0%,#48E4D6 100%);border-color:var(--color-success);color:#fff;font-weight:600}.explanation-toggle{width:100%;padding:var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.explanation-toggle:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.toggle-icon{font-size:1.25rem;font-weight:700;line-height:1}.explanation-content{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);animation:slideDown .3s ease-out}.explanation-header{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:1.1rem}.explanation-text{color:var(--color-text-primary);line-height:1.7;font-size:.95rem}.correct-answer{color:var(--color-success);font-weight:700}.perfect-score{text-align:center;padding:var(--spacing-3xl);background:linear-gradient(135deg,var(--color-success) 0%,#48E4D6 100%);border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--spacing-3xl);border:3px solid var(--color-success);box-shadow:var(--shadow-lg)}.perfect-score h2{font-size:2rem;margin-bottom:var(--spacing-md);color:#fff}.perfect-score p{font-size:1.1rem;opacity:.9}.summary-actions{display:flex;gap:var(--spacing-lg);justify-content:center}.action-button{padding:var(--spacing-md) var(--spacing-xl);border:2px solid transparent;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.action-button-home{background:var(--color-background);color:var(--color-text-primary);border-color:var(--color-border)}.action-button-home:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-button-retry{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff}.action-button-retry:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}#quiz-title{display:flex;width:90%;justify-content:space-between;align-items:end;margin-inline:auto}#quiz-name{font-weight:25px;margin-top:25px}#quiz-title ul li{list-style:none;display:inline-flex;align-items:center;margin-bottom:3px;padding-bottom:var(--spacing-xs)}#switch-text{font-weight:500;font-size:large;margin-right:var(--spacing-sm);margin-left:var(--spacing-md);margin-bottom:0}#question-box{position:relative;padding:var(--spacing-2xl);margin-inline:auto;align-items:center;width:90%;background:linear-gradient(135deg,#e3f2fd,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;grid-template-columns:130px auto;grid-template-rows:1;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base)}#question-box:hover{box-shadow:var(--shadow-lg)}#number{color:#fff;font-weight:700;font-size:3rem;width:100px;height:100px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:50%;display:inline-block;text-align:center;line-height:103px;box-shadow:var(--shadow-md)}#question{display:inline-block;width:auto;font-size:1.45rem;color:var(--color-text-primary);font-weight:500;line-height:1.5;cursor:default;caret-color:transparent}.btn{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:#fff;font-weight:500;font-size:1.05rem;height:150px;border:2px solid transparent;padding:var(--spacing-md);margin:7px 0;text-align:center;border-radius:var(--radius-lg);cursor:pointer;position:relative;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.btn:hover:not(:disabled){border-color:var(--color-primary-lighter);box-shadow:var(--shadow-hover)}.btn #letter{font-weight:700;font-size:1.5rem;position:absolute;bottom:66%;left:3%;color:#fff6;pointer-events:none}.btn #btn-text{pointer-events:none;font-size:1.15rem;padding-right:2%;padding-left:2%;line-height:1.4}.btn:disabled{cursor:not-allowed;opacity:.7}#choices{margin-top:25px;margin-bottom:50px;width:90%;margin-inline:auto;display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));grid-template-rows:repeat(2,150px);grid-gap:10% 2%}#quiz-buttons{margin-top:65px;margin-bottom:25px;display:flex;align-items:center;justify-content:center}.quizButton{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;font-weight:600;width:200px;max-width:20%;height:50px;border:2px solid transparent;padding:0 var(--spacing-lg);margin-left:.5%;margin-right:.5%;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--transition-base);font-size:1rem;line-height:1}.quizButton:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}#fav-btn{position:absolute;background:transparent;border:none;top:6px;right:24px;outline:none;font-size:20px}#fav-btn :hover{cursor:pointer}.icon-stack{position:relative;display:inline-block}.icon-stack .bottom,.icon-stack .top{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-stack .top{pointer-events:none}.icon-stack .bottom{color:transparent}.switch{position:relative;width:53px;height:28px;background-color:#939ba3;border-radius:var(--radius-full);transition:var(--transition-base);box-shadow:var(--shadow-sm);cursor:pointer;border:none;outline:none}.switch[data-state=checked]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.switch:focus-visible{box-shadow:0 0 0 3px var(--color-primary-lighter)}.slider.round{display:block;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:var(--transition-base);transform:translate(4px);box-shadow:var(--shadow-sm);will-change:transform}.switch[data-state=checked] .slider.round{transform:translate(29px)}.correct{background:linear-gradient(135deg,var(--color-success) 0%,#48E4D6 100%)!important;border-color:var(--color-success)!important}.incorrect{background:linear-gradient(135deg,var(--color-error) 0%,#FF6B7A 100%)!important;border-color:var(--color-error)!important}.underline{text-decoration:underline}.question-summary{margin-top:var(--spacing-md);font-weight:600;font-size:1rem;color:var(--color-text-primary)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-content{position:relative;background-color:var(--color-background);margin-top:20%;margin-inline:auto;padding:var(--spacing-2xl);padding-top:var(--spacing-md);width:80%;border-radius:var(--radius-lg);color:var(--color-text-primary);height:auto;animation-name:animatetop;animation-duration:1s;-webkit-animation-name:animatetop;-webkit-animation-duration:1s;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.modal-drag-handle{width:100%;padding:var(--spacing-sm) 0;display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-md);-webkit-user-select:none;user-select:none}.modal-drag-indicator{width:40px;height:4px;background:var(--color-text-secondary);border-radius:2px;transition:background var(--transition-fast)}.modal-drag-handle:hover .modal-drag-indicator,.modal-drag-handle.dragging .modal-drag-indicator{background:var(--color-text-primary)}.modal-content-confirm-exit{position:relative;background-color:var(--color-background);margin-top:20%;margin-inline:auto;padding:var(--spacing-2xl);padding-top:var(--spacing-md);width:815px;max-width:80%;border-radius:var(--radius-lg);color:var(--color-text-primary);height:auto;animation-name:animatetop;animation-duration:1s;-webkit-animation-name:animatetop;-webkit-animation-duration:1s;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}#modalHeader{text-align:left;margin:0 0 var(--spacing-md) 0;padding:0;color:var(--color-error);font-weight:600}#modalText{text-align:left;word-wrap:break-word;line-height:1.6;color:var(--color-text-secondary)}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0)}#hideModalButton{display:none;margin-top:var(--spacing-md);min-width:80px;height:50px;border:none;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-md);font-family:Poppins;font-weight:600;color:#fff;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center}#hideModalButton:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}#confirmExitModalButton{margin-top:var(--spacing-md);min-width:80px;height:50px;border:none;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-md);font-family:Poppins;font-weight:600;color:#fff;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center}#confirmExitModalButton:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.header-subtext{text-align:center;color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-2xl);font-weight:400}.header-subtext-xl{text-align:center;color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-xl);font-weight:400}.tooltip-content{background-color:var(--color-text-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.875rem;line-height:1;box-shadow:var(--shadow-lg);z-index:100;animation:slideDown .2s ease-out}.tooltip-arrow{fill:var(--color-text-primary)}@media (max-width: 768px){#choices{margin-top:25px;margin-bottom:50px;width:90%;margin-inline:auto;display:grid;grid-template-columns:repeat(1,minmax(100px,1fr));grid-template-rows:repeat(4,150px);grid-gap:2%}.exam-grid{grid-template-columns:1fr}.exam-section-header{flex-wrap:wrap}.exam-section-title{font-size:1.5rem}.exam-count{width:100%;text-align:center;order:3}.page-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}#sectorHeading{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.quiz-summary{padding:var(--spacing-lg) var(--spacing-md)}.summary-title{font-size:1.75rem}.summary-stats{grid-template-columns:1fr}.stat-card{padding:var(--spacing-lg)}.stat-value{font-size:2rem}.incorrect-title{font-size:1.4rem;flex-wrap:wrap}.question-text{font-size:1rem}.summary-actions{flex-direction:column}.action-button{width:100%}}@media screen and (max-width: 1215px){.sectorList{--num-cols: 2;--row-height: 200px}.exam-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 769px) and (max-width: 1024px){.exam-section-title{font-size:1.6rem}.summary-stats{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 480px){.stat-card{padding:var(--spacing-lg)}.stat-value{font-size:1.75rem}.stat-label{font-size:.85rem}}@media (max-width: 1215px){.search-box{width:250px;background:var(--color-background);border-radius:var(--radius-md);margin-right:var(--spacing-sm)!important}.dropdown{display:none}.toggle{display:block!important}}.traffic-page{padding:var(--spacing-sm)}.traffic-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl);margin:var(--spacing-2xl) 0}.stat-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-lg)}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.stat-icon{width:80px;height:80px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.stat-icon i{font-size:2rem;color:#fff}.stat-content{flex:1}.stat-value{font-size:2.5rem;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-sm);font-family:Kanit,sans-serif}.stat-label{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.stat-description{font-size:.9rem;color:var(--color-text-secondary)}.loading-state{text-align:center;padding:var(--spacing-2xl);font-size:1.2rem;color:var(--color-text-secondary)}.analytics-info{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-top:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.analytics-info h2{color:var(--color-text-primary);margin-bottom:var(--spacing-lg);font-size:1.5rem}.analytics-info ul{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0}.analytics-info ul li{padding:var(--spacing-md);border-left:3px solid var(--color-primary);background:var(--color-surface);margin-bottom:var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-primary)}.analytics-info ul li strong{color:var(--color-primary)}.update-info{text-align:center;color:var(--color-text-secondary);font-size:.9rem;margin:var(--spacing-lg) 0 0 0;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.update-info i{margin-right:var(--spacing-sm);color:var(--color-primary)}@media (max-width: 768px){.traffic-stats{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.stat-value{font-size:2rem}}.traffic-controls{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-2xl) 0;flex-wrap:wrap}.date-range-select{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:1rem;cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:250px}.date-range-select:hover{border-color:var(--color-primary)}.date-range-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.traffic-nav-btn{padding:var(--spacing-md) var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.traffic-nav-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.traffic-nav-btn:disabled{opacity:.5;cursor:not-allowed}.traffic-charts-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);margin:var(--spacing-2xl) 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl)}.traffic-chart{min-width:0}.traffic-chart-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg);text-align:center}.chart-container{position:relative;height:300px;width:100%}@media (max-width: 1200px){.traffic-charts-card{grid-template-columns:1fr}.traffic-chart{margin-bottom:var(--spacing-xl)}.traffic-chart:last-child{margin-bottom:0}}@media (max-width: 768px){.traffic-controls{flex-direction:column;align-items:stretch}.date-range-select{min-width:100%}.traffic-nav-btn{width:100%}.traffic-charts-card{padding:var(--spacing-lg)}.chart-container{height:250px}}.rate-limit-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;color:#92400e;font-weight:600;text-align:center}.rate-limit-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;color:#991b1b;font-weight:600;text-align:center}