@charset "UTF-8";.modal{position:fixed;z-index:999999;top:0;left:0;right:0;bottom:0;overflow:auto;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:1.5rem 0}.modal *{z-index:inherit}.modal-content{background-color:var(--color-card-bg);padding:1rem;border:1px solid var(--color-border-hover);border-radius:8px;box-shadow:2px 2px 12px var(--color-shadow-medium);max-width:800px;max-height:90vh;width:90%;display:flex;flex-direction:column;color:var(--color-text);overflow-y:auto;margin:auto;position:relative;z-index:999999}.modal-content>*{position:relative;z-index:1}.usage-stats{padding:1rem 0;border-top:1px solid var(--border-color);margin-top:1rem}.usage-stats__loading,.usage-stats__empty{text-align:center;color:var(--text-muted);padding:2rem}.usage-stats__title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.usage-stats__title svg{color:var(--primary-color)}.usage-stats__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.usage-stats__metric{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1rem;text-align:center}.usage-stats__metric-label{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.usage-stats__metric-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.25rem}.usage-stats__metric-value.projection{color:var(--success-color)}.usage-stats__metric-value svg{width:18px;height:18px}.usage-stats__metric-detail{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.usage-stats__models{margin-bottom:1.5rem}.usage-stats__models h5{font-size:.95rem;color:var(--text-primary);margin-bottom:.75rem;font-weight:600}.usage-stats__model-list{display:flex;flex-direction:column;gap:.5rem}.usage-stats__model-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--input-background);border-radius:6px;border:1px solid var(--border-color)}.usage-stats__model-name{font-weight:500;color:var(--text-primary)}.usage-stats__model-stats{display:flex;gap:1rem;align-items:center}.usage-stats__model-cost{font-weight:600;color:var(--primary-color)}.usage-stats__model-requests{font-size:.875rem;color:var(--text-muted)}.usage-stats__trend h5{font-size:.95rem;color:var(--text-primary);margin-bottom:.75rem;font-weight:600}.usage-stats__trend-list{display:flex;flex-direction:column;gap:.25rem}.usage-stats__trend-item{display:flex;justify-content:space-between;padding:.5rem .75rem;border-radius:4px}.usage-stats__trend-item:hover{background:var(--hover-background)}.usage-stats__trend-date{color:var(--text-muted);font-size:.875rem}.usage-stats__trend-cost{font-weight:500;color:var(--text-primary)}@media (prefers-color-scheme: dark){.usage-stats__metric{background:var(--dark-card-background);border-color:var(--dark-border-color)}.usage-stats__model-item{background:var(--dark-input-background);border-color:var(--dark-border-color)}}.card,.ai-model-selector{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}.card:hover,.ai-model-selector:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){.card,.ai-model-selector{padding:.75rem}}.ai-model-selector{padding:1.5rem;margin-bottom:1rem}.ai-model-selector__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ai-model-selector__header h3{margin:0;color:var(--text-primary)}.ai-model-selector__toggle{padding:.25rem .75rem;font-size:.875rem;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.ai-model-selector__toggle:hover{background-color:var(--hover-background);border-color:var(--primary-color)}.ai-model-selector__models{display:grid;gap:1rem;margin-bottom:1rem}.ai-model-selector__model{border:2px solid var(--border-color);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease}.ai-model-selector__model:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgb),.05)}.ai-model-selector__model--selected{border-color:var(--primary-color);background-color:rgba(var(--primary-rgb),.1)}.ai-model-selector__model-header{display:flex;align-items:center;gap:.75rem}.ai-model-selector__model-header input[type=radio]{margin:0}.ai-model-selector__model-header h4{margin:0;font-size:1rem;color:var(--text-primary)}.ai-model-selector__model-details{margin-top:.75rem;padding-left:1.75rem}.ai-model-selector__pricing{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0}.ai-model-selector__description{font-size:.875rem;color:var(--text-secondary);margin:.5rem 0 0;line-height:1.4}.ai-model-selector__current{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.ai-model-selector__current p{margin:.25rem 0;font-size:.9rem}.ai-model-selector__cost-estimate{color:var(--text-secondary);font-size:.875rem}.ai-model-selector--compact{display:flex;align-items:center;gap:.5rem;padding:0;margin:0;background:none;box-shadow:none}.ai-model-selector--compact label{font-size:.875rem;color:var(--text-secondary)}.ai-model-selector__select{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-color);color:var(--text-primary);font-size:.875rem;cursor:pointer}.ai-model-selector__select:focus{outline:none;border-color:var(--primary-color)}.profile-modal-email{font-size:1.1rem;color:var(--color-text);margin-bottom:1.5rem;text-align:center;font-weight:500}.profile-modal-section{margin-bottom:1.5rem;padding:1rem;background:var(--color-bg-alt);border-radius:8px}.profile-modal-section h4{margin:0 0 .75rem;color:var(--color-text);font-size:1rem;font-weight:600}.profile-modal-section-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.profile-modal-section-row:not(:last-child){margin-bottom:.25rem}.profile-modal-section-row span{color:var(--color-text-muted)}.profile-modal-section-row span.value{color:var(--color-text);font-weight:500}.profile-modal-section-row span.total{font-weight:600;color:var(--color-primary)}.profile-modal-flagged{background:rgba(242,201,76,.1);border:1px solid rgba(242,201,76,.3)}.profile-modal-flagged-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.profile-modal-flagged-header h4{margin:0;display:flex;align-items:center;gap:.5rem;color:var(--color-warning)}.profile-modal-flagged-count{font-size:2rem;font-weight:700;color:var(--color-warning);text-align:center;margin:.5rem 0}.profile-modal-flagged-copy-btn{background:var(--color-warning);color:var(--color-black);border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin:.75rem auto 0;transition:all .2s ease}.profile-modal-flagged-copy-btn:hover{background:#E0B83F;transform:translateY(-1px)}.profile-modal-flagged-copy-btn:active{transform:translateY(0)}.profile-modal-flagged-copy-btn svg{width:16px;height:16px}.profile-modal-sign-out{margin-top:2rem;width:100%}.profile-modal .loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.landing-page{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;background-color:var(--color-bg)}.landing-page .text-container{text-align:center;max-width:600px;width:90%;margin:0 auto;color:var(--color-text);padding:1rem}.landing-page .landing-header{font-size:2rem;margin-bottom:1rem}.landing-page .landing-header .gradient-text{display:inline-block;background:linear-gradient(90deg,#b58147,#8f4c2c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;margin-left:.5em}.landing-page .landing-subheader{font-size:1rem;margin-bottom:.75rem;color:var(--color-text-muted)}.landing-page .landing-description{font-size:.95rem;margin-bottom:1rem;color:var(--color-primary-hover);line-height:1.4}.landing-page .primary-button{background:linear-gradient(90deg,#b58147,#8f4c2c);border:none;color:#fff;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);transition:background .3s ease,box-shadow .3s ease,transform .1s ease}.landing-page .primary-button:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}.landing-page .primary-button:active{transform:scale(.98)}.landing-page .primary-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.landing-page .landing-header{font-size:2.2rem}.landing-page .landing-subheader,.landing-page .landing-description{font-size:1rem}}@media (min-width: 1200px){.landing-page .landing-header{font-size:2.4rem}}.react-calendar-heatmap text{font-size:10px;fill:#aaa}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}.custom-heatmap{display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:auto;margin:0 auto}.custom-heatmap .heatmap-title{text-align:center;margin-bottom:15px;font-size:1.1rem;font-weight:600;color:var(--color-primary);letter-spacing:.5px}.custom-heatmap .heatmap-title:after{content:"";display:block;width:50px;height:2px;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);margin:8px auto 0}.custom-heatmap .weekday-labels{display:flex;margin-left:10px}.custom-heatmap .weekday-labels .weekday-label{flex:1;text-align:center;font-size:12px;color:#777;padding:4px 0}.custom-heatmap .heatmap-container{display:flex;flex-wrap:wrap;width:100%;padding:10px}.custom-heatmap .heatmap-container.horizontal{flex-direction:row;justify-content:flex-start;align-items:center}.custom-heatmap .heatmap-container .heatmap-day{width:12px;height:12px;margin:2px;border-radius:2px}.custom-heatmap .heatmap-container .heatmap-day.empty{background-color:transparent}.custom-heatmap .heatmap-container .heatmap-day.today{border:2px solid var(--color-accent-hover);box-shadow:0 0 5px #eb575780}.custom-heatmap .legend{display:flex;justify-content:center;margin-top:20px}.custom-heatmap .legend .legend-item{display:flex;align-items:center;margin:0 10px}.custom-heatmap .legend .legend-item .color-sample{width:15px;height:15px;margin-right:6px;border-radius:3px;box-shadow:0 1px 3px #0000001a}.custom-heatmap .legend .legend-item span{font-size:12px;color:var(--color-text-muted);font-weight:500}.custom-heatmap .color-empty{background-color:var(--color-bg-alt);border:1px solid var(--color-border)}.custom-heatmap .color-scale-1{background-color:var(--color-text-muted);opacity:.3}.custom-heatmap .color-scale-2{background-color:var(--color-text-muted);opacity:.5}.custom-heatmap .color-scale-3{background-color:var(--color-primary);opacity:.7}.custom-heatmap .color-scale-4{background-color:var(--color-primary);opacity:1}.header-placeholder{background-color:var(--color-background-secondary);animation:shimmer 1.5s infinite}.header-placeholder__content{max-width:1200px;margin:0 auto;padding:1.25rem 1rem;min-height:60px;display:flex;align-items:center;justify-content:space-between}.header-placeholder__logo{display:flex;align-items:center;gap:.5rem}.header-placeholder__logo-icon{width:40px;height:40px;background-color:var(--color-background-tertiary);border-radius:50%;animation:pulse 1.5s infinite;padding:12px;box-sizing:content-box}.header-placeholder__nav{display:flex;gap:2rem}@media (max-width: 480px){.header-placeholder__nav{display:none}}.header-placeholder__nav-item{width:60px;height:20px;background-color:var(--color-background-tertiary);border-radius:4px;opacity:.3}.header-placeholder__profile{display:flex;align-items:center}.header-placeholder__profile-avatar{width:36px;height:36px;background-color:var(--color-background-tertiary);border-radius:50%;opacity:.3}@keyframes shimmer{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:.5}}.app-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.app-loader .app-loader-content{text-align:center;max-width:300px}.app-loader .app-coffee-cup{width:240px;height:240px;margin:0 auto 1rem;position:relative}.app-loader .app-coffee-cup svg{width:100%;height:100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.app-loader .app-coffee-cup:before,.app-loader .app-coffee-cup:after{content:"";position:absolute;width:4px;height:40px;background:linear-gradient(to top,rgba(255,255,255,.8),transparent);top:-50px;animation:steam 3s ease-out infinite}.app-loader .app-coffee-cup:before{left:45%;animation-delay:0s}.app-loader .app-coffee-cup:after{left:55%;animation-delay:1.5s}.app-loader .app-loader-text{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem;font-weight:500}.app-loader .app-loading-dots{display:flex;justify-content:center;gap:.5rem}.app-loader .app-loading-dot{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;display:inline-block}.app-loader .app-loader-progress{margin-top:2rem;width:100%}.app-loader .app-loader-progress-bar{width:100%;height:8px;background-color:var(--background-secondary, #f0f0f0);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.app-loader .app-loader-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-color-light, #4CAF50));border-radius:4px;transition:width .3s ease}.app-loader .app-loader-progress-text{font-size:.875rem;color:var(--text-secondary);text-align:center}@keyframes steam{0%{opacity:0;transform:translateY(0) scaleY(1)}20%{opacity:.8}to{opacity:0;transform:translateY(-60px) scaleY(2)}}[data-theme=dark] .app-loader .app-coffee-cup svg{filter:drop-shadow(0 4px 6px rgba(255,255,255,.1))}[data-theme=dark] .app-loader .app-loading-dot{background-color:var(--primary-color-light)}[data-theme=dark] .app-loader .app-loader-progress-bar{background-color:var(--background-primary, #333)}.filter-bar{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;padding:15px;background:var(--color-bg-alt);border-radius:8px;box-shadow:0 2px 5px #0000000d}.filter-bar select{padding:10px 30px 10px 15px;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-card-bg);font-size:.9rem;color:var(--color-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto}.filter-bar select:focus{outline:none;border-color:#b58147cc;box-shadow:0 0 0 2px #b5814733}.filter-bar .custom-range-inputs{display:flex;align-items:center;gap:1.5rem;margin-left:15px}.filter-bar .custom-range-inputs label{display:flex;align-items:center;font-size:.9rem;color:var(--color-primary);font-weight:500}.filter-bar .custom-range-inputs label input[type=date]{margin-left:10px;padding:8px 12px;border-radius:6px;border:1px solid var(--color-border);font-size:.9rem}.filter-bar .custom-range-inputs label input[type=date]:focus{outline:none;border-color:#b58147cc;box-shadow:0 0 0 2px #b5814733}.tabs{display:flex;justify-content:center;margin:2rem 0}.tabs button{padding:12px 24px;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--color-text-muted);border-bottom:2px solid transparent;transition:all .2s ease}.tabs button:hover{color:var(--color-primary)}.tabs button.active{color:var(--color-primary);border-bottom:2px solid;border-image:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%) 1}.results-summary-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.results-summary-cards .card{flex:1 1 180px;min-width:180px;text-align:center;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.results-summary-cards .card:hover{transform:translateY(-3px);box-shadow:0 8px 15px #0000001a}.results-summary-cards .card h3{font-size:.9rem;color:var(--color-text-muted);margin-top:0;margin-bottom:15px}.results-summary-cards .card p{font-size:1.8rem;font-weight:600;color:var(--color-primary);margin:0}.results-summary-cards .card p:after{content:"";display:block;width:40px;height:2px;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);margin:10px auto 0}.charts-section{margin-bottom:2rem;padding:1rem}.charts-section h2{margin-bottom:.5rem}.results-table-wrapper{margin-top:1rem;overflow-x:auto}.results-table-wrapper table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.results-table-wrapper table th,.results-table-wrapper table td{border:none;border-bottom:1px solid var(--color-border);padding:12px 16px;text-align:left}.results-table-wrapper table th{background-color:var(--color-bg-alt);font-weight:600;color:var(--color-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.results-table-wrapper table tr:hover{background-color:#00000005}.results-table-wrapper table a{color:#8f4c2c;text-decoration:none;font-weight:500}.results-table-wrapper table a:hover{text-decoration:underline}.results-page .react-calendar-heatmap .day{width:14px;height:14px;margin:1px;border-radius:3px;cursor:pointer}.results-page .react-calendar-heatmap{max-width:50%;margin:0 10em}@media (max-width: 800px){.results-page .react-calendar-heatmap{max-width:100%;margin:0}.results-page .react-calendar-heatmap .react-calendar-heatmap-month-labels,.results-page .react-calendar-heatmap .react-calendar-heatmap-weekday-labels{display:none}}.results-page .color-scale-0{fill:var(--color-bg-alt)}.results-page .color-scale-1{fill:var(--color-text-muted);opacity:.3}.results-page .color-scale-2{fill:var(--color-text-muted);opacity:.5}.results-page .color-scale-3{fill:var(--color-primary);opacity:.7}.results-page .color-scale-4{fill:var(--color-primary);opacity:1}.results-page [data-tip]{position:relative}.results-page .exam-card{margin-bottom:1.5rem}.results-page .exam-card .exam-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;background-color:var(--color-bg-alt);border-radius:8px 8px 0 0;transition:background-color .2s ease}.results-page .exam-card .exam-header:hover{background-color:#b581471a}.results-page .exam-card .exam-header h3{margin:0;color:var(--color-primary)}.results-page .exam-card .exam-header .exam-header-actions{display:flex;align-items:center;gap:1rem}.results-page .exam-card .exam-header .exam-header-actions .copy-flagged-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-warning-light);color:var(--color-dark);border:1px solid var(--color-warning);border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.results-page .exam-card .exam-header .exam-header-actions .copy-flagged-button svg{font-size:1rem}.results-page .exam-card .exam-header .exam-header-actions .copy-flagged-button:hover{background-color:var(--color-warning);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.results-page .exam-card .exam-header .exam-header-actions .copy-flagged-button:active{transform:translateY(0);box-shadow:none}.results-page .exam-card .exam-header .exam-header-actions button{padding:.5rem 1rem;background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.results-page .exam-card .exam-header .exam-header-actions button:hover{background-color:#8f4c2ce6}.results-page .exam-card .exam-details{padding:1rem;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px}.results-page .exam-card .exam-details p{margin:.5rem 0}.results-page .exam-card .exam-details .exam-note{margin-top:1rem;padding:.75rem 1rem;background-color:var(--color-bg-alt);border-left:3px solid var(--color-primary);font-style:italic;color:var(--color-text-muted);font-size:.9rem}.results-page .exam-card .exam-details table{margin-top:1rem}.icon-link{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--color-text);cursor:pointer;transition:background-color .3s ease}@media (hover: none){.icon-link{background-color:#1a1a1a1a}}@media (hover: hover){.icon-link:hover{background-color:#1a1a1a1a}.icon-link:active{background-color:#1a1a1a33}}.icon-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card,.expandable-input .expanded-content{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}.card:hover,.expandable-input .expanded-content:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){.card,.expandable-input .expanded-content{padding:.75rem}}.expandable-input{width:100%;max-width:500px;margin:.75rem auto}.expandable-input .expanded-content .front-textarea,.expandable-input .expanded-content .back-textarea{width:100%;margin-bottom:.75rem;border:none;resize:none;outline:none;font-size:1rem;line-height:1.4}.expandable-input .expanded-content .divider{border:none;border-top:1px solid var(--color-border-hover);margin:.75rem 0}.expandable-input .expanded-content .title-input{width:100%;font-size:1rem;margin-bottom:.75rem;border:none;outline:none;font-weight:700}.expandable-input .expanded-content .content-input{width:100%;font-size:1rem;margin-bottom:.75rem;border:none;resize:none;outline:none;line-height:1.4}.expandable-input .expanded-content .auto-resize-textarea{display:block;width:100%;min-height:3rem;max-width:100%;overflow-y:hidden;resize:none;line-height:1.4;font-size:1rem}.expandable-input .expanded-content .expanded-actions{display:flex;justify-content:flex-end;gap:.75rem}.expandable-input .compact-container{position:relative;display:flex;align-items:center;width:100%}.expandable-input .compact-container .collapsed-icons{position:absolute;right:80px;top:50%;transform:translateY(-50%);display:flex;gap:8px;align-items:center;z-index:2}.expandable-input .compact-container .collapsed-icons .ai-icon{color:var(--color-primary)}.expandable-input .compact-container .collapsed-icons .ai-icon:hover{color:var(--color-primary-dark)}.expandable-input .compact-input{width:100%;border:1px solid var(--color-border-hover);border-radius:8px;padding:1rem;padding-right:120px;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);font-size:1rem;color:var(--color-text);cursor:text;transition:box-shadow .3s ease}.expandable-input .compact-input:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}.expandable-input .compact-input:focus{outline:none}.expandable-input .subtle-sort-controls{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;z-index:2}.expandable-input .subtle-sort-controls .subtle-direction-btn,.expandable-input .subtle-sort-controls .subtle-field-btn{background:none;border:none;border-radius:4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;opacity:.6}.expandable-input .subtle-sort-controls .subtle-direction-btn:hover,.expandable-input .subtle-sort-controls .subtle-field-btn:hover{background-color:#0000000d;color:var(--color-primary);opacity:1}.expandable-input .subtle-sort-controls .subtle-direction-btn .subtle-icon,.expandable-input .subtle-sort-controls .subtle-field-btn .subtle-icon{opacity:.8}.expandable-input .subtle-sort-controls .sort-field-dropdown{position:relative}.expandable-input .subtle-sort-controls .sort-field-dropdown .sort-dropdown-menu{position:absolute;top:100%;right:0;width:180px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;overflow:hidden;margin-top:6px}.expandable-input .subtle-sort-controls .sort-field-dropdown .sort-dropdown-menu .sort-dropdown-header{padding:10px 12px;font-size:.85rem;font-weight:600;background-color:var(--color-primary-light);color:var(--color-primary);border-bottom:1px solid rgba(0,0,0,.05)}.expandable-input .subtle-sort-controls .sort-field-dropdown .sort-dropdown-menu .sort-dropdown-options{max-height:200px;overflow-y:auto}.expandable-input .subtle-sort-controls .sort-field-dropdown .sort-dropdown-menu .sort-option{padding:8px 12px;font-size:.85rem;cursor:pointer;transition:background-color .2s ease}.expandable-input .subtle-sort-controls .sort-field-dropdown .sort-dropdown-menu .sort-option:hover{background-color:#0000000d}.expandable-input .subtle-sort-controls .sort-field-dropdown .sort-dropdown-menu .sort-option.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600;position:relative}.expandable-input .subtle-sort-controls .sort-field-dropdown .sort-dropdown-menu .sort-option.active:after{content:"✓";position:absolute;right:10px;top:50%;transform:translateY(-50%)}.modal,.base-details-overlay{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center}.modal-content,.base-details-overlay .base-details-body{background-color:var(--color-card-bg);padding:1rem;border:1px solid var(--color-border-hover);border-radius:8px;box-shadow:2px 2px 12px var(--color-shadow-medium);color:var(--color-text);max-width:800px;max-height:90vh;width:90%;display:flex;flex-direction:column;overflow-y:auto}.base-details-overlay{overflow:hidden}.base-details-overlay .base-details-body{border:none;box-shadow:none;padding:0;width:600px;max-height:90%;position:relative;overflow:hidden;align-items:stretch;border-radius:8px}.base-details-overlay .base-details-body .base-details-title{font-size:1.25rem;font-weight:700;border:none;border-bottom:1px solid var(--color-border);padding:.75rem;width:calc(100% - 1.5rem);outline:none;margin:0 auto}.base-details-overlay .base-details-body .base-details-content{flex:1;padding:1rem;overflow-y:auto;border:none;outline:none;white-space:pre-wrap;word-wrap:break-word}.base-details-overlay .base-details-body .base-details-footer{display:flex;align-items:center;justify-content:flex-end;padding:.5rem 1rem;border-top:1px solid var(--color-border);background-color:var(--color-bg-alt)}.base-details-overlay .base-details-body .base-details-footer .base-footer-extra{margin-right:auto}@media (max-width: 480px){.base-details-body{width:95%;height:auto;max-height:90%}}.exam-glossary-manager{padding:24px;background:linear-gradient(135deg,white 0%,#efebe9 100%);border-radius:12px;max-height:60vh;overflow-y:auto;position:relative;box-shadow:0 4px 6px #2c181029}.exam-glossary-manager::-webkit-scrollbar{width:8px}.exam-glossary-manager::-webkit-scrollbar-track{background:rgba(215,204,200,.3);border-radius:4px}.exam-glossary-manager::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);border-radius:4px}.exam-glossary-manager::-webkit-scrollbar-thumb:hover{background:#5d4037}.exam-glossary-manager .glossary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(215,204,200,.5);position:sticky;top:-24px;background:linear-gradient(to bottom,white,rgba(255,255,255,.95));z-index:10;padding-top:24px;margin-top:-24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exam-glossary-manager .glossary-header h3{margin:0;color:#2c1810;font-size:22px;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.exam-glossary-manager .glossary-header .header-actions{display:flex;gap:12px}.exam-glossary-manager .glossary-header .header-actions button{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px}.exam-glossary-manager .glossary-header .header-actions button:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.exam-glossary-manager .glossary-header .header-actions button:active{transform:translateY(0)}.exam-glossary-manager .glossary-header .header-actions button:disabled{opacity:.5;cursor:not-allowed}.exam-glossary-manager .glossary-header .header-actions button svg{transition:transform .2s ease}.exam-glossary-manager .glossary-header .header-actions button:hover:not(:disabled) svg{transform:scale(1.1)}.exam-glossary-manager .glossary-header .header-actions button.btn-generate{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%)}.exam-glossary-manager .glossary-header .header-actions button.btn-generate:hover:not(:disabled){background:#5d4037}.exam-glossary-manager .glossary-header .header-actions button.btn-add{background:linear-gradient(135deg,#a1887f 0%,#8d6e63 100%)}.exam-glossary-manager .glossary-header .header-actions button.btn-add:hover:not(:disabled){background:#a1887f}.exam-glossary-manager .glossary-header .header-actions button.btn-auto-approve{background:linear-gradient(135deg,#d7ccc8 0%,#bcaaa4 100%);color:#2c1810}.exam-glossary-manager .glossary-header .header-actions button.btn-auto-approve:hover:not(:disabled){background:#bcaaa4}.exam-glossary-manager .add-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(44,24,16,.85);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.exam-glossary-manager .add-form-modal .modal-content{background:white;padding:32px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 40px #2c181040;animation:slideUp .3s ease}.exam-glossary-manager .add-form-modal .modal-content h4{margin:0 0 24px;color:#2c1810;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.exam-glossary-manager .add-form-modal .modal-content input[type=text],.exam-glossary-manager .add-form-modal .modal-content textarea{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:10px 14px;transition:all .2s ease;width:100%;margin-bottom:16px;font-size:14px}.exam-glossary-manager .add-form-modal .modal-content input[type=text]:focus,.exam-glossary-manager .add-form-modal .modal-content textarea:focus{outline:none;border-color:#5d4037;box-shadow:0 0 0 3px #5d40371a}.exam-glossary-manager .add-form-modal .modal-content input[type=text]::placeholder,.exam-glossary-manager .add-form-modal .modal-content textarea::placeholder{color:#8d6e63}.exam-glossary-manager .add-form-modal .modal-content textarea{resize:vertical;min-height:100px}.exam-glossary-manager .add-form-modal .modal-content label{display:flex;align-items:center;gap:8px;margin-bottom:20px;cursor:pointer;color:#5d4037;transition:color .2s ease}.exam-glossary-manager .add-form-modal .modal-content label:hover{color:#2c1810}.exam-glossary-manager .add-form-modal .modal-content label input[type=checkbox]{width:auto;margin:0;accent-color:#5d4037}.exam-glossary-manager .add-form-modal .modal-content .form-actions{display:flex;gap:12px;justify-content:flex-end}.exam-glossary-manager .add-form-modal .modal-content .form-actions button{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer}.exam-glossary-manager .add-form-modal .modal-content .form-actions button:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.exam-glossary-manager .add-form-modal .modal-content .form-actions button:active{transform:translateY(0)}.exam-glossary-manager .add-form-modal .modal-content .form-actions button:disabled{opacity:.5;cursor:not-allowed}.exam-glossary-manager .add-form-modal .modal-content .form-actions button.btn-save{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%)}.exam-glossary-manager .add-form-modal .modal-content .form-actions button.btn-cancel{background:transparent;color:#5d4037;border:1px solid rgba(141,110,99,.3)}.exam-glossary-manager .add-form-modal .modal-content .form-actions button.btn-cancel:hover{background:rgba(44,24,16,.1);border-color:#5d403733}.exam-glossary-manager .glossary-stats{display:flex;gap:32px;padding:20px;background:white;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 3px #2c18101f}.exam-glossary-manager .glossary-stats .stat{display:flex;align-items:center;gap:8px}.exam-glossary-manager .glossary-stats .stat .label{color:#8d6e63;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.exam-glossary-manager .glossary-stats .stat .value{font-weight:600;font-size:20px;color:#2c1810}.exam-glossary-manager .glossary-stats .stat .value.pending{color:#ff9800}.exam-glossary-manager .glossary-stats .stat .value.approved{color:#689f38}.exam-glossary-manager .loading{text-align:center;padding:60px;color:#8d6e63;font-size:16px}.exam-glossary-manager .loading:before{content:"";display:block;width:40px;height:40px;margin:0 auto 20px;border:3px solid #d7ccc8;border-top-color:#5d4037;border-radius:50%;animation:spin 1s linear infinite}.exam-glossary-manager .terms-section{margin-bottom:32px}.exam-glossary-manager .terms-section h4{margin:0 0 16px;color:#2c1810;font-size:18px;padding-bottom:12px;border-bottom:1px solid rgba(215,204,200,.5);position:relative}.exam-glossary-manager .terms-section h4:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%)}.exam-glossary-manager .terms-section .terms-list{display:grid;gap:16px}.exam-glossary-manager .terms-section .term-item{background:white;border-radius:8px;box-shadow:0 1px 3px #2c18101f;transition:all .3s cubic-bezier(.4,0,.2,1);padding:20px;position:relative;overflow:hidden}.exam-glossary-manager .terms-section .term-item:hover{box-shadow:0 4px 6px #2c181029;transform:translateY(-2px)}.exam-glossary-manager .terms-section .term-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.exam-glossary-manager .terms-section .term-item.pending{background:linear-gradient(to right,rgba(255,152,0,.05),white)}.exam-glossary-manager .terms-section .term-item.pending:before{background:linear-gradient(135deg,#a1887f 0%,#8d6e63 100%)}.exam-glossary-manager .terms-section .term-item.approved:before{background:linear-gradient(135deg,#689f38,rgb(79.3302325581,121.2837209302,42.7162790698))}.exam-glossary-manager .terms-section .term-item .term-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exam-glossary-manager .terms-section .term-item .term-header .term-name{font-weight:600;font-size:16px;color:#2c1810}.exam-glossary-manager .terms-section .term-item .term-header .confidence-badge{background:white;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(215,204,200,.5);color:#5d4037;box-shadow:0 1px 3px #2c18101f}.exam-glossary-manager .terms-section .term-item .term-header .case-badge{background:linear-gradient(135deg,#d7ccc8 0%,#bcaaa4 100%);color:#2c1810;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.exam-glossary-manager .terms-section .term-item .term-definition{color:#5d4037;line-height:1.6;margin-bottom:12px;font-size:14px}.exam-glossary-manager .terms-section .term-item .term-short{color:#8d6e63;font-size:13px;font-style:italic;margin-bottom:12px;padding-left:16px;border-left:2px solid rgba(215,204,200,.5)}.exam-glossary-manager .terms-section .term-item .term-actions{display:flex;gap:8px}.exam-glossary-manager .terms-section .term-item .term-actions button{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.exam-glossary-manager .terms-section .term-item .term-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #2c181029}.exam-glossary-manager .terms-section .term-item .term-actions button.btn-approve{color:#689f38}.exam-glossary-manager .terms-section .term-item .term-actions button.btn-approve:hover{background:rgba(104,159,56,.1);border-color:#689f38}.exam-glossary-manager .terms-section .term-item .term-actions button.btn-edit{color:#8d6e63}.exam-glossary-manager .terms-section .term-item .term-actions button.btn-edit:hover{background:rgba(141,110,99,.1);border-color:#8d6e63}.exam-glossary-manager .terms-section .term-item .term-actions button.btn-delete{color:#d32f2f}.exam-glossary-manager .terms-section .term-item .term-actions button.btn-delete:hover{background:rgba(211,47,47,.1);border-color:#d32f2f}.exam-glossary-manager .terms-section .term-item .edit-form input[type=text],.exam-glossary-manager .terms-section .term-item .edit-form textarea{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:10px 14px;transition:all .2s ease;width:100%;margin-bottom:12px;font-size:14px}.exam-glossary-manager .terms-section .term-item .edit-form input[type=text]:focus,.exam-glossary-manager .terms-section .term-item .edit-form textarea:focus{outline:none;border-color:#5d4037;box-shadow:0 0 0 3px #5d40371a}.exam-glossary-manager .terms-section .term-item .edit-form input[type=text]::placeholder,.exam-glossary-manager .terms-section .term-item .edit-form textarea::placeholder{color:#8d6e63}.exam-glossary-manager .terms-section .term-item .edit-form .edit-actions{display:flex;gap:8px}.exam-glossary-manager .terms-section .term-item .edit-form .edit-actions button{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;flex:1;font-size:14px}.exam-glossary-manager .terms-section .term-item .edit-form .edit-actions button:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.exam-glossary-manager .terms-section .term-item .edit-form .edit-actions button:active{transform:translateY(0)}.exam-glossary-manager .terms-section .term-item .edit-form .edit-actions button:disabled{opacity:.5;cursor:not-allowed}.exam-glossary-manager .terms-section .term-item .edit-form .edit-actions button.btn-save-edit{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%)}.exam-glossary-manager .terms-section .term-item .edit-form .edit-actions button.btn-cancel-edit{background:transparent;color:#5d4037;border:1px solid rgba(141,110,99,.3)}.exam-glossary-manager .terms-section .term-item .edit-form .edit-actions button.btn-cancel-edit:hover{background:rgba(44,24,16,.1)}.exam-glossary-manager .empty-state{text-align:center;padding:80px 20px;color:#8d6e63}.exam-glossary-manager .empty-state p{margin:12px 0;font-size:16px}.exam-glossary-manager .empty-state p:first-child{font-size:18px;color:#5d4037;font-weight:500}.exam-glossary-manager .empty-state:before{content:"";display:block;width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'%3E%3C/path%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'%3E%3C/path%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}.exam-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0}.exam-tabs .tab{padding:10px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.exam-tabs .tab:hover{color:#333;background:#f5f5f5}.exam-tabs .tab.active{color:#2196f3;border-bottom-color:#2196f3;font-weight:600}.time-group{margin-top:20px}.time-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.time-group .time-input{width:120px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.time-group .time-input:focus{outline:none;border-color:#2196f3}.import-modal-content{width:100%;position:relative}.import-modal-content .close-button{background:none;border:none;font-size:1.2rem;cursor:pointer;align-self:flex-end}.import-modal-content h2{margin-top:0;margin-bottom:.75rem}.import-modal-content p{margin-bottom:1rem;font-size:.95rem}.import-modal-content pre{background-color:var(--color-bg-alt);padding:.75rem;border-radius:4px;white-space:pre-wrap;margin-bottom:1rem;font-family:monospace}.import-modal-content .form-group,.import-modal-content .time-group{margin-bottom:1rem}.import-modal-content .form-group label,.import-modal-content .time-group label{display:block;margin-bottom:.5rem;font-weight:500}.import-modal-content .form-group textarea,.import-modal-content .time-group textarea{width:100%;resize:vertical;padding:.75rem;border:1px solid var(--color-border);border-radius:12px;font-size:1rem;box-sizing:border-box}.import-modal-content .form-group input[type=file],.import-modal-content .time-group input[type=file]{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:12px;font-size:1rem;box-sizing:border-box}.import-modal-content .success-message{margin-top:1rem;color:var(--color-success)}.import-modal-content .error-message{margin-top:1rem;color:var(--color-danger)}.import-modal-content .llm-prompt{margin-top:1rem;padding:.5rem;border:1px dashed var(--color-border);border-radius:var(--radius-md)}.import-modal-content .modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.import-modal-content .import-modal-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:12px}.import-modal-content .import-modal-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.import-modal-content .import-modal-loading p{margin:0;font-weight:500;color:var(--color-text)}.import-modal-content .import-modal-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:import-modal-spin 1s linear infinite}@keyframes import-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.multi-select{position:relative;width:100%;z-index:1}.multi-select__label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.multi-select__trigger{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-background, #ffffff);cursor:pointer;transition:all .2s;min-height:44px}.multi-select__trigger:hover:not(.disabled){border-color:var(--color-primary)}.multi-select__trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.multi-select__trigger.disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-secondary, #f3f4f6)}.multi-select__value{flex:1;display:flex;align-items:center;gap:.5rem;overflow:hidden}.multi-select__value .placeholder{color:var(--text-tertiary, #6b7280)}.multi-select__value .selected-items{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.multi-select__value .selected-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;font-size:.875rem;font-weight:500}.multi-select__value .selected-tag svg{width:14px;height:14px;cursor:pointer;opacity:.8}.multi-select__value .selected-tag svg:hover{opacity:1}.multi-select__value .more-count{color:var(--text-secondary);font-size:.875rem}.multi-select .chevron{transition:transform .2s;color:var(--text-secondary)}.multi-select .chevron.open{transform:rotate(180deg)}.multi-select__dropdown{background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0003;z-index:999999999;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.multi-select__dropdown .dropdown-header{position:relative;z-index:1;padding:.75rem;border-bottom:1px solid #e5e7eb;background:white;background-color:#fff;opacity:1}.multi-select__dropdown .dropdown-header .search-input{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem;margin-bottom:.5rem;background:white;background-color:#fff;color:#000}.multi-select__dropdown .dropdown-header .search-input:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.multi-select__dropdown .dropdown-header .actions{display:flex;gap:.5rem}.multi-select__dropdown .dropdown-header .actions .action-btn{flex:1;padding:.25rem .5rem;border:1px solid var(--color-border, #e5e7eb);background:var(--color-background, #ffffff);border-radius:4px;font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s}.multi-select__dropdown .dropdown-header .actions .action-btn:hover{color:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);background:rgba(59,130,246,.05)}.multi-select__dropdown .options-list{position:relative;z-index:1;flex:1;overflow-y:auto;padding:.5rem;background:white;background-color:#fff;opacity:1}.multi-select__dropdown .options-list .no-options{padding:1rem;text-align:center;color:var(--text-tertiary, #6b7280);font-size:.875rem}.multi-select__dropdown .options-list .option{display:flex;align-items:center;padding:.5rem;border-radius:4px;cursor:pointer;transition:background .2s;color:var(--text-primary, #000000)}.multi-select__dropdown .options-list .option:hover{background:var(--color-background-secondary, #f3f4f6)}.multi-select__dropdown .options-list .option.selected{background:rgba(59,130,246,.1)}.multi-select__dropdown .options-list .option input[type=checkbox]{margin-right:.75rem;cursor:pointer}.multi-select__dropdown .options-list .option .option-label{flex:1;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary, #000000)}.multi-select__dropdown .options-list .option .option-label .category-indicator{width:12px;height:12px;border-radius:2px}.multi-select__dropdown .options-list .option .option-label .option-count{margin-left:auto;color:var(--text-tertiary, #6b7280);font-size:.75rem}.exam-info-modal{max-height:80vh;padding:1.5rem}.exam-info-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid var(--color-border);padding-bottom:.75rem}.exam-info-modal .modal-header h2{font-size:1.5rem;color:var(--color-text);margin:0}.exam-info-modal .modal-header .header-actions{display:flex;gap:.75rem;align-items:center}.exam-info-modal .modal-header .copy-flagged-button,.exam-info-modal .modal-header .unflag-all-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;border:1px solid}.exam-info-modal .modal-header .copy-flagged-button svg,.exam-info-modal .modal-header .unflag-all-button svg{font-size:1rem}.exam-info-modal .modal-header .copy-flagged-button:hover,.exam-info-modal .modal-header .unflag-all-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.exam-info-modal .modal-header .copy-flagged-button:active,.exam-info-modal .modal-header .unflag-all-button:active{transform:translateY(0);box-shadow:none}.exam-info-modal .modal-header .copy-flagged-button:disabled,.exam-info-modal .modal-header .unflag-all-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.exam-info-modal .modal-header .copy-flagged-button{background-color:var(--color-warning-light);color:var(--color-dark);border-color:var(--color-warning)}.exam-info-modal .modal-header .copy-flagged-button:hover:not(:disabled){background-color:var(--color-warning)}.exam-info-modal .modal-header .unflag-all-button{background-color:var(--color-danger-light);color:var(--color-white);border-color:var(--color-danger)}.exam-info-modal .modal-header .unflag-all-button:hover:not(:disabled){background-color:var(--color-danger)}.exam-info-modal .exam-info-section{margin-bottom:2rem}.exam-info-modal .exam-info-section h3{font-size:1.1rem;margin-bottom:1rem;color:var(--color-primary)}.exam-info-modal .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.exam-info-modal .info-item{display:flex;flex-direction:column;gap:.5rem}.exam-info-modal .info-item label{font-weight:600;color:var(--color-text-muted);font-size:.9rem}.exam-info-modal .info-item span{color:var(--color-text);font-size:1rem}.exam-info-modal .score-excellent{color:var(--color-success);font-weight:600}.exam-info-modal .score-good{color:#4caf50;font-weight:600}.exam-info-modal .score-average{color:var(--color-warning);font-weight:600}.exam-info-modal .score-below-average{color:#ff9800;font-weight:600}.exam-info-modal .score-poor{color:var(--color-danger);font-weight:600}.exam-info-modal .attempts-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.75rem}.exam-info-modal .attempts-list::-webkit-scrollbar{width:8px}.exam-info-modal .attempts-list::-webkit-scrollbar-track{background:var(--color-bg-alt);border-radius:4px}.exam-info-modal .attempts-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.exam-info-modal .attempts-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.exam-info-modal .attempt-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;background-color:var(--color-bg-alt);border-radius:4px;transition:background-color .2s ease}.exam-info-modal .attempt-item:hover{background-color:var(--color-bg)}.exam-info-modal .attempt-item.clickable{cursor:pointer}.exam-info-modal .attempt-item.clickable:hover{background-color:var(--color-bg);transform:translateY(-1px);box-shadow:0 2px 4px var(--color-shadow-light)}.exam-info-modal .attempt-rank{font-weight:600;color:var(--color-text-muted);font-size:1.1rem;min-width:30px}.exam-info-modal .attempt-details{flex:1;display:flex;flex-direction:column;gap:.5rem}.exam-info-modal .attempt-date{font-size:.9rem;color:var(--color-text)}.exam-info-modal .attempt-stats{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.exam-info-modal .attempt-score{font-weight:600;font-size:.95rem}.exam-info-modal .attempt-duration{color:var(--color-text-muted);font-size:.9rem}.exam-info-modal .attempt-incomplete{color:var(--color-text-muted);font-style:italic;font-size:.9rem}.exam-info-modal .more-attempts{text-align:center;color:var(--color-text-muted);font-style:italic;padding:.75rem;margin-top:.75rem}.exam-info-modal .modal-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border);text-align:right}.exam-info-modal .shuffle-settings{display:flex;flex-direction:column;gap:12px}.exam-info-modal .shuffle-settings .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.exam-info-modal .shuffle-settings .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.exam-info-modal .shuffle-settings .checkbox-label span{font-size:14px}.exam-info-modal .shuffle-settings .save-settings-button{align-self:flex-start;margin-top:8px;padding:8px 16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.exam-info-modal .shuffle-settings .save-settings-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.exam-info-modal .shuffle-settings .save-settings-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.exam-info-modal{padding:1rem}.exam-info-modal h2{font-size:1.3rem}.exam-info-modal .info-grid{grid-template-columns:1fr}.exam-info-modal .attempt-stats{flex-direction:column;align-items:flex-start;gap:.5rem}}.kebab-menu{position:relative;z-index:100}.kebab-menu__button{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--color-text);border:none;cursor:pointer;transition:background-color .3s ease}.kebab-menu__button:hover{background-color:#1a1a1a1a}.kebab-menu__button:active{background-color:#1a1a1a33}.kebab-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:2px 2px 12px var(--color-shadow-medium);overflow:hidden;animation:dropdownFadeIn .2s ease;z-index:1000}@media (max-height: 600px){.kebab-menu__dropdown{top:auto;bottom:calc(100% + 8px)}}@media (max-width: 480px){.kebab-menu__dropdown{right:-8px;min-width:180px}}.kebab-menu__item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:var(--color-text);text-align:left;cursor:pointer;transition:background-color .15s ease;font-size:.95rem;font-weight:500}.kebab-menu__item:hover{background-color:var(--color-bg-hover)}.kebab-menu__item:active{background-color:var(--color-bg-active)}.kebab-menu__item--danger{color:var(--color-danger)}.kebab-menu__item--danger:hover{background-color:rgba(var(--color-danger-rgb),.1)}.kebab-menu__item:not(:last-child){border-bottom:1px solid var(--color-border)}.kebab-menu__icon{display:flex;align-items:center;justify-content:center;font-size:1.1rem}.kebab-menu__label{flex:1}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.card,.note-card{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}.card:hover,.note-card:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){.card,.note-card{padding:.75rem}}.note-card{cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:all .3s ease;position:relative;width:100%;box-sizing:border-box}.note-card.pinned{box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.25);border-top:3px solid var(--color-primary)}.note-card.no-attempts{border:2px dashed var(--color-border);background-color:rgba(var(--color-text-rgb, 26, 26, 26),.02)}.note-card.no-attempts:before{content:"Not attempted";position:absolute;top:.5rem;right:.5rem;font-size:.75rem;color:var(--color-text-muted);background-color:var(--color-bg-alt);padding:2px 8px;border-radius:4px}.note-card.one-attempt{border:2px solid rgba(var(--color-success-rgb),.3)}.note-card.few-attempts{border:2px solid rgba(var(--color-success-rgb),.5)}.note-card.several-attempts{border:2px solid rgba(var(--color-success-rgb),.7)}.note-card.many-attempts{border:2px solid var(--color-success)}.note-card .subtitle{font-weight:500;color:var(--color-text-muted);margin:.25rem 0 .5rem}.note-card h2{margin:.75rem 0;font-size:1.3rem;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.note-card h2{font-size:1.1rem}}.note-card .content-preview{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:.75rem 0;width:100%;line-height:1.4em;max-height:11.2em}.note-card .note-card-icons{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:1.2rem;width:100%;gap:.75rem;position:relative}.note-card .note-card-icons .flashcard-count{cursor:pointer}.note-card .note-card-icons .attempt-info{font-size:.9rem;color:var(--color-success);font-weight:600;display:flex;align-items:center;background-color:rgba(var(--color-success-rgb),.1);padding:2px 6px;border-radius:4px}.note-card .note-card-icons .flagged-info{font-size:.9rem;color:var(--color-warn);font-weight:600;display:flex;align-items:center;gap:4px;background-color:rgba(var(--color-warn-rgb),.1);padding:2px 6px;border-radius:4px}.note-card:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}.image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);width:100%;height:100%}.pin-indicator{position:absolute;top:8px;right:8px;background-color:var(--color-primary);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;z-index:10}.pin-indicator:hover{transform:scale(1.1)}.pin-indicator.unpinned{background-color:var(--color-bg-alt);color:var(--color-text-muted);border:1px dashed var(--color-border);visibility:visible;opacity:0}.note-card:hover .pin-indicator.unpinned{opacity:1;visibility:visible}.social-media-preview{padding:1.5rem;background-color:var(--color-background, #f5f5f5);border-radius:8px;margin:1rem 0}.social-media-preview h3{margin:0 0 .5rem;color:var(--color-text-primary, #333)}.social-media-preview .preview-note{color:var(--color-text-secondary, #666);font-size:.9rem;margin-bottom:1.5rem}.social-media-preview .preview-section{margin-bottom:2rem}.social-media-preview .preview-section h4{margin:0 0 .5rem;color:var(--color-text-primary, #333);font-size:1.1rem}.social-media-preview .preview-image{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1)) brightness(.95) contrast(1.1);background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%)}.social-media-preview .facebook-preview{border:1px solid #dddfe2;background:white;border-radius:3px;overflow:hidden;max-width:500px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.social-media-preview .facebook-preview .fb-image-container{width:100%;height:260px;overflow:hidden;background:#f0f2f5}.social-media-preview .facebook-preview .fb-image-container img{width:100%;height:100%;object-fit:cover}.social-media-preview .facebook-preview .fb-content{padding:12px}.social-media-preview .facebook-preview .fb-content .fb-domain{color:#65676b;font-size:12px;text-transform:uppercase;margin-bottom:4px}.social-media-preview .facebook-preview .fb-content .fb-title{color:#050505;font-size:16px;font-weight:600;line-height:20px;margin-bottom:4px}.social-media-preview .facebook-preview .fb-content .fb-description{color:#65676b;font-size:14px;line-height:20px}.social-media-preview .twitter-preview{border:1px solid #cfd9de;background:white;border-radius:16px;overflow:hidden;max-width:500px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.social-media-preview .twitter-preview .twitter-image-container{width:100%;height:250px;overflow:hidden;background:#f7f9fa}.social-media-preview .twitter-preview .twitter-image-container img{width:100%;height:100%;object-fit:cover}.social-media-preview .twitter-preview .twitter-content{padding:12px}.social-media-preview .twitter-preview .twitter-content .twitter-domain{color:#536471;font-size:13px;margin-bottom:2px}.social-media-preview .twitter-preview .twitter-content .twitter-title{color:#0f1419;font-size:15px;font-weight:700;line-height:20px;margin-bottom:2px}.social-media-preview .twitter-preview .twitter-content .twitter-description{color:#536471;font-size:15px;line-height:20px}.social-media-preview .linkedin-preview{border:1px solid #d6cec2;background:white;border-radius:2px;overflow:hidden;max-width:500px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.social-media-preview .linkedin-preview .linkedin-image-container{width:100%;height:250px;overflow:hidden;background:#f3f2ef}.social-media-preview .linkedin-preview .linkedin-image-container img{width:100%;height:100%;object-fit:cover}.social-media-preview .linkedin-preview .linkedin-content{padding:16px}.social-media-preview .linkedin-preview .linkedin-content .linkedin-title{color:#000000e6;font-size:16px;font-weight:600;line-height:20px;margin-bottom:4px}.social-media-preview .linkedin-preview .linkedin-content .linkedin-domain{color:#0009;font-size:12px}.social-media-preview .whatsapp-preview{background:#e5ddd5;padding:8px;max-width:400px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.social-media-preview .whatsapp-preview .whatsapp-content{background:white;border-radius:7.5px;overflow:hidden;box-shadow:0 1px .5px #00000021}.social-media-preview .whatsapp-preview .whatsapp-content .whatsapp-image-container{width:100%;height:150px;overflow:hidden}.social-media-preview .whatsapp-preview .whatsapp-content .whatsapp-image-container img{width:100%;height:100%;object-fit:cover}.social-media-preview .whatsapp-preview .whatsapp-content .whatsapp-text{padding:6px 9px}.social-media-preview .whatsapp-preview .whatsapp-content .whatsapp-text .whatsapp-title{color:#000;font-size:14px;font-weight:600;margin-bottom:2px}.social-media-preview .whatsapp-preview .whatsapp-content .whatsapp-text .whatsapp-description{color:#000000b3;font-size:13px;line-height:18px;margin-bottom:4px}.social-media-preview .whatsapp-preview .whatsapp-content .whatsapp-text .whatsapp-url{color:#07bc4c;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-media-preview .discord-preview{background:#36393f;border-radius:4px;display:flex;max-width:500px;font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif}.social-media-preview .discord-preview .discord-sidebar{width:4px;background:#7289da;border-radius:4px 0 0 4px}.social-media-preview .discord-preview .discord-content{padding:16px;flex:1}.social-media-preview .discord-preview .discord-content .discord-site-name{color:#8e9297;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:8px}.social-media-preview .discord-preview .discord-content .discord-title{color:#00b0f4;font-size:16px;font-weight:600;margin-bottom:8px;text-decoration:none}.social-media-preview .discord-preview .discord-content .discord-title:hover{text-decoration:underline}.social-media-preview .discord-preview .discord-content .discord-description{color:#dcddde;font-size:14px;line-height:18px;margin-bottom:16px}.social-media-preview .discord-preview .discord-content .discord-image-container{width:100%;max-width:400px;height:200px;overflow:hidden;border-radius:3px}.social-media-preview .discord-preview .discord-content .discord-image-container img{width:100%;height:100%;object-fit:cover}.share-exam-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.share-exam-modal .modal-header h2{margin:0;color:var(--color-text-primary);font-size:1.5rem}.share-exam-modal .modal-header .close-button{background:none;border:none;font-size:2rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:all .2s}.share-exam-modal .modal-header .close-button:hover{background-color:var(--color-background-alt);color:var(--color-text-primary)}.share-exam-modal .exam-info{margin-bottom:1.5rem}.share-exam-modal .exam-info h3{margin:0 0 .5rem;color:var(--color-text-primary)}.share-exam-modal .exam-info .description{color:var(--color-text-secondary);font-size:.9rem;margin:0}.share-exam-modal .error-message{background-color:var(--color-danger-light);color:var(--color-danger);padding:.75rem;border-radius:var(--border-radius);margin-bottom:1rem;font-size:.9rem}.share-exam-modal .settings-section{background-color:var(--color-background-alt);padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem}.share-exam-modal .settings-section h4{margin:0 0 1rem;color:var(--color-text-primary);font-size:1rem}.share-exam-modal .settings-section .setting-item{display:flex;align-items:center;margin-bottom:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.share-exam-modal .settings-section .setting-item:last-child{margin-bottom:0}.share-exam-modal .settings-section .setting-item input[type=checkbox]{margin-right:.75rem;cursor:pointer}.share-exam-modal .settings-section .setting-item span{color:var(--color-text-primary);font-size:.9rem}.share-exam-modal .settings-section .setting-item:hover span{color:var(--color-primary)}.share-exam-modal .share-link-section{margin-bottom:1.5rem}.share-exam-modal .share-link-section label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.share-exam-modal .share-link-section .share-link-container{display:flex;gap:.5rem;align-items:center}.share-exam-modal .share-link-section .share-link-input{flex:1;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:monospace;font-size:.85rem;color:var(--color-text-primary);background-color:var(--color-background-alt)}.share-exam-modal .share-link-section .share-link-input:focus{outline:none;border-color:var(--color-primary)}.share-exam-modal .share-link-section .copy-button{padding:.75rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.share-exam-modal .share-link-section .copy-button:hover{background-color:var(--color-primary-dark)}.share-exam-modal .share-link-section .copy-button svg{font-size:1.1rem}.share-exam-modal .share-link-section .copied-message{display:inline-block;margin-top:.5rem;color:var(--color-success);font-size:.85rem;animation:fadeIn .2s ease-in}.share-exam-modal .share-link-section .preview-button{margin-top:1rem;width:100%;padding:.75rem 1rem;background-color:var(--color-background);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:all .2s}.share-exam-modal .share-link-section .preview-button:hover{background-color:var(--color-primary);color:#fff}.share-exam-modal .actions{display:flex;gap:1rem;justify-content:flex-end}.share-exam-modal .actions button{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.share-exam-modal .actions button:disabled{opacity:.6;cursor:not-allowed}.share-exam-modal .actions button.share-button{background-color:var(--color-success);color:#fff}.share-exam-modal .actions button.share-button:hover:not(:disabled){background-color:var(--color-success-dark)}.share-exam-modal .actions button.primary-button{background-color:var(--color-primary);color:#fff}.share-exam-modal .actions button.primary-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.share-exam-modal .actions button.secondary-button{background-color:var(--color-secondary);color:#fff}.share-exam-modal .actions button.secondary-button:hover:not(:disabled){background-color:var(--color-secondary-dark)}.share-exam-modal .actions button.danger-button{background-color:var(--color-danger);color:#fff}.share-exam-modal .actions button.danger-button:hover:not(:disabled){background-color:var(--color-danger-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.primary-button,.exam-generation-modal .modal-footer .generate-button,.exam-generation-modal .modal-content .error-state .retry-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:9999px;width:max-content;cursor:pointer;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a;transition:background-position .4s ease,transform .2s ease,box-shadow .2s ease}.primary-button:hover,.exam-generation-modal .modal-footer .generate-button:hover,.exam-generation-modal .modal-content .error-state .retry-button:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}.primary-button:active,.exam-generation-modal .modal-footer .generate-button:active,.exam-generation-modal .modal-content .error-state .retry-button:active{transform:scale(.98)}.primary-button:disabled,.exam-generation-modal .modal-footer .generate-button:disabled,.exam-generation-modal .modal-content .error-state .retry-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button,.exam-generation-modal .modal-footer .cancel-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#8f4c2c;background:transparent;border:2px solid #8f4c2c;border-radius:9999px;width:max-content;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.secondary-button:hover,.exam-generation-modal .modal-footer .cancel-button:hover{background-color:#f5e8db;box-shadow:0 2px 6px #00000014;transform:scale(1.03)}.secondary-button:active,.exam-generation-modal .modal-footer .cancel-button:active{transform:scale(.98);background-color:#8f4c2c;color:#fff;border-color:#8f4c2c}.secondary-button:disabled,.exam-generation-modal .modal-footer .cancel-button:disabled{opacity:.6;cursor:not-allowed}.exam-generation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.exam-generation-modal{background:white;border-radius:16px;width:90%;max-width:650px;min-height:400px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}.exam-generation-modal .modal-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.exam-generation-modal .modal-header h2{margin:0;color:#1a202c;font-size:1.5rem;font-weight:600}.exam-generation-modal .modal-header .close-button{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:background-color .2s}.exam-generation-modal .modal-header .close-button:hover{background-color:var(--color-background-hover)}.exam-generation-modal .modal-content{padding:2rem;border:none!important;box-shadow:none!important}.exam-generation-modal .modal-content .topic-input-section{margin-bottom:2rem}.exam-generation-modal .modal-content .topic-input-section .input-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.exam-generation-modal .modal-content .topic-input-section .input-header label{color:var(--color-text-primary);font-weight:500;font-size:16px}.exam-generation-modal .modal-content .topic-input-section .input-header .help-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--border-radius-sm);transition:all .2s ease}.exam-generation-modal .modal-content .topic-input-section .input-header .help-button:hover{background:var(--color-background-hover);color:var(--color-primary)}.exam-generation-modal .modal-content .topic-input-section .help-panel{background:var(--color-info-light);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem;font-size:14px}.exam-generation-modal .modal-content .topic-input-section .help-panel p{margin:0 0 .5rem;color:var(--color-text-primary)}.exam-generation-modal .modal-content .topic-input-section .help-panel ul{margin:0 0 .5rem 1.5rem;padding:0}.exam-generation-modal .modal-content .topic-input-section .help-panel ul li{margin-bottom:.25rem;color:var(--color-text-secondary)}.exam-generation-modal .modal-content .topic-input-section .help-panel ul li strong{color:var(--color-text-primary)}.exam-generation-modal .modal-content .topic-input-section .help-panel .help-note{margin:.5rem 0 0;font-style:italic;color:var(--color-info-dark)}.exam-generation-modal .modal-content .topic-input-section input,.exam-generation-modal .modal-content .topic-input-section textarea{width:100%;padding:1rem 1.5rem;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);font-size:16px;transition:all .2s ease;background:var(--color-background-secondary);font-family:inherit;resize:vertical}.exam-generation-modal .modal-content .topic-input-section input:focus,.exam-generation-modal .modal-content .topic-input-section textarea:focus{outline:none;border-color:var(--color-primary);background:white}.exam-generation-modal .modal-content .topic-input-section input::placeholder,.exam-generation-modal .modal-content .topic-input-section textarea::placeholder{color:var(--color-text-muted)}.exam-generation-modal .modal-content .topic-input-section .analyzing-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:var(--color-text-secondary);font-size:14px}.exam-generation-modal .modal-content .topic-input-section .analyzing-indicator .spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.exam-generation-modal .modal-content .analysis-results{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:1.5rem;margin-bottom:1.5rem}.exam-generation-modal .modal-content .analysis-results .scope-indicator{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.exam-generation-modal .modal-content .analysis-results .scope-indicator .scope-badge{padding:4px 12px;border-radius:var(--border-radius-sm);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.exam-generation-modal .modal-content .analysis-results .scope-indicator .scope-badge.scope-service{background:var(--color-info-light);color:var(--color-info)}.exam-generation-modal .modal-content .analysis-results .scope-indicator .scope-badge.scope-concept{background:var(--color-success-light);color:var(--color-success)}.exam-generation-modal .modal-content .analysis-results .scope-indicator .scope-badge.scope-domain{background:var(--color-warning-light);color:var(--color-warning)}.exam-generation-modal .modal-content .analysis-results .scope-indicator .complexity{color:var(--color-text-secondary);font-size:14px}.exam-generation-modal .modal-content .analysis-results .question-recommendations{margin-bottom:1.5rem}.exam-generation-modal .modal-content .analysis-results .question-recommendations h4{margin:0 0 .75rem;color:var(--color-text-primary);font-size:14px;font-weight:600}.exam-generation-modal .modal-content .analysis-results .question-recommendations .recommendation-range{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-background);border-radius:var(--border-radius-sm)}.exam-generation-modal .modal-content .analysis-results .question-recommendations .recommendation-range span{font-size:14px;color:var(--color-text-secondary)}.exam-generation-modal .modal-content .analysis-results .question-recommendations .recommendation-range span.recommended{color:var(--color-primary);font-weight:600}.exam-generation-modal .modal-content .analysis-results .subtopics{margin-bottom:1.5rem}.exam-generation-modal .modal-content .analysis-results .subtopics h4{margin:0 0 .75rem;color:var(--color-text-primary);font-size:14px;font-weight:600}.exam-generation-modal .modal-content .analysis-results .subtopics ul{margin:0;padding-left:1.5rem}.exam-generation-modal .modal-content .analysis-results .subtopics ul li{color:var(--color-text-secondary);font-size:14px;margin-bottom:4px}.exam-generation-modal .modal-content .analysis-results .question-count-selector{display:flex;align-items:center;gap:1rem}.exam-generation-modal .modal-content .analysis-results .question-count-selector label{color:var(--color-text-primary);font-size:14px;font-weight:500}.exam-generation-modal .modal-content .analysis-results .question-count-selector input{width:80px;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:14px;text-align:center}.exam-generation-modal .modal-content .analysis-results .question-count-selector input:focus{outline:none;border-color:var(--color-primary)}.exam-generation-modal .modal-content .analysis-results .question-count-selector .limit-info{color:var(--color-text-tertiary);font-size:12px}.exam-generation-modal .modal-content .generation-progress{text-align:center;padding:4rem 2rem}.exam-generation-modal .modal-content .generation-progress .progress-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.exam-generation-modal .modal-content .generation-progress .progress-spinner{display:flex;justify-content:center}.exam-generation-modal .modal-content .generation-progress .progress-spinner .spinning{color:var(--color-primary);animation:spin 1.5s linear infinite}.exam-generation-modal .modal-content .generation-progress h3{margin:0;color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.exam-generation-modal .modal-content .generation-progress .progress-message{margin:0;color:var(--color-text-secondary);font-size:1.1rem}.exam-generation-modal .modal-content .generation-progress .questions-counter{background:var(--color-background-secondary);padding:1rem 2rem;border-radius:8px;border:1px solid var(--color-border);display:flex;align-items:center;gap:.5rem}.exam-generation-modal .modal-content .generation-progress .questions-counter .counter-label{color:var(--color-text-secondary);font-size:1rem}.exam-generation-modal .modal-content .generation-progress .questions-counter .counter-value{font-size:1.5rem;font-weight:600;color:var(--color-primary)}.exam-generation-modal .modal-content .generation-progress .progress-info{color:var(--color-text-tertiary);font-size:.875rem}.exam-generation-modal .modal-content .generation-progress .generation-warning{background:#fff5f5;color:#c53030;padding:.75rem 1rem;border-radius:6px;font-size:.875rem}.exam-generation-modal .modal-content .success-message{text-align:center;padding:2rem 0}.exam-generation-modal .modal-content .success-message .success-icon{display:flex;justify-content:center;margin:0 auto 1rem}.exam-generation-modal .modal-content .success-message .success-icon svg{color:var(--color-success)}.exam-generation-modal .modal-content .success-message h3{margin:0;color:var(--color-text-primary)}.exam-generation-modal .modal-content .error-state{text-align:center;padding:2rem 0}.exam-generation-modal .modal-content .error-state .error-icon{display:flex;justify-content:center;margin:0 auto 1rem}.exam-generation-modal .modal-content .error-state .error-icon svg{color:var(--color-danger)}.exam-generation-modal .modal-content .error-state h3{margin:0 0 .75rem;color:var(--color-text-primary)}.exam-generation-modal .modal-content .error-state p{margin:0 0 1.5rem;color:var(--color-error)}.exam-generation-modal .modal-content .error-message{padding:.75rem 1rem;background:var(--color-error-light);color:var(--color-error);border-radius:var(--border-radius-sm);margin-top:1rem;font-size:14px}.exam-generation-modal .modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:1rem;background:var(--color-bg-light)}.exam-generation-modal .modal-footer .generate-button{display:flex;align-items:center;gap:.5rem}.exam-generation-modal .modal-footer .generate-button svg{flex-shrink:0}.exam-generation-modal .modal-footer .generate-button:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.quick-quiz-generator{max-width:1200px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,white 0%,#efebe9 100%);border-radius:16px;box-shadow:0 10px 20px #2c181030}.quick-quiz-generator .simple-input{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:10px 14px;transition:all .2s ease;font-size:1.1rem;width:100%}.quick-quiz-generator .simple-input:focus{outline:none;border-color:#5d4037;box-shadow:0 0 0 3px #5d40371a}.quick-quiz-generator .simple-input::placeholder{color:#8d6e63}.quick-quiz-generator .input-hint{margin-top:.5rem;font-size:.9rem;color:#8d6e63;font-style:italic;display:flex;align-items:center;gap:6px}.quick-quiz-generator .input-hint svg{color:#a1887f}.quick-quiz-generator .expand-btn{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;width:100%;padding:1rem;font-size:1.1rem;font-weight:600;margin:1rem 0;display:flex;align-items:center;justify-content:center;gap:10px}.quick-quiz-generator .expand-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.quick-quiz-generator .expand-btn:active{transform:translateY(0)}.quick-quiz-generator .expand-btn:disabled{opacity:.5;cursor:not-allowed}.quick-quiz-generator .expand-btn.spinning svg{animation:spin 1s linear infinite}.quick-quiz-generator .expanded-preview{background:linear-gradient(135deg,white 0%,#efebe9 100%);border:2px solid #689f38;border-radius:8px;padding:1rem;margin:1rem 0}.quick-quiz-generator .expanded-preview h4{margin:0 0 .5rem;color:#689f38;display:flex;align-items:center;gap:8px}.quick-quiz-generator .expanded-preview h4 svg{color:#689f38}.quick-quiz-generator .expanded-preview .preview-content strong{display:block;margin-bottom:.5rem;color:#5d4037}.quick-quiz-generator .expanded-preview .preview-content p{margin:0 0 .5rem;color:#5d4037;font-size:.9rem}.quick-quiz-generator .expanded-preview .preview-content .content-preview{background:white;padding:.75rem;border-radius:4px;font-family:monospace;font-size:.8rem;color:#2c1810;border-left:4px solid #5d4037}.quick-quiz-generator .generator-header{display:flex;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(215,204,200,.5)}.quick-quiz-generator .generator-header .back-btn{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;background:white;color:#5d4037;border:1px solid rgba(215,204,200,.5);padding:.5rem 1rem;margin-right:2rem;display:flex;align-items:center;gap:6px}.quick-quiz-generator .generator-header .back-btn:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.quick-quiz-generator .generator-header .back-btn:active{transform:translateY(0)}.quick-quiz-generator .generator-header .back-btn:disabled{opacity:.5;cursor:not-allowed}.quick-quiz-generator .generator-header .back-btn:hover{background:rgba(44,24,16,.1);border-color:#8d6e634d}.quick-quiz-generator .generator-header .header-content h2{margin:0;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;font-size:28px;display:flex;align-items:center;gap:10px}.quick-quiz-generator .generator-header .header-content h2 svg{color:#5d4037}.quick-quiz-generator .generator-header .header-content p{margin:.25rem 0 0;color:#5d4037}.quick-quiz-generator .generator-body{display:grid;grid-template-columns:350px 1fr;gap:2rem}.quick-quiz-generator .generator-body .tips-panel{background:white;border-radius:8px;box-shadow:0 1px 3px #2c18101f;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#d7ccc8 0%,#bcaaa4 100%);padding:1.5rem;height:fit-content}.quick-quiz-generator .generator-body .tips-panel:hover{box-shadow:0 4px 6px #2c181029;transform:translateY(-2px)}.quick-quiz-generator .generator-body .tips-panel h3{margin:0 0 1rem;color:#2c1810;display:flex;align-items:center;gap:8px}.quick-quiz-generator .generator-body .tips-panel h3 svg{color:#5d4037}.quick-quiz-generator .generator-body .tips-panel ul{list-style:none;padding:0;margin-bottom:1.5rem}.quick-quiz-generator .generator-body .tips-panel ul li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#5d4037;display:flex;align-items:flex-start;gap:8px;padding-left:0}.quick-quiz-generator .generator-body .tips-panel ul li svg{color:#a1887f;flex-shrink:0;margin-top:2px}.quick-quiz-generator .generator-body .tips-panel .sample-section h4{margin-bottom:.75rem;color:#2c1810}.quick-quiz-generator .generator-body .tips-panel .sample-section .sample-btn{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;display:block;width:100%;padding:.75rem;margin-bottom:.5rem;background:white;border:1px solid rgba(215,204,200,.5);color:#5d4037}.quick-quiz-generator .generator-body .tips-panel .sample-section .sample-btn:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.quick-quiz-generator .generator-body .tips-panel .sample-section .sample-btn:active{transform:translateY(0)}.quick-quiz-generator .generator-body .tips-panel .sample-section .sample-btn:disabled{opacity:.5;cursor:not-allowed}.quick-quiz-generator .generator-body .tips-panel .sample-section .sample-btn:hover{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff;border-color:#5d4037}.quick-quiz-generator .generator-body .form-panel{border-radius:8px;box-shadow:0 1px 3px #2c18101f;transition:all .3s cubic-bezier(.4,0,.2,1);background:white;padding:2rem}.quick-quiz-generator .generator-body .form-panel:hover{box-shadow:0 4px 6px #2c181029;transform:translateY(-2px)}.quick-quiz-generator .generator-body .form-panel .input-type-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem}.quick-quiz-generator .generator-body .form-panel .input-type-toggle button{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;flex:1;background:white;color:#5d4037;border:2px solid rgba(215,204,200,.5);display:flex;align-items:center;justify-content:center;gap:8px}.quick-quiz-generator .generator-body .form-panel .input-type-toggle button:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.quick-quiz-generator .generator-body .form-panel .input-type-toggle button:active{transform:translateY(0)}.quick-quiz-generator .generator-body .form-panel .input-type-toggle button:disabled{opacity:.5;cursor:not-allowed}.quick-quiz-generator .generator-body .form-panel .input-type-toggle button:first-child:hover:not(.active){background:rgba(161,136,127,.05);border-color:#a1887f;color:#a1887f}.quick-quiz-generator .generator-body .form-panel .input-type-toggle button:first-child.active{background:linear-gradient(135deg,#a1887f 0%,#8d6e63 100%);color:#fff;border-color:#a1887f}.quick-quiz-generator .generator-body .form-panel .input-type-toggle button:last-child:hover:not(.active){background:rgba(93,64,55,.05);border-color:#5d4037;color:#5d4037}.quick-quiz-generator .generator-body .form-panel .input-type-toggle button:last-child.active{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff;border-color:#5d4037}.quick-quiz-generator .generator-body .form-panel .form-group,.quick-quiz-generator .generator-body .form-panel .time-group{margin-bottom:1.5rem}.quick-quiz-generator .generator-body .form-panel .form-group label,.quick-quiz-generator .generator-body .form-panel .time-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#5d4037;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.quick-quiz-generator .generator-body .form-panel .form-group input,.quick-quiz-generator .generator-body .form-panel .time-group input,.quick-quiz-generator .generator-body .form-panel .form-group textarea,.quick-quiz-generator .generator-body .form-panel .time-group textarea{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:10px 14px;transition:all .2s ease;width:100%;font-family:inherit}.quick-quiz-generator .generator-body .form-panel .form-group input:focus,.quick-quiz-generator .generator-body .form-panel .time-group input:focus,.quick-quiz-generator .generator-body .form-panel .form-group textarea:focus,.quick-quiz-generator .generator-body .form-panel .time-group textarea:focus{outline:none;border-color:#5d4037;box-shadow:0 0 0 3px #5d40371a}.quick-quiz-generator .generator-body .form-panel .form-group input::placeholder,.quick-quiz-generator .generator-body .form-panel .time-group input::placeholder,.quick-quiz-generator .generator-body .form-panel .form-group textarea::placeholder,.quick-quiz-generator .generator-body .form-panel .time-group textarea::placeholder{color:#8d6e63}.quick-quiz-generator .generator-body .form-panel .form-group .input-stats,.quick-quiz-generator .generator-body .form-panel .time-group .input-stats{display:flex;gap:1rem;margin-top:.5rem;font-size:.875rem;color:#8d6e63}.quick-quiz-generator .generator-body .form-panel .form-group .question-slider,.quick-quiz-generator .generator-body .form-panel .time-group .question-slider{display:flex;align-items:center;gap:1rem}.quick-quiz-generator .generator-body .form-panel .form-group .question-slider input[type=range],.quick-quiz-generator .generator-body .form-panel .time-group .question-slider input[type=range]{flex:1;accent-color:#5d4037}.quick-quiz-generator .generator-body .form-panel .form-group .question-slider .count-display,.quick-quiz-generator .generator-body .form-panel .time-group .question-slider .count-display{font-size:1.5rem;font-weight:700;color:#5d4037;min-width:40px}.quick-quiz-generator .generator-body .form-panel .form-group .warning,.quick-quiz-generator .generator-body .form-panel .time-group .warning{color:#ff9800;font-size:.875rem;display:flex;align-items:center;gap:6px}.quick-quiz-generator .generator-body .form-panel .form-group .warning svg,.quick-quiz-generator .generator-body .form-panel .time-group .warning svg{color:#ff9800}.quick-quiz-generator .generator-body .form-panel .error-message{background:rgba(211,47,47,.1);color:#d32f2f;padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid rgba(211,47,47,.2);display:flex;align-items:center;gap:8px}.quick-quiz-generator .generator-body .form-panel .error-message svg{flex-shrink:0}.quick-quiz-generator .generator-body .form-panel .success-message{background:linear-gradient(135deg,rgba(104,159,56,.1),rgba(104,159,56,.05));padding:1.5rem;border-radius:6px;margin-bottom:1rem;border:1px solid rgba(104,159,56,.2)}.quick-quiz-generator .generator-body .form-panel .success-message h3{margin:0 0 .5rem;color:#689f38;display:flex;align-items:center;gap:8px}.quick-quiz-generator .generator-body .form-panel .success-message h3 svg{color:#689f38}.quick-quiz-generator .generator-body .form-panel .success-message p{margin:0 0 1rem;color:#5d4037}.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons{display:flex;gap:1rem}.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons .primary-btn,.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons .secondary-btn{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;transition:all .2s ease;cursor:pointer;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:500}.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons .primary-btn:hover:not(:disabled),.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons .secondary-btn:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons .primary-btn:active,.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons .secondary-btn:active{transform:translateY(0)}.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons .primary-btn:disabled,.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons .secondary-btn:disabled{opacity:.5;cursor:not-allowed}.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons .primary-btn{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%)}.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons .secondary-btn{background:transparent;color:#5d4037;border:2px solid #5d4037}.quick-quiz-generator .generator-body .form-panel .success-message .action-buttons .secondary-btn:hover{background:rgba(44,24,16,.1)}.quick-quiz-generator .generator-body .form-panel .generate-btn{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff;border:none;border-radius:6px;padding:10px 20px;transition:all .2s ease;cursor:pointer;width:100%;padding:1rem;font-size:1.1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px}.quick-quiz-generator .generator-body .form-panel .generate-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.quick-quiz-generator .generator-body .form-panel .generate-btn:active{transform:translateY(0)}.quick-quiz-generator .generator-body .form-panel .generate-btn:disabled{opacity:.5;cursor:not-allowed}.quick-quiz-generator .generator-body .form-panel .generate-btn .spinner{display:inline-block;animation:spin 1s linear infinite}.glossary-review-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.glossary-review-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.glossary-review-modal .modal-content{position:relative;background:white;border-radius:12px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.glossary-review-modal .modal-header{padding:20px 30px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.glossary-review-modal .modal-header h2{margin:0;color:#333;font-size:24px}.glossary-review-modal .modal-header .close-btn{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.glossary-review-modal .modal-header .close-btn:hover{color:#333}.glossary-review-modal .stats-bar{padding:15px 30px;background:#f5f5f5;display:flex;gap:30px;border-bottom:1px solid #e0e0e0}.glossary-review-modal .stats-bar .stat{display:flex;align-items:center;gap:8px}.glossary-review-modal .stats-bar .stat .label{color:#666;font-size:14px}.glossary-review-modal .stats-bar .stat .value{font-weight:600;font-size:16px;color:#333}.glossary-review-modal .stats-bar .stat.pending .value{color:#ff9800}.glossary-review-modal .stats-bar .stat.approved .value{color:#4caf50}.glossary-review-modal .stats-bar .stat.rejected .value{color:#f44336}.glossary-review-modal .bulk-actions{padding:15px 30px;border-bottom:1px solid #e0e0e0}.glossary-review-modal .bulk-actions .btn-auto-approve{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.glossary-review-modal .bulk-actions .btn-auto-approve:hover:not(:disabled){background:#45a049}.glossary-review-modal .bulk-actions .btn-auto-approve:disabled{opacity:.5;cursor:not-allowed}.glossary-review-modal .terms-container{flex:1;overflow-y:auto;padding:20px 30px}.glossary-review-modal .terms-section{margin-bottom:30px}.glossary-review-modal .terms-section h3{margin:0 0 15px;color:#333;font-size:18px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.glossary-review-modal .terms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.glossary-review-modal .term-card{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:15px;position:relative;transition:all .2s}.glossary-review-modal .term-card:hover{box-shadow:0 2px 8px #0000001a}.glossary-review-modal .term-card.confidence-high{border-left:4px solid #4caf50}.glossary-review-modal .term-card.confidence-medium{border-left:4px solid #ff9800}.glossary-review-modal .term-card.confidence-low{border-left:4px solid #f44336}.glossary-review-modal .term-card.approved{background:#f1f8e9}.glossary-review-modal .term-card.rejected{background:#ffebee;opacity:.7}.glossary-review-modal .term-card.edited{background:#fff3e0}.glossary-review-modal .term-card .confidence-badge{position:absolute;top:10px;right:10px;background:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;border:1px solid #e0e0e0}.glossary-review-modal .term-card .term-title{margin:0 0 10px;font-size:16px;font-weight:600;color:#333;padding-right:50px}.glossary-review-modal .term-card .term-definition{margin:0 0 10px;font-size:14px;line-height:1.5;color:#666}.glossary-review-modal .term-card .term-short{margin:0 0 10px;font-size:12px;color:#999;font-style:italic}.glossary-review-modal .term-card .term-actions{display:flex;gap:8px;margin-top:10px}.glossary-review-modal .term-card .term-actions button{background:white;border:1px solid #e0e0e0;border-radius:4px;padding:6px 10px;cursor:pointer;font-size:16px;transition:all .2s}.glossary-review-modal .term-card .term-actions button:hover{transform:scale(1.1)}.glossary-review-modal .term-card .term-actions button.btn-approve:hover{background:#e8f5e9;border-color:#4caf50}.glossary-review-modal .term-card .term-actions button.btn-reject:hover{background:#ffebee;border-color:#f44336}.glossary-review-modal .term-card .term-actions button.btn-edit:hover{background:#e3f2fd;border-color:#2196f3}.glossary-review-modal .term-card .edit-mode .term-input,.glossary-review-modal .term-card .edit-mode .definition-input,.glossary-review-modal .term-card .edit-mode .short-def-input{width:100%;padding:8px;margin-bottom:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.glossary-review-modal .term-card .edit-mode .term-input:focus,.glossary-review-modal .term-card .edit-mode .definition-input:focus,.glossary-review-modal .term-card .edit-mode .short-def-input:focus{outline:none;border-color:#2196f3}.glossary-review-modal .term-card .edit-mode .definition-input{resize:vertical;min-height:60px}.glossary-review-modal .term-card .edit-mode .edit-actions{display:flex;gap:8px}.glossary-review-modal .term-card .edit-mode .edit-actions button{flex:1;padding:8px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.glossary-review-modal .term-card .edit-mode .edit-actions button.btn-save-edit{background:#4caf50;color:#fff}.glossary-review-modal .term-card .edit-mode .edit-actions button.btn-save-edit:hover{background:#45a049}.glossary-review-modal .term-card .edit-mode .edit-actions button.btn-cancel-edit{background:#f44336;color:#fff}.glossary-review-modal .term-card .edit-mode .edit-actions button.btn-cancel-edit:hover{background:#da190b}.glossary-review-modal .modal-footer{padding:20px 30px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.glossary-review-modal .modal-footer button{padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.glossary-review-modal .modal-footer button.btn-cancel{background:white;border:1px solid #ddd;color:#666}.glossary-review-modal .modal-footer button.btn-cancel:hover{background:#f5f5f5}.glossary-review-modal .modal-footer button.btn-save{background:#2196f3;border:none;color:#fff}.glossary-review-modal .modal-footer button.btn-save:hover:not(:disabled){background:#1976d2}.glossary-review-modal .modal-footer button.btn-save:disabled{opacity:.5;cursor:not-allowed}.glossary-review-modal .loading{padding:60px;text-align:center;color:#666;font-size:16px}.standard-exam-generator{max-width:1200px;margin:0 auto;padding:32px;background:linear-gradient(135deg,white 0%,#efebe9 100%);border-radius:16px;box-shadow:0 10px 20px #2c181030}.standard-exam-generator .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid rgba(215,204,200,.5)}.standard-exam-generator .header h2{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;font-size:28px;margin:0;display:flex;align-items:center;gap:12px}.standard-exam-generator .header h2 svg{color:#5d4037}.standard-exam-generator .header button{background:#8d6e63;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;opacity:.9}.standard-exam-generator .header button:hover:not(:disabled){background:rgb(117.03,91.3,82.17);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.standard-exam-generator .header button:active{transform:translateY(0)}.standard-exam-generator .header button:disabled{opacity:.5;cursor:not-allowed}.standard-exam-generator .header button:hover{opacity:1}.standard-exam-generator .input-mode-selector{display:flex;gap:16px;margin-bottom:32px}.standard-exam-generator .input-mode-selector button{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;flex:1;background:white;color:#5d4037;border:2px solid rgba(215,204,200,.5);display:flex;align-items:center;justify-content:center;gap:8px}.standard-exam-generator .input-mode-selector button:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.standard-exam-generator .input-mode-selector button:active{transform:translateY(0)}.standard-exam-generator .input-mode-selector button:disabled{opacity:.5;cursor:not-allowed}.standard-exam-generator .input-mode-selector button:first-child:not(.active):hover{background:rgba(161,136,127,.05);border-color:#a1887f;color:#a1887f}.standard-exam-generator .input-mode-selector button:first-child.active{background:linear-gradient(135deg,#a1887f 0%,#8d6e63 100%);color:#fff;border-color:#a1887f}.standard-exam-generator .input-mode-selector button:last-child:not(.active):hover{background:rgba(93,64,55,.05);border-color:#5d4037;color:#5d4037}.standard-exam-generator .input-mode-selector button:last-child.active{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff;border-color:#5d4037}.standard-exam-generator .simple-input-section{background:white;padding:32px;border-radius:12px;margin-bottom:32px;box-shadow:0 1px 3px #2c18101f}.standard-exam-generator .simple-input-section h3{color:#2c1810;font-size:20px;margin:0 0 24px;display:flex;align-items:center;gap:10px}.standard-exam-generator .simple-input-section h3 svg{color:#5d4037}.standard-exam-generator .simple-input-section .input-group{margin-bottom:20px}.standard-exam-generator .simple-input-section .input-group label{display:block;margin-bottom:8px;color:#5d4037;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.standard-exam-generator .simple-input-section .input-group input,.standard-exam-generator .simple-input-section .input-group textarea{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:10px 14px;transition:all .2s ease;width:100%;font-size:15px}.standard-exam-generator .simple-input-section .input-group input:focus,.standard-exam-generator .simple-input-section .input-group textarea:focus{outline:none;border-color:#5d4037;box-shadow:0 0 0 3px #5d40371a}.standard-exam-generator .simple-input-section .input-group input::placeholder,.standard-exam-generator .simple-input-section .input-group textarea::placeholder{color:#8d6e63}.standard-exam-generator .simple-input-section .input-group textarea{min-height:120px;resize:vertical}.standard-exam-generator .simple-input-section .input-group .hint{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:#8d6e63;font-style:italic}.standard-exam-generator .simple-input-section .input-group .hint svg{color:#a1887f}.standard-exam-generator .simple-input-section button{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff;border:none;border-radius:6px;font-weight:500;transition:all .2s ease;cursor:pointer;width:100%;font-size:16px;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:10px}.standard-exam-generator .simple-input-section button:hover:not(:disabled){opacity:.9;box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.standard-exam-generator .simple-input-section button:active{transform:translateY(0)}.standard-exam-generator .simple-input-section button:disabled{opacity:.5;cursor:not-allowed}.standard-exam-generator .simple-input-section button.spinning svg{animation:spin 1s linear infinite}.standard-exam-generator .simple-input-section .preview-section{margin-top:24px;padding:20px;background:linear-gradient(135deg,white 0%,#efebe9 100%);border-radius:8px;border:1px solid rgba(215,204,200,.5)}.standard-exam-generator .simple-input-section .preview-section h4{color:#2c1810;font-size:16px;margin:0 0 16px;display:flex;align-items:center;gap:8px}.standard-exam-generator .simple-input-section .preview-section h4 svg{color:#ff9800}.standard-exam-generator .simple-input-section .preview-section .preview-content{color:#5d4037;line-height:1.6;font-size:14px}.standard-exam-generator .form-section{background:white;padding:32px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #2c18101f}.standard-exam-generator .form-section h3{color:#2c1810;font-size:20px;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid rgba(215,204,200,.5);position:relative}.standard-exam-generator .form-section h3:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%)}.standard-exam-generator .form-section .form-group,.standard-exam-generator .form-section .time-group{margin-bottom:24px}.standard-exam-generator .form-section .form-group label,.standard-exam-generator .form-section .time-group label{display:block;margin-bottom:8px;color:#5d4037;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.standard-exam-generator .form-section .form-group input,.standard-exam-generator .form-section .time-group input,.standard-exam-generator .form-section .form-group textarea,.standard-exam-generator .form-section .time-group textarea{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:10px 14px;transition:all .2s ease;width:100%;font-size:15px}.standard-exam-generator .form-section .form-group input:focus,.standard-exam-generator .form-section .time-group input:focus,.standard-exam-generator .form-section .form-group textarea:focus,.standard-exam-generator .form-section .time-group textarea:focus{outline:none;border-color:#5d4037;box-shadow:0 0 0 3px #5d40371a}.standard-exam-generator .form-section .form-group input::placeholder,.standard-exam-generator .form-section .time-group input::placeholder,.standard-exam-generator .form-section .form-group textarea::placeholder,.standard-exam-generator .form-section .time-group textarea::placeholder{color:#8d6e63}.standard-exam-generator .form-section .form-group textarea,.standard-exam-generator .form-section .time-group textarea{min-height:100px;resize:vertical}.standard-exam-generator .chapters-section{background:white;padding:32px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #2c18101f}.standard-exam-generator .chapters-section .chapters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.standard-exam-generator .chapters-section .chapters-header h3{color:#2c1810;font-size:20px;margin:0}.standard-exam-generator .chapters-section .chapters-header button{background:linear-gradient(135deg,#a1887f 0%,#8d6e63 100%);color:#fff;border:none;border-radius:6px;font-weight:500;transition:all .2s ease;cursor:pointer;font-size:14px;padding:8px 16px}.standard-exam-generator .chapters-section .chapters-header button:hover:not(:disabled){opacity:.9;box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.standard-exam-generator .chapters-section .chapters-header button:active{transform:translateY(0)}.standard-exam-generator .chapters-section .chapters-header button:disabled{opacity:.5;cursor:not-allowed}.standard-exam-generator .chapters-section .chapter-card{background:white;border-radius:8px;box-shadow:0 1px 3px #2c18101f;transition:all .3s cubic-bezier(.4,0,.2,1);padding:24px;margin-bottom:20px;position:relative;border-left:4px solid linear-gradient(135deg,#5d4037 0%,#6d4c41 100%)}.standard-exam-generator .chapters-section .chapter-card:hover{box-shadow:0 4px 6px #2c181029;transform:translateY(-2px)}.standard-exam-generator .chapters-section .chapter-card .chapter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.standard-exam-generator .chapters-section .chapter-card .chapter-header h4{color:#2c1810;font-size:18px;margin:0}.standard-exam-generator .chapters-section .chapter-card .chapter-header button{background:transparent;border:none;color:#d32f2f;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.standard-exam-generator .chapters-section .chapter-card .chapter-header button:hover{background:rgba(211,47,47,.1)}.standard-exam-generator .chapters-section .chapter-card .form-group,.standard-exam-generator .chapters-section .chapter-card .time-group{margin-bottom:20px}.standard-exam-generator .chapters-section .chapter-card .form-group label,.standard-exam-generator .chapters-section .chapter-card .time-group label{display:block;margin-bottom:8px;color:#5d4037;font-weight:500;font-size:14px}.standard-exam-generator .chapters-section .chapter-card .form-group input,.standard-exam-generator .chapters-section .chapter-card .time-group input,.standard-exam-generator .chapters-section .chapter-card .form-group textarea,.standard-exam-generator .chapters-section .chapter-card .time-group textarea{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:10px 14px;transition:all .2s ease;width:100%;font-size:14px}.standard-exam-generator .chapters-section .chapter-card .form-group input:focus,.standard-exam-generator .chapters-section .chapter-card .time-group input:focus,.standard-exam-generator .chapters-section .chapter-card .form-group textarea:focus,.standard-exam-generator .chapters-section .chapter-card .time-group textarea:focus{outline:none;border-color:#5d4037;box-shadow:0 0 0 3px #5d40371a}.standard-exam-generator .chapters-section .chapter-card .form-group input::placeholder,.standard-exam-generator .chapters-section .chapter-card .time-group input::placeholder,.standard-exam-generator .chapters-section .chapter-card .form-group textarea::placeholder,.standard-exam-generator .chapters-section .chapter-card .time-group textarea::placeholder{color:#8d6e63}.standard-exam-generator .chapters-section .chapter-card .form-group textarea,.standard-exam-generator .chapters-section .chapter-card .time-group textarea{min-height:120px;resize:vertical}.standard-exam-generator .question-distribution{background:white;padding:32px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #2c18101f}.standard-exam-generator .question-distribution h3{color:#2c1810;font-size:20px;margin:0 0 24px}.standard-exam-generator .question-distribution .distribution-controls{display:flex;gap:24px;align-items:center;margin-bottom:24px}.standard-exam-generator .question-distribution .distribution-controls .form-group,.standard-exam-generator .question-distribution .distribution-controls .time-group{flex:1}.standard-exam-generator .question-distribution .distribution-controls .form-group label,.standard-exam-generator .question-distribution .distribution-controls .time-group label{display:block;margin-bottom:8px;color:#5d4037;font-weight:500;font-size:14px}.standard-exam-generator .question-distribution .distribution-controls .form-group input,.standard-exam-generator .question-distribution .distribution-controls .time-group input{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:10px 14px;transition:all .2s ease;width:100%}.standard-exam-generator .question-distribution .distribution-controls .form-group input:focus,.standard-exam-generator .question-distribution .distribution-controls .time-group input:focus{outline:none;border-color:#5d4037;box-shadow:0 0 0 3px #5d40371a}.standard-exam-generator .question-distribution .distribution-controls .form-group input::placeholder,.standard-exam-generator .question-distribution .distribution-controls .time-group input::placeholder{color:#8d6e63}.standard-exam-generator .question-distribution .distribution-controls .checkbox-group{display:flex;align-items:center;gap:12px}.standard-exam-generator .question-distribution .distribution-controls .checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:#5d4037}.standard-exam-generator .question-distribution .distribution-controls .checkbox-group label{color:#5d4037;font-size:14px;cursor:pointer}.standard-exam-generator .error-message{background:rgba(211,47,47,.1);color:#d32f2f;padding:16px 20px;border-radius:8px;margin-bottom:24px;border:1px solid rgba(211,47,47,.2);display:flex;align-items:center;gap:10px}.standard-exam-generator .error-message svg{flex-shrink:0}.standard-exam-generator .progress-indicator{background:white;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #2c18101f;text-align:center}.standard-exam-generator .progress-indicator .progress-bar{width:100%;height:8px;background:#d7ccc8;border-radius:4px;overflow:hidden;margin-bottom:16px}.standard-exam-generator .progress-indicator .progress-bar .progress-fill{height:100%;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);transition:width .3s ease;border-radius:4px}.standard-exam-generator .progress-indicator .progress-text{color:#5d4037;font-size:14px;margin-bottom:8px}.standard-exam-generator .progress-indicator .progress-message{color:#2c1810;font-size:16px;font-weight:500}.standard-exam-generator .success-message{background:linear-gradient(135deg,rgba(104,159,56,.1),rgba(104,159,56,.05));padding:32px;border-radius:12px;margin-bottom:24px;border:1px solid rgba(104,159,56,.2);text-align:center}.standard-exam-generator .success-message h3{color:#689f38;font-size:24px;margin:0 0 16px;display:flex;align-items:center;justify-content:center;gap:12px}.standard-exam-generator .success-message h3 svg{color:#689f38}.standard-exam-generator .success-message p{color:#5d4037;font-size:16px;margin:0 0 24px}.standard-exam-generator .success-message .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:24px}.standard-exam-generator .success-message .stats-grid .stat{background:white;padding:16px;border-radius:8px;text-align:center;box-shadow:0 1px 3px #2c18101f}.standard-exam-generator .success-message .stats-grid .stat .value{font-size:28px;font-weight:600;color:#5d4037;margin-bottom:4px}.standard-exam-generator .success-message .stats-grid .stat .label{font-size:13px;color:#8d6e63;text-transform:uppercase;letter-spacing:.5px}.standard-exam-generator .success-message .glossary-preview{background:white;padding:20px;border-radius:8px;margin-top:24px;text-align:left}.standard-exam-generator .success-message .glossary-preview h4{color:#2c1810;font-size:16px;margin:0 0 16px;display:flex;align-items:center;gap:8px}.standard-exam-generator .success-message .glossary-preview h4 svg{color:#5d4037}.standard-exam-generator .success-message .glossary-preview .terms-list{display:flex;flex-wrap:wrap;gap:8px}.standard-exam-generator .success-message .glossary-preview .terms-list .term{background:linear-gradient(135deg,#d7ccc8 0%,#bcaaa4 100%);color:#2c1810;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.standard-exam-generator .success-message .action-buttons{display:flex;gap:16px;justify-content:center}.standard-exam-generator .success-message .action-buttons button{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;min-width:160px}.standard-exam-generator .success-message .action-buttons button:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.standard-exam-generator .success-message .action-buttons button:active{transform:translateY(0)}.standard-exam-generator .success-message .action-buttons button:disabled{opacity:.5;cursor:not-allowed}.standard-exam-generator .success-message .action-buttons button.primary{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%)}.standard-exam-generator .success-message .action-buttons button.secondary{background:transparent;color:#5d4037;border:2px solid #5d4037}.standard-exam-generator .success-message .action-buttons button.secondary:hover{background:rgba(44,24,16,.1)}.standard-exam-generator .generate-button{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff;border:none;border-radius:6px;font-weight:500;transition:all .2s ease;cursor:pointer;width:100%;font-size:18px;padding:16px 32px;margin-top:32px;display:flex;align-items:center;justify-content:center;gap:10px}.standard-exam-generator .generate-button:hover:not(:disabled){opacity:.9;box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.standard-exam-generator .generate-button:active{transform:translateY(0)}.standard-exam-generator .generate-button:disabled{opacity:.5;cursor:not-allowed}.standard-exam-generator .generate-button.spinning svg{animation:spin 1s linear infinite}@keyframes steam{0%{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-10px) scale(1.1);opacity:.2}to{transform:translateY(-20px) scale(1.2);opacity:0}}@keyframes pour{0%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.comprehensive-exam-generator{max-width:1400px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,white 0%,#efebe9 100%);border-radius:16px;box-shadow:0 10px 20px #2c181030}.comprehensive-exam-generator .input-mode-section{margin-bottom:2rem}.comprehensive-exam-generator .input-mode-section .mode-toggle{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.comprehensive-exam-generator .input-mode-section .mode-toggle button{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;background:white;color:#5d4037;border:2px solid rgba(215,204,200,.5);padding:1rem 2rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px}.comprehensive-exam-generator .input-mode-section .mode-toggle button:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.comprehensive-exam-generator .input-mode-section .mode-toggle button:active{transform:translateY(0)}.comprehensive-exam-generator .input-mode-section .mode-toggle button:disabled{opacity:.5;cursor:not-allowed}.comprehensive-exam-generator .input-mode-section .mode-toggle button:first-child:hover:not(.active){border-color:#689f38;background:rgba(104,159,56,.05);color:#689f38}.comprehensive-exam-generator .input-mode-section .mode-toggle button:first-child.active{background:#689f38;color:#fff;border-color:#689f38}.comprehensive-exam-generator .input-mode-section .mode-toggle button:last-child:hover:not(.active){border-color:#5d4037;background:rgba(93,64,55,.05);color:#5d4037}.comprehensive-exam-generator .input-mode-section .mode-toggle button:last-child.active{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff;border-color:#5d4037}.comprehensive-exam-generator .input-mode-section .mode-toggle button svg.spinning{animation:spin 1s linear infinite}.comprehensive-exam-generator .input-mode-section .ai-expansion-section{background:white;border:2px solid rgba(215,204,200,.5);border-radius:12px;padding:2rem;box-shadow:0 1px 3px #2c18101f}.comprehensive-exam-generator .input-mode-section .ai-expansion-section h3{color:#2c1810;margin-bottom:.5rem;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.comprehensive-exam-generator .input-mode-section .ai-expansion-section p{color:#5d4037;margin-bottom:1.5rem}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-input-group{margin-bottom:2rem}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-input-group label{display:block;font-weight:600;color:#2c1810;margin-bottom:.5rem;text-transform:uppercase;font-size:14px;letter-spacing:.5px}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-input-group .ai-simple-input{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:10px 14px;transition:all .2s ease;width:100%;font-size:1.1rem}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-input-group .ai-simple-input:focus{outline:none;border-color:#5d4037;box-shadow:0 0 0 3px #5d40371a}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-input-group .ai-simple-input::placeholder{color:#8d6e63}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-input-group .input-hint{margin-top:.5rem;font-size:.9rem;color:#8d6e63;font-style:italic;display:flex;align-items:center;gap:6px}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-input-group .input-hint svg{color:#a1887f}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .sample-inputs{margin-bottom:2rem}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .sample-inputs h4{color:#2c1810;margin-bottom:1rem}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .sample-inputs .sample-tags{display:flex;flex-wrap:wrap;gap:.5rem}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .sample-inputs .sample-tags .sample-tag{background:#5d4037;color:#fff;border:none;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;background:linear-gradient(135deg,#d7ccc8 0%,#bcaaa4 100%);color:#2c1810;border:1px solid rgba(215,204,200,.5);padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .sample-inputs .sample-tags .sample-tag:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .sample-inputs .sample-tags .sample-tag:active{transform:translateY(0)}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .sample-inputs .sample-tags .sample-tag:disabled{opacity:.5;cursor:not-allowed}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .sample-inputs .sample-tags .sample-tag:hover{background:#bcaaa4;transform:translateY(-1px);box-shadow:0 4px 6px #2c181029}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-generate-btn{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;width:100%;padding:1.25rem;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:10px}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-generate-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-generate-btn:active{transform:translateY(0)}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-generate-btn:disabled{opacity:.5;cursor:not-allowed}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-generate-btn:disabled{opacity:.6;cursor:not-allowed}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-preview{background:linear-gradient(135deg,white 0%,#efebe9 100%);border:2px solid #689f38;border-radius:10px;padding:1.5rem}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-preview h4{color:#689f38;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-preview h4 svg{color:#689f38}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-preview .blueprint-preview strong{display:block;font-size:1.2rem;color:#2c1810;margin-bottom:.5rem}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-preview .blueprint-preview strong .exam-code{font-weight:400;color:#5d4037;margin-left:.5rem}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-preview .blueprint-preview p{margin:.5rem 0;color:#5d4037}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-preview .blueprint-preview .domains-preview{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(215,204,200,.5)}.comprehensive-exam-generator .input-mode-section .ai-expansion-section .ai-preview .blueprint-preview .domains-preview strong{display:inline;font-size:1rem;color:#689f38}.comprehensive-exam-generator .input-mode-section .manual-blueprint-section{background:white;border:2px solid rgba(215,204,200,.5);border-radius:12px;padding:2rem;box-shadow:0 1px 3px #2c18101f}.comprehensive-exam-generator .input-mode-section .manual-blueprint-section h3{color:#2c1810;margin-bottom:.5rem;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.comprehensive-exam-generator .input-mode-section .manual-blueprint-section p{color:#5d4037;margin-bottom:1.5rem}.comprehensive-exam-generator .input-mode-section .manual-blueprint-section .template-section h4{color:#2c1810;margin-bottom:1rem}.comprehensive-exam-generator .input-mode-section .manual-blueprint-section .template-section .template-buttons{display:flex;gap:1rem;flex-wrap:wrap}.comprehensive-exam-generator .input-mode-section .manual-blueprint-section .template-section .template-buttons .template-btn{background:linear-gradient(135deg,#a1887f 0%,#8d6e63 100%);color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;padding:1rem 2rem;font-weight:600;display:flex;align-items:center;gap:8px}.comprehensive-exam-generator .input-mode-section .manual-blueprint-section .template-section .template-buttons .template-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.comprehensive-exam-generator .input-mode-section .manual-blueprint-section .template-section .template-buttons .template-btn:active{transform:translateY(0)}.comprehensive-exam-generator .input-mode-section .manual-blueprint-section .template-section .template-buttons .template-btn:disabled{opacity:.5;cursor:not-allowed}.comprehensive-exam-generator .generator-header{display:flex;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(215,204,200,.5)}.comprehensive-exam-generator .generator-header .back-btn{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s ease;cursor:pointer;background:white;color:#5d4037;border:1px solid rgba(215,204,200,.5);padding:.5rem 1rem;margin-right:2rem;display:flex;align-items:center;gap:6px}.comprehensive-exam-generator .generator-header .back-btn:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.comprehensive-exam-generator .generator-header .back-btn:active{transform:translateY(0)}.comprehensive-exam-generator .generator-header .back-btn:disabled{opacity:.5;cursor:not-allowed}.comprehensive-exam-generator .generator-header .back-btn:hover{background:rgba(44,24,16,.1);border-color:#8d6e634d}.comprehensive-exam-generator .generator-header .header-content h2{margin:0;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;font-size:28px;display:flex;align-items:center;gap:10px}.comprehensive-exam-generator .generator-header .header-content h2 svg{color:#5d4037}.comprehensive-exam-generator .generator-header .header-content p{margin:.25rem 0 0;color:#5d4037}.comprehensive-exam-generator .generator-body .exam-blueprint{background:white;border-radius:8px;box-shadow:0 1px 3px #2c18101f;transition:all .3s cubic-bezier(.4,0,.2,1);padding:2rem;margin-bottom:2rem}.comprehensive-exam-generator .generator-body .exam-blueprint:hover{box-shadow:0 4px 6px #2c181029;transform:translateY(-2px)}.comprehensive-exam-generator .generator-body .exam-blueprint h3{margin:0 0 1.5rem;color:#2c1810;position:relative;padding-bottom:12px}.comprehensive-exam-generator .generator-body .exam-blueprint h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%)}.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .form-group,.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .time-group{margin-bottom:1rem}.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .form-group label,.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .time-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#5d4037;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .form-group input,.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .time-group input,.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .form-group textarea,.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .time-group textarea{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:10px 14px;transition:all .2s ease;width:100%}.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .form-group input:focus,.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .time-group input:focus,.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .form-group textarea:focus,.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .time-group textarea:focus{outline:none;border-color:#5d4037;box-shadow:0 0 0 3px #5d40371a}.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .form-group input::placeholder,.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .time-group input::placeholder,.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .form-group textarea::placeholder,.comprehensive-exam-generator .generator-body .exam-blueprint .blueprint-info .time-group textarea::placeholder{color:#8d6e63}.comprehensive-exam-generator .generator-body .exam-blueprint .weight-warning{background:rgba(255,152,0,.1);color:#ff9800;padding:.75rem 1rem;border-radius:6px;margin-top:1rem;border:1px solid rgba(255,152,0,.2);display:flex;align-items:center;gap:8px}.comprehensive-exam-generator .generator-body .exam-blueprint .weight-warning svg{flex-shrink:0}.comprehensive-exam-generator .generator-body .domains-section h3{margin-bottom:.5rem;color:#2c1810;font-size:22px;display:flex;align-items:center;gap:8px}.comprehensive-exam-generator .generator-body .domains-section p{color:#5d4037;margin-bottom:1.5rem}.comprehensive-exam-generator .generator-body .domains-section .domain-card{background:white;border-radius:8px;box-shadow:0 1px 3px #2c18101f;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(215,204,200,.5);margin-bottom:1.5rem;overflow:hidden;position:relative}.comprehensive-exam-generator .generator-body .domains-section .domain-card:hover{box-shadow:0 4px 6px #2c181029;transform:translateY(-2px)}.comprehensive-exam-generator .generator-body .domains-section .domain-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%)}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-header{display:flex;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-header .domain-number{font-weight:600;font-size:1.1rem;flex:1}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-header .question-allocation{background:rgba(255,255,255,.2);padding:.25rem .75rem;border-radius:12px;margin-right:1rem}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-header .remove-btn{padding:.25rem .5rem;background:rgba(255,255,255,.2);color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-header .remove-btn:hover{background:rgba(255,255,255,.3)}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content{padding:1.5rem}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-row{display:flex;gap:1rem;margin-bottom:1rem}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-row .flex-grow{flex:1}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-row .weight-input{width:120px}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-group,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .time-group{margin-bottom:1rem}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-group label,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .time-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#5d4037;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-group input,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .time-group input,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-group textarea,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .time-group textarea{background:white;border:1px solid rgba(215,204,200,.5);border-radius:6px;padding:10px 14px;transition:all .2s ease;width:100%}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-group input:focus,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .time-group input:focus,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-group textarea:focus,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .time-group textarea:focus{outline:none;border-color:#5d4037;box-shadow:0 0 0 3px #5d40371a}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-group input::placeholder,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .time-group input::placeholder,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-group textarea::placeholder,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .time-group textarea::placeholder{color:#8d6e63}.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .form-group .content-stats,.comprehensive-exam-generator .generator-body .domains-section .domain-card .domain-content .time-group .content-stats{text-align:right;font-size:.875rem;color:#8d6e63;margin-top:.25rem}.comprehensive-exam-generator .generator-body .domains-section .add-domain-btn{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;transition:all .2s ease;cursor:pointer;width:100%;padding:1rem;background:white;border:2px dashed #5d4037;color:#5d4037;font-weight:500}.comprehensive-exam-generator .generator-body .domains-section .add-domain-btn:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.comprehensive-exam-generator .generator-body .domains-section .add-domain-btn:active{transform:translateY(0)}.comprehensive-exam-generator .generator-body .domains-section .add-domain-btn:disabled{opacity:.5;cursor:not-allowed}.comprehensive-exam-generator .generator-body .domains-section .add-domain-btn:hover{background:rgba(44,24,16,.1);border-color:#2c1810}.comprehensive-exam-generator .generator-body .error-message{background:rgba(211,47,47,.1);color:#d32f2f;padding:1rem;border-radius:6px;margin:1rem 0;border:1px solid rgba(211,47,47,.2);display:flex;align-items:center;gap:8px}.comprehensive-exam-generator .generator-body .error-message svg{flex-shrink:0}.comprehensive-exam-generator .generator-body .generation-progress{background:white;border-radius:8px;box-shadow:0 1px 3px #2c18101f;transition:all .3s cubic-bezier(.4,0,.2,1);padding:2rem;margin:2rem 0;box-shadow:0 10px 20px #2c181030}.comprehensive-exam-generator .generator-body .generation-progress:hover{box-shadow:0 4px 6px #2c181029;transform:translateY(-2px)}.comprehensive-exam-generator .generator-body .generation-progress h3{margin:0 0 1.5rem;color:#2c1810;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.comprehensive-exam-generator .generator-body .generation-progress .progress-overview{display:flex;justify-content:space-around;margin-bottom:1.5rem}.comprehensive-exam-generator .generator-body .generation-progress .progress-overview .progress-stat{text-align:center}.comprehensive-exam-generator .generator-body .generation-progress .progress-overview .progress-stat .label{display:block;font-size:.875rem;color:#8d6e63;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.comprehensive-exam-generator .generator-body .generation-progress .progress-overview .progress-stat .value{font-size:1.5rem;font-weight:700;color:#5d4037}.comprehensive-exam-generator .generator-body .generation-progress .progress-bar{height:32px;background:#d7ccc8;border-radius:16px;overflow:hidden;margin-bottom:1rem}.comprehensive-exam-generator .generator-body .generation-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);transition:width .5s ease}.comprehensive-exam-generator .generator-body .generation-progress .progress-message{text-align:center;color:#2c1810;font-size:1.1rem;margin-bottom:.5rem}.comprehensive-exam-generator .generator-body .generation-progress .current-domain{text-align:center;color:#5d4037;font-style:italic}.comprehensive-exam-generator .generator-body .success-section{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff;padding:2.5rem;border-radius:12px;margin:2rem 0;text-align:center;box-shadow:0 20px 40px #2c181040}.comprehensive-exam-generator .generator-body .success-section h3{margin:0 0 .5rem;font-size:2rem;display:flex;align-items:center;justify-content:center;gap:12px}.comprehensive-exam-generator .generator-body .success-section h3 svg{color:#fff}.comprehensive-exam-generator .generator-body .success-section p{margin-bottom:1.5rem;font-size:1.1rem}.comprehensive-exam-generator .generator-body .success-section .exam-summary{display:flex;justify-content:center;gap:3rem;margin:1.5rem 0}.comprehensive-exam-generator .generator-body .success-section .exam-summary .summary-item span{display:block;font-size:.875rem;opacity:.9;margin-bottom:.25rem}.comprehensive-exam-generator .generator-body .success-section .exam-summary .summary-item strong{font-size:2rem}.comprehensive-exam-generator .generator-body .success-section .action-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.comprehensive-exam-generator .generator-body .success-section .action-buttons .primary-btn,.comprehensive-exam-generator .generator-body .success-section .action-buttons .secondary-btn{background:#5d4037;color:#fff;border:none;border-radius:6px;padding:10px 20px;transition:all .2s ease;cursor:pointer;padding:1rem 2rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:1.1rem}.comprehensive-exam-generator .generator-body .success-section .action-buttons .primary-btn:hover:not(:disabled),.comprehensive-exam-generator .generator-body .success-section .action-buttons .secondary-btn:hover:not(:disabled){background:rgb(67.3621621622,46.3567567568,39.8378378378);box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.comprehensive-exam-generator .generator-body .success-section .action-buttons .primary-btn:active,.comprehensive-exam-generator .generator-body .success-section .action-buttons .secondary-btn:active{transform:translateY(0)}.comprehensive-exam-generator .generator-body .success-section .action-buttons .primary-btn:disabled,.comprehensive-exam-generator .generator-body .success-section .action-buttons .secondary-btn:disabled{opacity:.5;cursor:not-allowed}.comprehensive-exam-generator .generator-body .success-section .action-buttons .primary-btn{background:white;color:#5d4037}.comprehensive-exam-generator .generator-body .success-section .action-buttons .primary-btn:hover{background:#d7ccc8}.comprehensive-exam-generator .generator-body .success-section .action-buttons .secondary-btn{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.comprehensive-exam-generator .generator-body .success-section .action-buttons .secondary-btn:hover{background:rgba(255,255,255,.3)}.comprehensive-exam-generator .generator-body .generate-btn{background:linear-gradient(135deg,#5d4037 0%,#6d4c41 100%);color:#fff;border:none;border-radius:6px;padding:10px 20px;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin:2rem auto 0;padding:1rem 3rem;font-size:1.2rem;font-weight:500}.comprehensive-exam-generator .generator-body .generate-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 6px #2c181029;transform:translateY(-1px)}.comprehensive-exam-generator .generator-body .generate-btn:active{transform:translateY(0)}.comprehensive-exam-generator .generator-body .generate-btn:disabled{opacity:.5;cursor:not-allowed}.comprehensive-exam-generator .generator-body .generate-btn svg{transition:transform .2s ease}.comprehensive-exam-generator .generator-body .generate-btn:hover:not(:disabled) svg{transform:scale(1.1)}.exam-generator-hub{max-width:1400px;margin:0 auto;padding:2rem}.exam-generator-hub .hub-header{text-align:center;margin-bottom:3rem}.exam-generator-hub .hub-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#1a1a1a}.exam-generator-hub .hub-header p{font-size:1.2rem;color:#666}.exam-generator-hub .exam-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.exam-generator-hub .exam-type-grid .exam-type-card{background:white;border-radius:12px;border:2px solid #e0e0e0;overflow:hidden;cursor:pointer;transition:all .3s ease}.exam-generator-hub .exam-type-grid .exam-type-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.exam-generator-hub .exam-type-grid .exam-type-card .card-header{padding:1.5rem;color:#fff;text-align:center}.exam-generator-hub .exam-type-grid .exam-type-card .card-header .icon{font-size:3rem;display:block;margin-bottom:.5rem}.exam-generator-hub .exam-type-grid .exam-type-card .card-header h2{margin:0 0 .5rem;font-size:1.5rem}.exam-generator-hub .exam-type-grid .exam-type-card .card-header .subtitle{font-size:1rem;opacity:.9}.exam-generator-hub .exam-type-grid .exam-type-card .card-body{padding:1.5rem}.exam-generator-hub .exam-type-grid .exam-type-card .card-body .description{font-size:1rem;color:#666;margin-bottom:1.5rem}.exam-generator-hub .exam-type-grid .exam-type-card .card-body .features{margin-bottom:1.5rem}.exam-generator-hub .exam-type-grid .exam-type-card .card-body .features h4{font-size:.9rem;text-transform:uppercase;color:#999;margin-bottom:.5rem}.exam-generator-hub .exam-type-grid .exam-type-card .card-body .features ul{list-style:none;padding:0}.exam-generator-hub .exam-type-grid .exam-type-card .card-body .features ul li{padding:.25rem 0 .25rem 1.5rem;position:relative}.exam-generator-hub .exam-type-grid .exam-type-card .card-body .features ul li:before{content:"✓";position:absolute;left:0;color:#4caf50}.exam-generator-hub .exam-type-grid .exam-type-card .card-body .input-example{background:#f8f9fa;padding:1rem;border-radius:8px}.exam-generator-hub .exam-type-grid .exam-type-card .card-body .input-example h4{font-size:.9rem;text-transform:uppercase;color:#999;margin-bottom:.5rem}.exam-generator-hub .exam-type-grid .exam-type-card .card-body .input-example p{font-size:.9rem;color:#666;margin:0;font-style:italic}.exam-generator-hub .exam-type-grid .exam-type-card .select-btn{width:100%;padding:1rem;border:none;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:opacity .2s}.exam-generator-hub .exam-type-grid .exam-type-card .select-btn:hover{opacity:.9}.exam-generator-hub .comparison-table{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.exam-generator-hub .comparison-table h3{margin-bottom:1.5rem;font-size:1.5rem;color:#333}.exam-generator-hub .comparison-table table{width:100%;border-collapse:collapse}.exam-generator-hub .comparison-table table thead{background:#f8f9fa}.exam-generator-hub .comparison-table table thead th{padding:1rem;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #dee2e6}.exam-generator-hub .comparison-table table tbody tr{border-bottom:1px solid #dee2e6}.exam-generator-hub .comparison-table table tbody tr:last-child{border-bottom:none}.exam-generator-hub .comparison-table table tbody tr td{padding:1rem;color:#666}.exam-generator-hub .comparison-table table tbody tr td:first-child{font-weight:500;color:#333}.page-container,.exams-page{display:flex;flex-direction:column;height:100%;overflow:hidden;box-sizing:border-box;align-items:center;width:100%}@media (max-width: 480px){.page-container,.exams-page{overflow-x:hidden;overflow-y:auto}}.form-group,.create-exam-form .form-group,.create-exam-form .time-group,.time-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label,.create-exam-form .form-group label,.create-exam-form .time-group label,.time-group label{font-weight:500;margin-bottom:.5rem}.form-group input[type=text],.time-group input[type=text],.form-group input[type=number],.time-group input[type=number],.form-group textarea,.create-exam-form .form-group textarea,.create-exam-form .time-group textarea,.time-group textarea,.form-group input[type=file],.time-group input[type=file]{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:12px;font-size:1rem;box-sizing:border-box}.exams-page{color:var(--color-text);width:100%;max-width:100vw;height:calc(100vh - 70px);overflow-y:auto}@media (max-width: 480px){.exams-page{padding:0}}.exams-page .sorting-indicator{position:absolute;top:70px;right:20px;background-color:var(--color-primary-light);color:var(--color-primary);padding:4px 10px;border-radius:12px;font-size:.8rem;opacity:.9;z-index:10}.exams-page .import-indicator{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.exams-page .import-indicator .import-loading{background-color:var(--color-white);padding:1.5rem 2rem;border-radius:8px;box-shadow:2px 2px 12px var(--color-shadow-medium);display:flex;align-items:center;gap:1rem;font-size:1.1rem;font-weight:500;color:var(--color-text)}.exams-page .import-indicator .import-loading .spinner{width:24px;height:24px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.exams-page .delete-modal-content{position:relative}.exams-page .delete-modal-content .delete-modal-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:12px}.exams-page .delete-modal-content .delete-modal-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.exams-page .delete-modal-content .delete-modal-loading p{margin:0;font-weight:500;color:var(--color-text)}.exams-page .delete-modal-content .delete-modal-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-danger);border-radius:50%;animation:delete-spin 1s linear infinite}@keyframes delete-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.exams-page .delete-modal-content .modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.exams-page .delete-modal-content .modal-buttons .danger-button{background-color:var(--color-danger);border-color:var(--color-danger)}.exams-page .delete-modal-content .modal-buttons .danger-button:hover:not(:disabled){background-color:var(--color-danger-dark, #dc2626);border-color:var(--color-danger-dark, #dc2626)}.exams-page .delete-modal-content .modal-buttons .danger-button:disabled{opacity:.6;cursor:not-allowed}.create-exam-form{width:100%}.create-exam-form .form-group,.create-exam-form .time-group{margin:1rem 0}.create-exam-form .form-group label,.create-exam-form .time-group label{margin-bottom:.25rem}.create-exam-form .form-group input,.create-exam-form .time-group input,.create-exam-form .form-group select,.create-exam-form .time-group select,.create-exam-form .form-group textarea,.create-exam-form .time-group textarea{font-size:1rem}.create-exam-form .modal-buttons{display:flex;justify-content:center;margin-top:1.5rem}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;position:relative;cursor:default;transition:all .2s ease;border:1px solid transparent;vertical-align:middle}p .tag-chip,.rich-text-content .tag-chip,.html-content .tag-chip{display:inline-flex;vertical-align:middle}.tag-chip.specificity-1{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}.tag-chip.specificity-2{background-color:#fed7aa;color:#92400e;border-color:#fdba74}.tag-chip.specificity-3{background-color:#fef3c7;color:#78350f;border-color:#fde68a}.tag-chip.specificity-4{background-color:#d1fae5;color:#064e3b;border-color:#a7f3d0}.tag-chip.specificity-5{background-color:#dbeafe;color:#1e3a8a;border-color:#bfdbfe}.tag-chip.primary{font-weight:600;box-shadow:0 0 0 2px #3b82f64d}.category-icon{font-size:1rem}.tag-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-count{background-color:#0000001a;padding:.125rem .375rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.remove-button{margin-left:.25rem;background:none;border:none;font-size:1.25rem;line-height:1;cursor:pointer;color:inherit;opacity:.6;transition:opacity .2s ease;padding:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.remove-button:hover{opacity:1}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-.5rem);background-color:#1f2937;color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;white-space:normal;max-width:300px;z-index:10000;box-shadow:0 4px 6px -1px #0000001a;pointer-events:auto;opacity:1!important}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1f2937}.specificity-warning{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2);font-size:.75rem;color:#fbbf24}.tag-chip:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media (prefers-color-scheme: dark){.tag-chip.specificity-1{background-color:#7f1d1d;color:#fecaca;border-color:#991b1b}.tag-chip.specificity-2{background-color:#78350f;color:#fed7aa;border-color:#92400e}.tag-chip.specificity-3{background-color:#713f12;color:#fef3c7;border-color:#78350f}.tag-chip.specificity-4{background-color:#064e3b;color:#d1fae5;border-color:#047857}.tag-chip.specificity-5{background-color:#1e3a8a;color:#dbeafe;border-color:#2563eb}.usage-count{background-color:#ffffff1a}}.question-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;align-items:center}.question-tags .remaining-count{font-size:.875rem;color:var(--text-secondary);font-style:italic}.rich-text-editor{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);overflow:hidden}.rich-text-editor__toolbar{display:flex;align-items:center;gap:4px;padding:8px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap}.rich-text-editor__group{display:flex;align-items:center;gap:4px}.rich-text-editor__separator{width:1px;height:24px;background:var(--border-color);margin:0 4px}.rich-text-editor__button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.rich-text-editor__button:hover:not(:disabled){background:var(--bg-tertiary)}.rich-text-editor__button:disabled{opacity:.4;cursor:not-allowed}.rich-text-editor__button--active{background:var(--primary-color);color:#fff}.rich-text-editor__button--active:hover{background:var(--primary-hover)}.rich-text-editor__button svg{width:16px;height:16px}.rich-text-editor__select{height:32px;padding:0 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer}.rich-text-editor__select:disabled{opacity:.4;cursor:not-allowed}.rich-text-editor__content{min-height:200px;padding:16px;outline:none}.rich-text-editor__content p{margin-bottom:1em;line-height:1.6}.rich-text-editor__content h1,.rich-text-editor__content h2,.rich-text-editor__content h3,.rich-text-editor__content h4,.rich-text-editor__content h5,.rich-text-editor__content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.3}.rich-text-editor__content h1{font-size:2em}.rich-text-editor__content h2{font-size:1.5em}.rich-text-editor__content h3{font-size:1.25em}.rich-text-editor__content h4{font-size:1.1em}.rich-text-editor__content h5{font-size:1em}.rich-text-editor__content h6{font-size:.9em}.rich-text-editor__content ul,.rich-text-editor__content ol{padding-left:1.5em;margin-bottom:1em}.rich-text-editor__content li{margin-bottom:.25em;line-height:1.6}.rich-text-editor__content code{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;padding:.1em .3em;font-family:Monaco,Consolas,monospace;font-size:.9em}.rich-text-editor__content pre{background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:16px;margin-bottom:1em;overflow-x:auto}.rich-text-editor__content pre code{background:none;border:none;padding:0;font-size:.9em;line-height:1.5;color:#d4d4d4}.rich-text-editor__content.ProseMirror-focused .is-empty:before{content:attr(data-placeholder);float:left;color:var(--text-secondary);pointer-events:none;height:0}.rich-text-editor__content:focus{outline:none}.hljs{display:block;overflow-x:auto;padding:0;color:#d4d4d4;background:#1e1e1e}.hljs-comment,.hljs-quote{color:#6a9955;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#569cd6;font-weight:400}.hljs-number,.hljs-literal{color:#b5cea8}.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:#9cdcfe}.hljs-string,.hljs-doctag{color:#ce9178}.hljs-title,.hljs-section,.hljs-selector-id{color:#dcdcaa;font-weight:400}.hljs-class .hljs-title,.hljs-type{color:#4ec9b0;font-weight:400}.hljs-function .hljs-title{color:#dcdcaa}.hljs-tag,.hljs-name,.hljs-attribute{color:#569cd6;font-weight:400}.hljs-regexp,.hljs-link{color:#d16969}.hljs-symbol,.hljs-bullet{color:#c586c0}.hljs-built_in,.hljs-builtin-name{color:#4ec9b0}.hljs-meta{color:#9cdcfe;font-weight:400}.hljs-deletion{background:#4b1818;color:#d4d4d4}.hljs-addition{background:#1c4b1c;color:#d4d4d4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.rich-text-editor__content code:not(.hljs){background:var(--bg-tertiary);color:var(--text-primary)}.rich-text-editor__content pre code.hljs{background:transparent}.rich-text-editor__language-select{height:32px;padding:0 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer;margin-left:8px}.rich-text-editor__language-select:hover{background:var(--bg-secondary)}.rich-text-editor__language-select:focus{outline:none;border-color:var(--primary-color)}.hljs-attr,.hljs-attribute,.hljs-literal{color:#9cdcfe}.hljs-string{color:#ce9178}.hljs.language-json .hljs-attr:has-text("Effect"),.hljs.language-json .hljs-attr:has-text("Action"),.hljs.language-json .hljs-attr:has-text("Resource"),.hljs.language-json .hljs-attr:has-text("Principal"),.hljs.language-json .hljs-attr:has-text("Version"){color:#c586c0;font-weight:500}.hljs.language-yaml .hljs-attr{color:#569cd6}.hljs.language-yaml .hljs-string:not(:has-text(":")){color:#ce9178}.hljs.language-yaml .hljs-number{color:#b5cea8}.hljs.language-yaml .hljs-literal{color:#569cd6}pre[data-language]{position:relative}pre[data-language]:before{content:attr(data-language);position:absolute;top:8px;right:8px;padding:2px 8px;background:rgba(255,255,255,.1);border-radius:4px;font-size:12px;color:#999;text-transform:uppercase;font-family:var(--font-mono)}.rich-text-editor.minimal{border:none}.rich-text-editor.minimal .rich-text-editor__content{min-height:auto;padding:0}.rich-text-editor.read-only .rich-text-editor__content{cursor:default;padding:0;min-height:auto}.rich-text-editor.read-only .rich-text-editor__content pre{display:block!important;visibility:visible!important;opacity:1!important}.tag-select{position:relative;width:100%;isolation:isolate}.selected-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;min-height:2.75rem;background-color:#fff;cursor:text}.selected-tags:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tag-input{flex:1;min-width:150px;border:none;outline:none;font-size:.875rem;background:transparent;padding:.25rem 0}.tag-input:disabled{cursor:not-allowed;opacity:.5}.tag-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:white!important;background-color:#fff!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:300px;overflow-y:auto;z-index:10000;isolation:isolate}.tag-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:white;border-radius:.5rem;z-index:-1}.loading{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}.tag-select-error{color:#ef4444;font-size:.875rem;padding:.5rem}.tag-option{padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s ease;background-color:#fff!important;opacity:1!important;position:relative}.tag-option:hover{background-color:#f3f4f6}.tag-option.low-specificity{background-color:#fef3c7}.tag-option.low-specificity:hover{background-color:#fde68a}.tag-option-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.tag-name{font-weight:500;color:#111827}.tag-description{font-size:.75rem;color:#6b7280}.specificity-warning{font-size:.75rem;color:#d97706;font-weight:500}.create-option{background-color:#eff6ff;color:#2563eb;font-weight:500}.create-option:hover{background-color:#dbeafe}.set-primary-btn{background:none;border:1px solid #e5e7eb;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;cursor:pointer;color:#6b7280;transition:all .15s ease}.set-primary-btn:hover{background-color:#fbbf24;color:#fff;border-color:#fbbf24}.tag-category{border-bottom:1px solid #e5e7eb;background-color:#fff!important;opacity:1!important}.tag-category:last-child{border-bottom:none}.category-header{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;background-color:#f9fafb!important}.no-results{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}.question-details-modal{width:800px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.question-details-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.question-details-modal .modal-header h2{margin:0}.question-details-modal .modal-header .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted)}.question-details-modal .modal-header .close-button:hover{color:var(--color-text)}.question-details-modal .modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:1rem}.question-details-content{flex:1;overflow-y:auto;padding:1.5rem;min-height:0}.question-editor-section{margin-bottom:2rem}.question-editor-section h3,.question-editor-section .editor-toggle{margin-bottom:1rem}.question-editor-section .editor-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.question-editor-section .question-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;font-size:1rem;resize:vertical}.question-editor-section .hint-section h4{margin-bottom:.5rem;font-size:.9rem}.question-editor-section .hint-section .hint-input{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:4px}.question-editor-section .tags-section{position:relative;z-index:100}.seamless-input{border:none;background-color:transparent;outline:none;font-size:1rem;width:100%;margin-right:8px;position:relative;z-index:1}.choice-item{margin-bottom:1rem;padding:.5rem;background-color:var(--color-bg-light);border-radius:4px}.choice-item:hover{background-color:var(--color-bg-alt)}.choice-toggle{margin-bottom:.5rem}.choice-toggle label{font-size:.875rem;color:var(--color-text-muted)}.choice-row{display:flex;align-items:flex-start;gap:8px}.choice-row .seamless-input{flex:1}.choice-row input[type=checkbox]{margin-top:.5rem;flex-shrink:0;cursor:pointer;width:18px;height:18px;z-index:1;position:relative}.choice-row .trash-icon{margin-top:.5rem;flex-shrink:0}.explanation-row{margin-top:.75rem;padding:.75rem;background-color:var(--color-bg-lighter);border-radius:4px}.explanation-row .explanation-label{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.5rem;font-weight:500}.explanation-row .explanation-input{font-size:.9rem;color:var(--color-text-muted);font-style:italic;padding:.25rem 0;border-bottom:1px dashed var(--color-border-light)}.explanation-row .explanation-input:focus{border-bottom:1px solid var(--color-primary);color:var(--color-text)}.explanation-row .explanation-input::placeholder{color:var(--color-text-muted);opacity:.7}.trash-icon{cursor:pointer;color:#b00}.multiline-title{width:100%;resize:vertical;min-height:60px}.choices-section{margin:1rem}.choices-section .multi-correct-hint{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1rem;padding:.5rem;background-color:rgba(var(--color-primary-rgb),.05);border-radius:4px}.page-container,.questions-page{display:flex;flex-direction:column;height:100%;overflow:hidden;box-sizing:border-box;align-items:center;width:100%}@media (max-width: 480px){.page-container,.questions-page{overflow-x:hidden;overflow-y:auto}}.card,.question-card{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}.card:hover,.question-card:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){.card,.question-card{padding:.75rem}}.questions-page{color:var(--color-text)}.questions-page h1{text-align:center}.questions-container{width:100%;box-sizing:border-box;padding:1rem;height:100%;margin-bottom:60px;max-width:1200px;column-count:1;column-gap:1.5rem}.questions-container>*{display:inline-block;width:100%;margin-bottom:1.5rem;break-inside:avoid}@media (max-width: 1200px){.questions-container{column-count:1}}@media (max-width: 768px){.questions-container{column-count:1}}@media (max-width: 480px){.questions-container{column-count:1}}@media (max-width: 768px){.questions-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.question-card{display:flex;flex-direction:column;padding:1rem;box-sizing:border-box;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.question-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.question-card .question-title{margin:0 0 .75rem;font-size:1.2rem;font-weight:500}.question-card .question-rich-content{margin-bottom:.75rem}.question-card .question-rich-content h1,.question-card .question-rich-content h2,.question-card .question-rich-content h3,.question-card .question-rich-content h4,.question-card .question-rich-content h5,.question-card .question-rich-content h6{margin:0 0 .5rem;font-size:1.1rem}.question-card .question-rich-content p{margin:0 0 .5rem}.question-card .question-rich-content pre{background-color:var(--color-bg-code, #f5f5f5);padding:.5rem;border-radius:4px;overflow-x:auto;margin:.5rem 0}.question-card .question-rich-content pre code{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem}.question-card .question-rich-content code{background-color:var(--color-bg-code-inline, #f0f0f0);padding:.1rem .3rem;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem}.question-card .question-rich-content ul,.question-card .question-rich-content ol{margin:0 0 .5rem 1.5rem}.question-card .question-rich-content blockquote{border-left:3px solid var(--color-primary);padding-left:1rem;margin:.5rem 0;color:var(--color-text-muted)}.question-card .question-hint{margin:.25rem 0;font-size:.9rem;color:var(--color-text-muted);font-style:italic}.question-card .question-tags{margin-top:auto;padding-top:.75rem}.question-card .question-card-actions{margin-top:auto;display:flex;gap:1rem}.question-card .question-card-actions button{display:inline-flex;align-items:center;gap:.4rem;padding:.4em .8em;font-size:.9rem;cursor:pointer;border:none;border-radius:4px;transition:background-color .2s ease}.question-card .question-card-actions button:nth-of-type(1){background-color:var(--color-primary);color:var(--color-white)}.question-card .question-card-actions button:nth-of-type(1):hover{background-color:var(--color-primary-hover)}.question-card .question-card-actions button:nth-of-type(2){background-color:var(--color-danger);color:red}.question-card .question-card-actions button:nth-of-type(2):hover{background-color:var(--color-danger-hover)}.create-question-form{width:100%}.create-question-form .form-group,.create-question-form .time-group{margin:1rem 0;display:flex;flex-direction:column}.create-question-form .form-group label,.create-question-form .time-group label{margin-bottom:.4rem}.create-question-form .form-group input,.create-question-form .time-group input{padding:.4rem;font-size:1rem}.create-question-form .choice-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.create-question-form .choice-row input[type=text]{flex:1}.create-question-form .choice-row button{background-color:var(--color-danger);color:red;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.create-question-form .choice-row button:hover{background-color:var(--color-danger-hover)}._flex-center_fz9g3_2{display:flex;justify-content:center;align-items:center}._page-container_fz9g3_9{display:flex;flex-direction:column;height:100%;overflow:hidden;box-sizing:border-box;align-items:center;width:100%}@media (max-width: 480px){._page-container_fz9g3_9{overflow-x:hidden;overflow-y:auto}}._content-area_fz9g3_25{flex:1;overflow:auto;box-sizing:border-box;margin:2em}@media (max-width: 480px){._content-area_fz9g3_25{margin:1em}}._btn_fz9g3_39,._header_fz9g3_39 nav ._login-button_fz9g3_39{display:inline-block;padding:.75rem 1rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}._btn_fz9g3_39:disabled,._header_fz9g3_39 nav ._login-button_fz9g3_39:disabled{background-color:var(--color-disabled);cursor:not-allowed}._btn--dark_fz9g3_53{background-color:var(--color-primary);color:var(--color-white)}._btn--dark_fz9g3_53:hover{background-color:var(--color-primary-hover)}._btn--dark_fz9g3_53:active{background-color:var(--color-primary-active)}._primary-button_fz9g3_64{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:9999px;width:max-content;cursor:pointer;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a;transition:background-position .4s ease,transform .2s ease,box-shadow .2s ease}._primary-button_fz9g3_64:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}._primary-button_fz9g3_64:active{transform:scale(.98)}._primary-button_fz9g3_64:disabled{opacity:.6;cursor:not-allowed}._secondary-button_fz9g3_106{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#8f4c2c;background:transparent;border:2px solid #8f4c2c;border-radius:9999px;width:max-content;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}._secondary-button_fz9g3_106:hover{background-color:#f5e8db;box-shadow:0 2px 6px #00000014;transform:scale(1.03)}._secondary-button_fz9g3_106:active{transform:scale(.98);background-color:#8f4c2c;color:#fff;border-color:#8f4c2c}._secondary-button_fz9g3_106:disabled{opacity:.6;cursor:not-allowed}._spacer_fz9g3_142{width:5px}._card_fz9g3_147{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}._card_fz9g3_147:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){._card_fz9g3_147{padding:.75rem}}._modal_fz9g3_167{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center}._modal-content_fz9g3_178{background-color:var(--color-card-bg);padding:1rem;border:1px solid var(--color-border-hover);border-radius:8px;box-shadow:2px 2px 12px var(--color-shadow-medium);color:var(--color-text);max-width:800px;max-height:90vh;width:90%;display:flex;flex-direction:column;overflow-y:auto}._close-button_fz9g3_193{background:none;border:none;width:100%;text-align:end;cursor:pointer}._form-group_fz9g3_202,._time-group_fz9g3_202{display:flex;flex-direction:column;margin-bottom:1rem}._form-group_fz9g3_202 label,._time-group_fz9g3_202 label{font-weight:500;margin-bottom:.5rem}._form-group_fz9g3_202 input[type=text],._time-group_fz9g3_202 input[type=text],._form-group_fz9g3_202 input[type=number],._time-group_fz9g3_202 input[type=number],._form-group_fz9g3_202 textarea,._time-group_fz9g3_202 textarea,._form-group_fz9g3_202 input[type=file],._time-group_fz9g3_202 input[type=file]{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:12px;font-size:1rem;box-sizing:border-box}._time-group_fz9g3_202{flex-direction:row;width:50%;margin:1rem}._time-group_fz9g3_202 label{margin-bottom:0}._time-group_fz9g3_202 input[type=text],._time-group_fz9g3_202 input[type=number],._time-group_fz9g3_202 textarea,._time-group_fz9g3_202 input[type=file]{width:75px;padding:0 1rem;margin:0 1rem}._reusable-grid_fz9g3_243{width:100%;box-sizing:border-box;padding:1rem;height:100%;margin-bottom:60px;max-width:1200px;display:grid;align-items:start;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:auto;gap:1.5rem}@media (max-width: 480px){._reusable-grid_fz9g3_243{grid-template-columns:1fr!important;padding:.5rem}}@media (max-width: 768px){._reusable-grid_fz9g3_243{padding:.5rem}}._skeleton_fz9g3_270{background-color:var(--color-bg-alt);border-radius:8px;margin:.75rem 0;padding:1rem;position:relative;overflow:hidden}._skeleton-line_fz9g3_279{background-color:var(--color-border-hover);height:12px;margin:.75rem 0;border-radius:4px;animation:_pulse_fz9g3_1 1.5s ease-in-out infinite}@keyframes _pulse_fz9g3_1{0%{opacity:.8}50%{opacity:.4}to{opacity:.8}}._skeleton-btn_fz9g3_298{background-color:var(--color-border-hover)!important;color:transparent!important;border:none!important;cursor:default!important;pointer-events:none!important}._header_fz9g3_39{display:flex;justify-content:space-between;padding:0 1rem;align-items:center;background-color:var(--color-bg-alt);width:100vw;position:sticky;top:0;z-index:999}._header_fz9g3_39 ._logo-text_fz9g3_380{font-size:34px;font-weight:900;letter-spacing:-5px}._header_fz9g3_39 ._logo-text_fz9g3_380 a{text-decoration:none;color:var(--color-black)}._header_fz9g3_39 ._logo-text_fz9g3_380 img{padding:10px 0;display:block}@media (max-width: 768px){._header_fz9g3_39{justify-content:flex-end;height:4em}._header_fz9g3_39 ._logo-text_fz9g3_380{display:none}}._header_fz9g3_39 nav{display:flex;align-items:center}._header_fz9g3_39 nav ._nav-links_fz9g3_406{display:flex;align-items:center;gap:1rem;margin-right:1rem}._header_fz9g3_39 nav ._nav-icon_fz9g3_412{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--color-text);text-decoration:none;transition:background-color .3s ease}._header_fz9g3_39 nav ._nav-icon_fz9g3_412:hover{background-color:#1a1a1a1a}._header_fz9g3_39 nav ._nav-icon_fz9g3_412._active_fz9g3_427{background-color:#1a1a1a33}._header_fz9g3_39 nav ._avatar-icon_fz9g3_430{background:none;border:none;cursor:pointer;padding:0}._header_fz9g3_39 nav ._login-button_fz9g3_39{margin-right:.75rem;width:100px;border:1px solid var(--color-text);background-color:var(--color-bg);color:var(--color-text)}._header_fz9g3_39 nav ._login-button_fz9g3_39:hover{background-color:var(--color-primary);color:var(--color-bg)}._delete-modal-content_fz9g3_449{display:flex;flex-direction:column;justify-content:center;margin:1rem 0;width:100%;align-items:center}._noteEditor_fz9g3_458{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;margin:16px 0}._header_fz9g3_39{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}._header_fz9g3_39 h4{margin:0;font-size:1.1rem;color:var(--color-text-primary, #333)}._deleteButton_fz9g3_479{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px;transition:opacity .2s}._deleteButton_fz9g3_479:hover{opacity:.7}._textarea_fz9g3_491{width:100%;min-height:100px;padding:12px;border:1px solid var(--color-border, #e0e0e0);border-radius:4px;font-family:inherit;font-size:.95rem;resize:vertical;transition:border-color .2s}._textarea_fz9g3_491:focus{outline:none;border-color:var(--color-primary, #4A90E2)}._footer_fz9g3_507{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:16px}._pinLabel_fz9g3_515{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--color-text-secondary, #666)}._pinLabel_fz9g3_515 input[type=checkbox]{cursor:pointer}._actions_fz9g3_527{display:flex;gap:8px}._cancelButton_fz9g3_532,._saveButton_fz9g3_533{padding:8px 16px;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}._cancelButton_fz9g3_532{background:var(--color-background, #f5f5f5);color:var(--color-text-secondary, #666)}._cancelButton_fz9g3_532:hover{background:var(--color-border, #e0e0e0)}._saveButton_fz9g3_533{background:var(--color-primary, #4A90E2);color:#fff}._saveButton_fz9g3_533:hover:not(:disabled){background:var(--color-primary-dark, #357ABD)}._saveButton_fz9g3_533:disabled{opacity:.5;cursor:not-allowed}._hint_fz9g3_562{margin-top:8px;text-align:right;color:var(--color-text-muted, #999);font-size:.8rem}._flex-center_cvcy2_2{display:flex;justify-content:center;align-items:center}._page-container_cvcy2_9{display:flex;flex-direction:column;height:100%;overflow:hidden;box-sizing:border-box;align-items:center;width:100%}@media (max-width: 480px){._page-container_cvcy2_9{overflow-x:hidden;overflow-y:auto}}._content-area_cvcy2_25{flex:1;overflow:auto;box-sizing:border-box;margin:2em}@media (max-width: 480px){._content-area_cvcy2_25{margin:1em}}._btn_cvcy2_39,._header_cvcy2_39 nav ._login-button_cvcy2_39{display:inline-block;padding:.75rem 1rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}._btn_cvcy2_39:disabled,._header_cvcy2_39 nav ._login-button_cvcy2_39:disabled{background-color:var(--color-disabled);cursor:not-allowed}._btn--dark_cvcy2_53{background-color:var(--color-primary);color:var(--color-white)}._btn--dark_cvcy2_53:hover{background-color:var(--color-primary-hover)}._btn--dark_cvcy2_53:active{background-color:var(--color-primary-active)}._primary-button_cvcy2_64{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:9999px;width:max-content;cursor:pointer;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a;transition:background-position .4s ease,transform .2s ease,box-shadow .2s ease}._primary-button_cvcy2_64:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}._primary-button_cvcy2_64:active{transform:scale(.98)}._primary-button_cvcy2_64:disabled{opacity:.6;cursor:not-allowed}._secondary-button_cvcy2_106{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#8f4c2c;background:transparent;border:2px solid #8f4c2c;border-radius:9999px;width:max-content;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}._secondary-button_cvcy2_106:hover{background-color:#f5e8db;box-shadow:0 2px 6px #00000014;transform:scale(1.03)}._secondary-button_cvcy2_106:active{transform:scale(.98);background-color:#8f4c2c;color:#fff;border-color:#8f4c2c}._secondary-button_cvcy2_106:disabled{opacity:.6;cursor:not-allowed}._spacer_cvcy2_142{width:5px}._card_cvcy2_147{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}._card_cvcy2_147:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){._card_cvcy2_147{padding:.75rem}}._modal_cvcy2_167{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center}._modal-content_cvcy2_178{background-color:var(--color-card-bg);padding:1rem;border:1px solid var(--color-border-hover);border-radius:8px;box-shadow:2px 2px 12px var(--color-shadow-medium);color:var(--color-text);max-width:800px;max-height:90vh;width:90%;display:flex;flex-direction:column;overflow-y:auto}._close-button_cvcy2_193{background:none;border:none;width:100%;text-align:end;cursor:pointer}._form-group_cvcy2_202,._time-group_cvcy2_202{display:flex;flex-direction:column;margin-bottom:1rem}._form-group_cvcy2_202 label,._time-group_cvcy2_202 label{font-weight:500;margin-bottom:.5rem}._form-group_cvcy2_202 input[type=text],._time-group_cvcy2_202 input[type=text],._form-group_cvcy2_202 input[type=number],._time-group_cvcy2_202 input[type=number],._form-group_cvcy2_202 textarea,._time-group_cvcy2_202 textarea,._form-group_cvcy2_202 input[type=file],._time-group_cvcy2_202 input[type=file]{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:12px;font-size:1rem;box-sizing:border-box}._time-group_cvcy2_202{flex-direction:row;width:50%;margin:1rem}._time-group_cvcy2_202 label{margin-bottom:0}._time-group_cvcy2_202 input[type=text],._time-group_cvcy2_202 input[type=number],._time-group_cvcy2_202 textarea,._time-group_cvcy2_202 input[type=file]{width:75px;padding:0 1rem;margin:0 1rem}._reusable-grid_cvcy2_243{width:100%;box-sizing:border-box;padding:1rem;height:100%;margin-bottom:60px;max-width:1200px;display:grid;align-items:start;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:auto;gap:1.5rem}@media (max-width: 480px){._reusable-grid_cvcy2_243{grid-template-columns:1fr!important;padding:.5rem}}@media (max-width: 768px){._reusable-grid_cvcy2_243{padding:.5rem}}._skeleton_cvcy2_270{background-color:var(--color-bg-alt);border-radius:8px;margin:.75rem 0;padding:1rem;position:relative;overflow:hidden}._skeleton-line_cvcy2_279{background-color:var(--color-border-hover);height:12px;margin:.75rem 0;border-radius:4px;animation:_pulse_cvcy2_1 1.5s ease-in-out infinite}@keyframes _pulse_cvcy2_1{0%{opacity:.8}50%{opacity:.4}to{opacity:.8}}._skeleton-btn_cvcy2_298{background-color:var(--color-border-hover)!important;color:transparent!important;border:none!important;cursor:default!important;pointer-events:none!important}._header_cvcy2_39{display:flex;justify-content:space-between;padding:0 1rem;align-items:center;background-color:var(--color-bg-alt);width:100vw;position:sticky;top:0;z-index:999}._header_cvcy2_39 ._logo-text_cvcy2_380{font-size:34px;font-weight:900;letter-spacing:-5px}._header_cvcy2_39 ._logo-text_cvcy2_380 a{text-decoration:none;color:var(--color-black)}._header_cvcy2_39 ._logo-text_cvcy2_380 img{padding:10px 0;display:block}@media (max-width: 768px){._header_cvcy2_39{justify-content:flex-end;height:4em}._header_cvcy2_39 ._logo-text_cvcy2_380{display:none}}._header_cvcy2_39 nav{display:flex;align-items:center}._header_cvcy2_39 nav ._nav-links_cvcy2_406{display:flex;align-items:center;gap:1rem;margin-right:1rem}._header_cvcy2_39 nav ._nav-icon_cvcy2_412{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--color-text);text-decoration:none;transition:background-color .3s ease}._header_cvcy2_39 nav ._nav-icon_cvcy2_412:hover{background-color:#1a1a1a1a}._header_cvcy2_39 nav ._nav-icon_cvcy2_412._active_cvcy2_427{background-color:#1a1a1a33}._header_cvcy2_39 nav ._avatar-icon_cvcy2_430{background:none;border:none;cursor:pointer;padding:0}._header_cvcy2_39 nav ._login-button_cvcy2_39{margin-right:.75rem;width:100px;border:1px solid var(--color-text);background-color:var(--color-bg);color:var(--color-text)}._header_cvcy2_39 nav ._login-button_cvcy2_39:hover{background-color:var(--color-primary);color:var(--color-bg)}._delete-modal-content_cvcy2_449{display:flex;flex-direction:column;justify-content:center;margin:1rem 0;width:100%;align-items:center}._notesList_cvcy2_458{display:flex;flex-direction:column;gap:12px;margin:16px 0}._loading_cvcy2_465,._empty_cvcy2_466{text-align:center;padding:24px;color:var(--color-text-secondary, #666);font-style:italic}._noteItem_cvcy2_473{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:8px;padding:12px;transition:all .2s}._noteItem_cvcy2_473:hover{box-shadow:0 2px 4px #0000001a;border-color:var(--color-primary-light, #a0c4e8)}._noteHeader_cvcy2_485{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._pinButton_cvcy2_492{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px;opacity:.3;transition:opacity .2s}._pinButton_cvcy2_492._pinned_cvcy2_501{opacity:1}._pinButton_cvcy2_492:hover{opacity:.7}._timestamp_cvcy2_508{font-size:.8rem;color:var(--color-text-muted, #999)}._noteContent_cvcy2_513{padding:8px 0;color:var(--color-text-primary, #333);cursor:pointer;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}._noteContent_cvcy2_513:hover{color:var(--color-primary, #4A90E2)}._noteActions_cvcy2_525{display:flex;gap:8px;margin-top:8px}._editButton_cvcy2_531,._deleteButton_cvcy2_532{padding:4px 12px;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}._editButton_cvcy2_531{background:var(--color-primary-light, #e3f2fd);color:var(--color-primary, #4A90E2)}._editButton_cvcy2_531:hover{background:var(--color-primary, #4A90E2);color:#fff}._deleteButton_cvcy2_532{background:var(--color-danger-light, #ffebee);color:var(--color-danger, #f44336)}._deleteButton_cvcy2_532:hover{background:var(--color-danger, #f44336);color:#fff}._flex-center_2p3a6_2{display:flex;justify-content:center;align-items:center}._page-container_2p3a6_9{display:flex;flex-direction:column;height:100%;overflow:hidden;box-sizing:border-box;align-items:center;width:100%}@media (max-width: 480px){._page-container_2p3a6_9{overflow-x:hidden;overflow-y:auto}}._content-area_2p3a6_25{flex:1;overflow:auto;box-sizing:border-box;margin:2em}@media (max-width: 480px){._content-area_2p3a6_25{margin:1em}}._btn_2p3a6_39,._header_2p3a6_39 nav ._login-button_2p3a6_39{display:inline-block;padding:.75rem 1rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}._btn_2p3a6_39:disabled,._header_2p3a6_39 nav ._login-button_2p3a6_39:disabled{background-color:var(--color-disabled);cursor:not-allowed}._btn--dark_2p3a6_53{background-color:var(--color-primary);color:var(--color-white)}._btn--dark_2p3a6_53:hover{background-color:var(--color-primary-hover)}._btn--dark_2p3a6_53:active{background-color:var(--color-primary-active)}._primary-button_2p3a6_64{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:9999px;width:max-content;cursor:pointer;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a;transition:background-position .4s ease,transform .2s ease,box-shadow .2s ease}._primary-button_2p3a6_64:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}._primary-button_2p3a6_64:active{transform:scale(.98)}._primary-button_2p3a6_64:disabled{opacity:.6;cursor:not-allowed}._secondary-button_2p3a6_106{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#8f4c2c;background:transparent;border:2px solid #8f4c2c;border-radius:9999px;width:max-content;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}._secondary-button_2p3a6_106:hover{background-color:#f5e8db;box-shadow:0 2px 6px #00000014;transform:scale(1.03)}._secondary-button_2p3a6_106:active{transform:scale(.98);background-color:#8f4c2c;color:#fff;border-color:#8f4c2c}._secondary-button_2p3a6_106:disabled{opacity:.6;cursor:not-allowed}._spacer_2p3a6_142{width:5px}._card_2p3a6_147{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}._card_2p3a6_147:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){._card_2p3a6_147{padding:.75rem}}._modal_2p3a6_167{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center}._modal-content_2p3a6_178{background-color:var(--color-card-bg);padding:1rem;border:1px solid var(--color-border-hover);border-radius:8px;box-shadow:2px 2px 12px var(--color-shadow-medium);color:var(--color-text);max-width:800px;max-height:90vh;width:90%;display:flex;flex-direction:column;overflow-y:auto}._close-button_2p3a6_193{background:none;border:none;width:100%;text-align:end;cursor:pointer}._form-group_2p3a6_202,._time-group_2p3a6_202{display:flex;flex-direction:column;margin-bottom:1rem}._form-group_2p3a6_202 label,._time-group_2p3a6_202 label{font-weight:500;margin-bottom:.5rem}._form-group_2p3a6_202 input[type=text],._time-group_2p3a6_202 input[type=text],._form-group_2p3a6_202 input[type=number],._time-group_2p3a6_202 input[type=number],._form-group_2p3a6_202 textarea,._time-group_2p3a6_202 textarea,._form-group_2p3a6_202 input[type=file],._time-group_2p3a6_202 input[type=file]{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:12px;font-size:1rem;box-sizing:border-box}._time-group_2p3a6_202{flex-direction:row;width:50%;margin:1rem}._time-group_2p3a6_202 label{margin-bottom:0}._time-group_2p3a6_202 input[type=text],._time-group_2p3a6_202 input[type=number],._time-group_2p3a6_202 textarea,._time-group_2p3a6_202 input[type=file]{width:75px;padding:0 1rem;margin:0 1rem}._reusable-grid_2p3a6_243{width:100%;box-sizing:border-box;padding:1rem;height:100%;margin-bottom:60px;max-width:1200px;display:grid;align-items:start;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:auto;gap:1.5rem}@media (max-width: 480px){._reusable-grid_2p3a6_243{grid-template-columns:1fr!important;padding:.5rem}}@media (max-width: 768px){._reusable-grid_2p3a6_243{padding:.5rem}}._skeleton_2p3a6_270{background-color:var(--color-bg-alt);border-radius:8px;margin:.75rem 0;padding:1rem;position:relative;overflow:hidden}._skeleton-line_2p3a6_279{background-color:var(--color-border-hover);height:12px;margin:.75rem 0;border-radius:4px;animation:_pulse_2p3a6_1 1.5s ease-in-out infinite}@keyframes _pulse_2p3a6_1{0%{opacity:.8}50%{opacity:.4}to{opacity:.8}}._skeleton-btn_2p3a6_298{background-color:var(--color-border-hover)!important;color:transparent!important;border:none!important;cursor:default!important;pointer-events:none!important}._header_2p3a6_39{display:flex;justify-content:space-between;padding:0 1rem;align-items:center;background-color:var(--color-bg-alt);width:100vw;position:sticky;top:0;z-index:999}._header_2p3a6_39 ._logo-text_2p3a6_380{font-size:34px;font-weight:900;letter-spacing:-5px}._header_2p3a6_39 ._logo-text_2p3a6_380 a{text-decoration:none;color:var(--color-black)}._header_2p3a6_39 ._logo-text_2p3a6_380 img{padding:10px 0;display:block}@media (max-width: 768px){._header_2p3a6_39{justify-content:flex-end;height:4em}._header_2p3a6_39 ._logo-text_2p3a6_380{display:none}}._header_2p3a6_39 nav{display:flex;align-items:center}._header_2p3a6_39 nav ._nav-links_2p3a6_406{display:flex;align-items:center;gap:1rem;margin-right:1rem}._header_2p3a6_39 nav ._nav-icon_2p3a6_412{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--color-text);text-decoration:none;transition:background-color .3s ease}._header_2p3a6_39 nav ._nav-icon_2p3a6_412:hover{background-color:#1a1a1a1a}._header_2p3a6_39 nav ._nav-icon_2p3a6_412._active_2p3a6_427{background-color:#1a1a1a33}._header_2p3a6_39 nav ._avatar-icon_2p3a6_430{background:none;border:none;cursor:pointer;padding:0}._header_2p3a6_39 nav ._login-button_2p3a6_39{margin-right:.75rem;width:100px;border:1px solid var(--color-text);background-color:var(--color-bg);color:var(--color-text)}._header_2p3a6_39 nav ._login-button_2p3a6_39:hover{background-color:var(--color-primary);color:var(--color-bg)}._delete-modal-content_2p3a6_449{display:flex;flex-direction:column;justify-content:center;margin:1rem 0;width:100%;align-items:center}._noteButton_2p3a6_915{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all .2s ease;font-size:.9rem}._noteButton_2p3a6_915:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}._noteButton_2p3a6_915 ._indicator_2p3a6_932{color:var(--color-primary);font-weight:700}._noteButton_2p3a6_915 ._pinIndicator_2p3a6_936{font-size:.8rem}._overlay_2p3a6_940{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;animation:_fadeIn_2p3a6_1 .2s ease}._popup_2p3a6_951{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;z-index:1001;box-shadow:0 4px 20px #00000026;animation:_slideIn_2p3a6_1 .3s ease}._header_2p3a6_39{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;width:auto}._header_2p3a6_39 h3{margin:0;color:var(--color-primary)}._header_2p3a6_39 ._closeButton_2p3a6_981{background:transparent;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:4px;transition:all .2s ease}._header_2p3a6_39 ._closeButton_2p3a6_981:hover{background:var(--color-bg-secondary);color:var(--color-text)}._content_2p3a6_25{flex:1;display:flex;flex-direction:column;gap:1rem;min-height:200px}._textarea_2p3a6_1009{flex:1;width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:1rem;line-height:1.5;resize:vertical;min-height:150px}._textarea_2p3a6_1009:focus{outline:none;border-color:var(--color-primary)}._textarea_2p3a6_1009:disabled{opacity:.6;cursor:not-allowed}._richEditor_2p3a6_1032{flex:1;width:100%;overflow-y:auto}._richEditor_2p3a6_1032 .rich-text-editor{height:100%;display:flex;flex-direction:column;border:none}._richEditor_2p3a6_1032 .rich-text-editor .rich-text-editor__content{flex:1;overflow-y:auto;max-height:400px;padding:1rem}._actions_2p3a6_1050{display:flex;align-items:center;gap:1rem}._actions_2p3a6_1050 ._pinButton_2p3a6_1055{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all .2s ease;font-size:.9rem}._actions_2p3a6_1050 ._pinButton_2p3a6_1055:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary)}._actions_2p3a6_1050 ._pinButton_2p3a6_1055._pinned_2p3a6_1072{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}._actions_2p3a6_1050 ._pinButton_2p3a6_1055:disabled{opacity:.5;cursor:not-allowed}._actions_2p3a6_1050 ._saving_2p3a6_1081{color:var(--color-text-muted);font-size:.9rem;font-style:italic}._hint_2p3a6_1087{text-align:center;margin-top:.5rem;color:var(--color-text-muted);font-size:.85rem}@keyframes _fadeIn_2p3a6_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_2p3a6_1{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.glossary-tooltip-wrapper{position:relative;display:inline}.glossary-term{cursor:help;transition:all .2s ease;font-weight:600;display:inline;vertical-align:baseline}.glossary-term.highlight-underline{border-bottom:2px solid;border-bottom-style:dotted;padding-bottom:1px}.glossary-term.highlight-background{background-color:#8f4c2c1a;padding:0 2px;border-radius:2px}.glossary-term.highlight-dotted{border-bottom:2px dotted}.glossary-term.active.highlight-underline{border-bottom-style:solid;opacity:1}.glossary-term.active.highlight-background{opacity:1}.glossary-term.active.highlight-dotted{border-bottom-style:solid;opacity:1}.glossary-term:hover{opacity:.8}.glossary-tooltip{position:absolute;z-index:10000;background-color:var(--surface-color, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:1rem;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;max-width:400px;min-width:280px;animation:tooltipFadeIn .2s ease-out;pointer-events:auto;opacity:1!important}.glossary-tooltip.top{bottom:100%;left:50%;transform:translate(-50%) translateY(-8px)}.glossary-tooltip.top:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--surface-color, #ffffff)}.glossary-tooltip.top:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:9px solid transparent;border-top-color:var(--border-color, #e5e7eb);z-index:-1}.glossary-tooltip.bottom{top:100%;left:50%;transform:translate(-50%) translateY(8px)}.glossary-tooltip.bottom:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:var(--surface-color, #ffffff)}.glossary-tooltip.bottom:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:9px solid transparent;border-bottom-color:var(--border-color, #e5e7eb);z-index:-1}.tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.tooltip-header h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.tooltip-header .category-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;white-space:nowrap;font-weight:500;text-transform:lowercase}.definition-content{font-size:.875rem;line-height:1.5;color:var(--text-secondary);margin-bottom:.75rem}.definition-content p{margin:.5rem 0}.definition-content p:first-child{margin-top:0}.definition-content p:last-child{margin-bottom:0}.definition-content code{background-color:var(--code-bg, #f3f4f6);padding:.125rem .25rem;border-radius:.25rem;font-size:.875em}.examples-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.examples-section h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.examples-section ul{margin:0;padding-left:1.25rem}.examples-section ul li{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.examples-section ul li:last-child{margin-bottom:0}.related-terms{font-size:.75rem;color:var(--text-tertiary);margin-top:.5rem}.related-terms span{font-weight:500}.tooltip-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;gap:.5rem}.tooltip-actions .expand-button{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;font-size:.875rem;color:var(--primary-color);font-weight:500;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s}.tooltip-actions .expand-button:hover{background-color:var(--primary-color-light, #e0e7ff)}.tooltip-actions .external-links{display:flex;gap:.5rem;flex-wrap:wrap}.tooltip-actions .external-link{font-size:.75rem;color:var(--primary-color);text-decoration:none;display:inline-flex;align-items:center;gap:.125rem}.tooltip-actions .external-link:hover{text-decoration:underline}.close-button{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-tertiary);border-radius:.25rem;transition:all .2s}.close-button:hover{background-color:var(--hover-bg, #f3f4f6);color:var(--text-primary)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(-8px)}}@media (max-width: 640px){.glossary-tooltip{max-width:calc(100vw - 2rem)}.glossary-tooltip.top,.glossary-tooltip.bottom{left:0;right:0;transform:none;margin:0 1rem}.glossary-tooltip.top:after,.glossary-tooltip.top:before,.glossary-tooltip.bottom:after,.glossary-tooltip.bottom:before{left:1rem;transform:none}}p .glossary-term,.rich-text-content .glossary-term,.html-content .glossary-term,.rich-text-display .glossary-term,.rich-text-editor__content .glossary-term{display:inline;vertical-align:baseline}p .glossary-tooltip-wrapper,.rich-text-content .glossary-tooltip-wrapper,.html-content .glossary-tooltip-wrapper,.rich-text-display .glossary-tooltip-wrapper,.rich-text-editor__content .glossary-tooltip-wrapper{display:inline}.choice-label .glossary-tooltip-wrapper,.choice-label .glossary-term{opacity:1!important}.glossary-highlighter{display:inline!important}.glossary-highlighter>span{display:inline!important}.glossary-highlighter .glossary-tooltip-wrapper,.glossary-highlighter .glossary-term{display:inline!important}.glossary-highlighter p{display:inline!important;margin:0!important;padding:0!important}.glossary-highlighter p:not(:last-child):after{content:" "}.glossary-highlighter div,.question-text .glossary-highlighter{display:inline!important}.question-text>div{display:inline!important}.choice-label .glossary-highlighter,p .glossary-highlighter,p .glossary-tooltip-wrapper,p .glossary-term{display:inline!important}.glossary-highlighter pre{display:block;margin:1em 0}.exam-results-summary{padding:2rem;max-width:800px;margin:0 auto}.exam-results-summary h2{font-size:2rem;margin-bottom:1rem;text-align:center}.exam-results-summary p{text-align:center;color:var(--color-text-muted);margin-bottom:2rem}.exam-results-summary.loading,.exam-results-summary.error{text-align:center}.exam-results-summary .spinner{width:40px;height:40px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.exam-results-summary .error-message{color:var(--color-danger);margin-bottom:1rem}.exam-results-summary .btn,.exam-results-summary .header nav .login-button,.header nav .exam-results-summary .login-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:9999px;cursor:pointer;transition:all .3s ease}.exam-results-summary .btn.btn-primary,.exam-results-summary .header nav .btn-primary.login-button,.header nav .exam-results-summary .btn-primary.login-button{color:#fff;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a}.exam-results-summary .btn.btn-primary:hover,.exam-results-summary .header nav .btn-primary.login-button:hover,.header nav .exam-results-summary .btn-primary.login-button:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}.exam-results-summary .btn.btn-primary:active,.exam-results-summary .header nav .btn-primary.login-button:active,.header nav .exam-results-summary .btn-primary.login-button:active{transform:scale(.98)}.exam-results-summary .btn.btn-large,.exam-results-summary .header nav .btn-large.login-button,.header nav .exam-results-summary .btn-large.login-button{padding:1rem 2rem;font-size:1.1rem}.exam-results-summary .btn:disabled,.exam-results-summary .header nav .login-button:disabled,.header nav .exam-results-summary .login-button:disabled{opacity:.6;cursor:not-allowed}.exam-results-summary .performance-score{text-align:center;padding:2rem;border-radius:1rem;margin-bottom:2rem}.exam-results-summary .performance-score h2{font-size:3rem;margin-bottom:.5rem}.exam-results-summary .performance-score p{margin:0;font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em}.exam-results-summary .performance-score.excellent{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff}.exam-results-summary .performance-score.good{background:linear-gradient(135deg,#2196F3,#1976D2);color:#fff}.exam-results-summary .performance-score.average{background:linear-gradient(135deg,#FF9800,#F57C00);color:#fff}.exam-results-summary .performance-score.below-average{background:linear-gradient(135deg,#FF5722,#D84315);color:#fff}.exam-results-summary .performance-score.poor{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.exam-results-summary .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.exam-results-summary .stats-grid .stat-card{background:var(--color-card-bg);border-radius:.5rem;padding:1.5rem;text-align:center;box-shadow:0 2px 4px #0000001a}.exam-results-summary .stats-grid .stat-card h3{font-size:2rem;margin-bottom:.5rem}.exam-results-summary .stats-grid .stat-card p{margin:0;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.exam-results-summary .stats-grid .stat-card.correct{border-top:3px solid var(--color-success)}.exam-results-summary .stats-grid .stat-card.correct h3{color:var(--color-success)}.exam-results-summary .stats-grid .stat-card.incorrect{border-top:3px solid var(--color-danger)}.exam-results-summary .stats-grid .stat-card.incorrect h3{color:var(--color-danger)}.exam-results-summary .stats-grid .stat-card.skipped{border-top:3px solid var(--color-warning)}.exam-results-summary .stats-grid .stat-card.skipped h3{color:var(--color-warning)}.exam-results-summary .stats-grid .stat-card.time{border-top:3px solid var(--color-primary)}.exam-results-summary .stats-grid .stat-card.time h3{color:var(--color-primary)}.exam-results-summary .strengths-section,.exam-results-summary .weaknesses-section{margin-bottom:2rem}.exam-results-summary .strengths-section h3,.exam-results-summary .weaknesses-section h3{font-size:1.3rem;margin-bottom:1rem}.exam-results-summary .strengths-section .topic-tags,.exam-results-summary .weaknesses-section .topic-tags{display:flex;flex-wrap:wrap;gap:.5rem}.exam-results-summary .strengths-section .topic-tags .topic-tag,.exam-results-summary .weaknesses-section .topic-tags .topic-tag{padding:.5rem 1rem;border-radius:2rem;font-size:.9rem}.exam-results-summary .strengths-section .topic-tags .topic-tag.strength,.exam-results-summary .weaknesses-section .topic-tags .topic-tag.strength{background-color:#27ae601a;color:var(--color-success);border:1px solid var(--color-success)}.exam-results-summary .strengths-section .topic-tags .topic-tag.weakness,.exam-results-summary .weaknesses-section .topic-tags .topic-tag.weakness{background-color:#eb57571a;color:var(--color-danger);border:1px solid var(--color-danger)}.exam-results-summary .topic-breakdown{margin-bottom:2rem}.exam-results-summary .topic-breakdown h3{font-size:1.3rem;margin-bottom:1rem}.exam-results-summary .topic-breakdown .topic-list{display:flex;flex-direction:column;gap:1rem}.exam-results-summary .topic-breakdown .topic-list .topic-item{background:var(--color-card-bg);padding:1rem;border-radius:.5rem}.exam-results-summary .topic-breakdown .topic-list .topic-item .topic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.exam-results-summary .topic-breakdown .topic-list .topic-item .topic-header .topic-name{font-weight:500}.exam-results-summary .topic-breakdown .topic-list .topic-item .topic-header .topic-score{color:var(--color-text-muted);font-size:.9rem}.exam-results-summary .topic-breakdown .topic-list .topic-item .topic-progress{height:8px;background-color:var(--color-bg-alt);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.exam-results-summary .topic-breakdown .topic-list .topic-item .topic-progress .progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:4px;transition:width .3s ease}.exam-results-summary .topic-breakdown .topic-list .topic-item .topic-percentage{font-size:.9rem;color:var(--color-text-muted)}.exam-results-summary .incorrect-questions{margin-top:3rem}.exam-results-summary .incorrect-questions h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--color-text)}.exam-results-summary .incorrect-questions .questions-list{display:flex;flex-direction:column;gap:1.5rem}.exam-results-summary .incorrect-questions .question-item{display:flex;gap:1rem;padding:1.5rem;background:var(--color-card-bg);border-radius:.75rem;box-shadow:0 2px 4px #0000001a;border-left:4px solid var(--color-danger)}.exam-results-summary .incorrect-questions .question-number{font-size:1.2rem;font-weight:600;color:var(--color-danger);min-width:40px}.exam-results-summary .incorrect-questions .question-content{flex:1}.exam-results-summary .incorrect-questions .question-text{font-size:1.1rem;margin-bottom:1rem;color:var(--color-text);line-height:1.5}.exam-results-summary .incorrect-questions .answers{display:grid;gap:.75rem;margin-bottom:.5rem}.exam-results-summary .incorrect-questions .your-answer,.exam-results-summary .incorrect-questions .correct-answer{display:flex;gap:.5rem;align-items:flex-start}.exam-results-summary .incorrect-questions .your-answer .label,.exam-results-summary .incorrect-questions .correct-answer .label{font-weight:600;color:var(--color-text-muted);min-width:120px}.exam-results-summary .incorrect-questions .your-answer .value,.exam-results-summary .incorrect-questions .correct-answer .value{flex:1;color:var(--color-text)}.exam-results-summary .incorrect-questions .your-answer.incorrect .value{color:var(--color-danger);text-decoration:line-through}.exam-results-summary .incorrect-questions .correct-answer .value{color:var(--color-success);font-weight:600}.exam-results-summary .incorrect-questions .question-topic{margin-top:.75rem;font-size:.9rem;color:var(--color-primary);font-style:italic}.exam-results-summary .incorrect-questions .more-questions{text-align:center;margin-top:1rem;color:var(--color-text-muted);font-style:italic}.exam-results-summary .action-section{text-align:center;margin-top:3rem}.page-container,.exam-summary-page{display:flex;flex-direction:column;height:100%;overflow:hidden;box-sizing:border-box;align-items:center;width:100%}@media (max-width: 480px){.page-container,.exam-summary-page{overflow-x:hidden;overflow-y:auto}}.editable-question-wrapper strong,.editable-question-wrapper .glossary-highlighter{display:inline!important}.editable-question-wrapper .glossary-highlighter p,.editable-question-wrapper .glossary-highlighter div{display:inline!important;margin:0!important;padding:0!important}.editable-question-wrapper .glossary-highlighter p:not(:last-child):after{content:" "}.exam-summary-page{color:var(--color-text);min-height:100vh;overflow-y:auto}.exam-summary-page h1{margin-bottom:1.5rem;font-size:1.6rem;text-align:center}.exam-summary-page .error{color:var(--color-danger);padding:1.5rem}.exam-attempt-page.exam-summary{padding-top:20px;margin:0 auto;max-width:1200px;width:100%;min-height:calc(100vh - 60px)}.exam-summary{background-color:var(--color-card-bg);border-radius:8px;box-shadow:2px 2px 12px var(--color-shadow-light);padding:1.5rem;margin:1rem;width:100%}.exam-summary .multi-select-indicator{font-style:italic;color:var(--color-text-muted);font-size:.9em}.exam-summary .answer-list{margin:.5rem 0;padding-left:1rem}.exam-summary .answer-list li{margin:.25rem 0}.exam-summary .summary-header{margin-bottom:1rem}.exam-summary .summary-header .summary-title{margin:0 0 .5rem;font-size:1.5rem;color:var(--color-primary)}.exam-summary .summary-header .summary-time{margin:0;color:var(--color-text-muted);font-size:.9rem}.exam-summary .summary-header .summary-score-section{margin-top:.5rem;text-align:center}.exam-summary .summary-header .summary-score{margin:0 0 .5rem;font-weight:500}.exam-summary .summary-header .summary-score .score-note{color:var(--color-text-muted);font-size:.9rem;font-style:italic}.exam-summary .summary-header .exclude-toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-muted);cursor:pointer}.exam-summary .summary-header .exclude-toggle input[type=checkbox]{cursor:pointer}.exam-summary .summary-header .exclude-toggle:hover{color:var(--color-text)}.exam-summary .summary-header .flagged-section{margin-top:1rem}.exam-summary .summary-header .flagged-section .flagged-count{margin:0 0 .75rem;color:var(--color-text);font-size:.95rem}.exam-summary .summary-header .flagged-section .flagged-actions-row{display:flex;justify-content:center;align-items:center;width:100%;gap:1rem}.exam-summary .summary-header .flagged-section .flagged-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.exam-summary .summary-header .flagged-section .flagged-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background-color:var(--color-warning);color:var(--color-dark);font-weight:600;font-size:.875rem;border-radius:12px;margin-right:.5rem}.exam-summary .summary-header .flagged-section .icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s ease}.exam-summary .summary-header .flagged-section .icon-button:hover{background-color:var(--color-bg-alt);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.exam-summary .summary-header .flagged-section .icon-button:active{transform:translateY(0)}.exam-summary .summary-header .flagged-section .icon-button svg{width:20px;height:20px}.exam-summary .summary-header .flagged-section .icon-button.ai-analysis-button.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.exam-summary .summary-header .flagged-section .copy-flagged-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-warning-light);color:var(--color-dark);border:1px solid var(--color-warning);border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.exam-summary .summary-header .flagged-section .copy-flagged-button svg{font-size:1.1rem}.exam-summary .summary-header .flagged-section .copy-flagged-button:hover{background-color:var(--color-warning);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.exam-summary .summary-header .flagged-section .copy-flagged-button:active{transform:translateY(0);box-shadow:none}.exam-summary .summary-header .flagged-section .unflag-all-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-danger-light);color:var(--color-white);border:1px solid var(--color-danger);border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.exam-summary .summary-header .flagged-section .unflag-all-button svg{font-size:1.1rem}.exam-summary .summary-header .flagged-section .unflag-all-button:hover{background-color:var(--color-danger);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.exam-summary .summary-header .flagged-section .unflag-all-button:active{transform:translateY(0);box-shadow:none}.exam-summary .exam-summary-accordion{margin-top:1rem;width:100%}.exam-summary .exam-summary-accordion .accordion-item{border:1px solid var(--color-border);border-radius:4px;margin-bottom:.75rem;background-color:var(--color-white)}.exam-summary .exam-summary-accordion .accordion-item.highlighted{border:2px solid var(--color-warning);box-shadow:0 0 5px #ffa5004d}.exam-summary .exam-summary-accordion .accordion-item .accordion-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.75rem 1rem;font-weight:500;background-color:var(--color-bg-alt)}.exam-summary .exam-summary-accordion .accordion-item .accordion-title:hover{background-color:var(--color-bg)}.exam-summary .exam-summary-accordion .accordion-item .accordion-title .accordion-controls{display:flex;align-items:center;gap:.75rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-title .note-indicator{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-primary);opacity:.8}.exam-summary .exam-summary-accordion .accordion-item .accordion-title .note-indicator svg{width:18px;height:18px}.exam-summary .exam-summary-accordion .accordion-item .accordion-title .flag-toggle-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease;padding:0}.exam-summary .exam-summary-accordion .accordion-item .accordion-title .flag-toggle-button svg{font-size:1rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-title .flag-toggle-button:hover{background-color:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}.exam-summary .exam-summary-accordion .accordion-item .accordion-title .flag-toggle-button.flagged{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning)}.exam-summary .exam-summary-accordion .accordion-item .accordion-title .flag-toggle-button.flagged:hover{background-color:var(--color-warning);color:var(--color-white)}.exam-summary .exam-summary-accordion .accordion-item .accordion-title .flag-toggle-button:active{transform:scale(.95)}.exam-summary .exam-summary-accordion .accordion-item .accordion-title .accordion-arrow{margin-left:.5rem;color:var(--color-text-muted)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content{padding:1rem;font-size:.95rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .hint-container{margin:1rem 0;border-top:1px dotted var(--color-border-light);padding-top:.75rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .hint-toggle-button{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--color-border);border-radius:4px;padding:.5rem .75rem;margin-bottom:.5rem;cursor:pointer;color:var(--color-primary);font-size:.9rem;transition:all .2s ease}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .hint-toggle-button svg{margin-right:4px}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .hint-toggle-button:hover{background-color:var(--color-bg-alt);border-color:var(--color-primary)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .hint{font-style:italic;color:var(--color-text);margin:.5rem 0;padding:.75rem;background-color:rgba(var(--color-primary-rgb),.05);border-radius:4px;border-left:3px solid var(--color-primary);box-shadow:0 1px 3px #0000000d}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .wrong-answer-marker{color:var(--color-danger);font-weight:700;margin-left:.5rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .correct-answer-marker{color:var(--color-success);font-weight:700;margin-left:.5rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section{margin-top:1rem;border-top:1px solid var(--color-border-light);padding-top:.75rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section h4{margin-top:0;margin-bottom:.75rem;color:var(--color-primary)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-list{display:flex;flex-direction:column;gap:.75rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item{padding:.75rem;border-radius:4px;border:1px solid var(--color-border-light);background-color:var(--color-bg-light)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item.selected{border-color:var(--color-warning)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item.correct{border-color:var(--color-success-light);background-color:#28a7450d}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item.selected:not(.correct){border-color:var(--color-danger-light);background-color:#dc35450d}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-header{display:flex;justify-content:space-between;font-weight:500;margin-bottom:.5rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-header .correct-indicator{color:var(--color-success)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-header .incorrect-indicator{color:var(--color-danger)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content{font-size:.9rem;color:var(--color-text);margin-top:.5rem;display:flex;flex-direction:column}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper{position:relative}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder{width:100%;font-size:.9rem;color:var(--color-text);line-height:1.5}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content strong,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder strong{color:var(--color-primary);margin-right:.5rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display{display:inline-block;margin-left:.5rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display .rich-text-editor,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display .rich-text-editor{padding:0;border:none;background:transparent}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display .rich-text-editor.minimal,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display .rich-text-editor.minimal{min-height:auto}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display .rich-text-editor.read-only .rich-text-editor__content,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display .rich-text-editor.read-only .rich-text-editor__content{padding:0;min-height:auto}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display .rich-text-editor.read-only .rich-text-editor__content pre,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display .rich-text-editor.read-only .rich-text-editor__content pre{background:#1e1e1e!important;border:1px solid #333;border-radius:6px;padding:16px;margin:.5em 0}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display .rich-text-editor.read-only .rich-text-editor__content pre code,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display .rich-text-editor.read-only .rich-text-editor__content pre code{background:transparent!important;color:#d4d4d4}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display .rich-text-editor .editor-content,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display .rich-text-editor .rich-text-editor__content,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display .rich-text-editor .editor-content,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display .rich-text-editor .rich-text-editor__content{padding:0}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display .rich-text-editor .editor-content p:first-child,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display .rich-text-editor .rich-text-editor__content p:first-child,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display .rich-text-editor .editor-content p:first-child,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display .rich-text-editor .rich-text-editor__content p:first-child{margin-top:0}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display .rich-text-editor .editor-content p:last-child,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .rich-text-display .rich-text-editor .rich-text-editor__content p:last-child,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display .rich-text-editor .editor-content p:last-child,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .rich-text-display .rich-text-editor .rich-text-editor__content p:last-child{margin-bottom:0}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content{display:inline-block;margin-left:.5rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content p:first-child,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content p:first-child{margin-top:0}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content p:last-child,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content p:last-child{margin-bottom:0}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content pre,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content pre{background:#1e1e1e!important;border:1px solid #333;border-radius:6px;padding:16px;margin:.5em 0;overflow-x:auto;position:relative;display:block}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content pre.hljs,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content pre.hljs{background:#1e1e1e!important}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content pre code,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content pre code{background:none!important;border:none;padding:0;font-size:.9em;line-height:1.5;color:#d4d4d4;font-family:Monaco,Consolas,monospace;display:block}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content pre code.hljs,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content pre code.hljs{display:block;overflow-x:auto;padding:0;background:transparent!important;color:#d4d4d4}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content pre[data-language]:before,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content pre[data-language]:before{content:attr(data-language);position:absolute;top:8px;right:8px;padding:2px 8px;background:rgba(255,255,255,.1);border-radius:4px;font-size:12px;color:#999;text-transform:uppercase;font-family:Monaco,Consolas,monospace}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs{display:block;overflow-x:auto;padding:0;background:transparent;color:#d4d4d4}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-comment,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-quote,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-comment,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-quote{color:#6a9955;font-style:italic}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-keyword,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-selector-tag,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-subst,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-keyword,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-selector-tag,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-subst{color:#569cd6}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-number,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-literal,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-number,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-literal{color:#b5cea8}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-string,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-doctag,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-string,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-doctag{color:#ce9178}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-selector-id,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-selector-class,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-title,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-selector-id,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-selector-class,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-title{color:#dcdcaa}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-type,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-class .hljs-title,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-type,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-class .hljs-title{color:#4ec9b0}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-tag,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-name,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-attribute,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-tag,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-name,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-attribute{color:#569cd6}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-regexp,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-link,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-regexp,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-link{color:#d16969}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-symbol,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-bullet,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-symbol,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-bullet{color:#c586c0}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-built_in,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-builtin-name,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-built_in,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-builtin-name{color:#4ec9b0}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-meta,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-meta{color:#9cdcfe}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-deletion,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-deletion{background:#4b1818}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-addition,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-addition{background:#1c4b1c}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-emphasis,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-emphasis{font-style:italic}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content .hljs-strong,.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content .hljs-strong{font-weight:700}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-content .html-content code:not(pre code),.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder .html-content code:not(pre code){background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;padding:.1em .3em;font-family:Monaco,Consolas,monospace;font-size:.9em}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-placeholder{color:var(--color-text-muted);font-style:italic}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-edit-btn{background:transparent;border:1px solid var(--color-border);border-radius:4px;padding:.5rem;cursor:pointer;color:var(--color-primary);transition:all .2s ease;opacity:.7}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-edit-btn svg{font-size:1rem;display:block}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-edit-btn:hover{opacity:1;background-color:var(--color-bg-alt);border-color:var(--color-primary);transform:scale(1.05)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-view-mode .explanation-edit-btn:active{transform:scale(.95)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid var(--color-primary);border-radius:4px;background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.9rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3a3a3a33}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-textarea::placeholder{color:var(--color-text-muted)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-actions{display:flex;gap:.5rem;margin-top:.5rem;justify-content:flex-end}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-actions button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-actions button svg{font-size:1rem}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-actions button:disabled{opacity:.5;cursor:not-allowed}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-actions .explanation-save-btn{background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-actions .explanation-save-btn:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-actions .explanation-save-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-actions .explanation-cancel-btn{background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.exam-summary .exam-summary-accordion .accordion-item .accordion-content .explanations-section .explanation-item .explanation-content-wrapper .explanation-edit-mode .explanation-edit-actions .explanation-cancel-btn:hover:not(:disabled){background-color:var(--color-bg-alt);border-color:var(--color-border-hover);color:var(--color-text)}.exam-summary .summary-footer{margin-top:1rem;text-align:right}.exam-summary .summary-footer .summary-back-btn{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:4px;padding:.75rem 1rem;cursor:pointer;font-size:.95rem;transition:background-color .15s ease-in-out}.exam-summary .summary-footer .summary-back-btn:hover{background-color:var(--color-primary-hover)}.exam-summary .summary-footer .summary-back-btn:active{background-color:var(--color-primary-active)}.exam-summary .notes-section{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.exam-summary .notes-section .copy-question-note-button{background:transparent;border:1px solid var(--color-border);border-radius:4px;padding:.5rem .75rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem;transition:all .2s ease;position:relative}.exam-summary .notes-section .copy-question-note-button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.exam-summary .notes-section .copy-question-note-button:hover:after{content:"Copy question and note";position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--color-text);color:var(--color-white);padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;animation:tooltipFadeIn .2s ease-in-out forwards}.exam-summary .notes-section .copy-question-note-button:hover:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-text);opacity:0;animation:tooltipFadeIn .2s ease-in-out forwards}.exam-summary .notes-section .copy-question-note-button:active{transform:translateY(0);box-shadow:none}.exam-summary .notes-section .copy-question-note-button svg{font-size:1rem}@keyframes tooltipFadeIn{to{opacity:1}}.progress-tracker{padding:1rem;background:var(--color-surface, #ffffff);border-radius:8px;box-shadow:0 2px 4px #0000001a}.progress-tracker--linear{min-width:300px}.progress-bar{height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden;position:relative}.progress-bar__fill{height:100%;background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;min-width:40px}.progress-bar__text{color:#fff;font-size:12px;font-weight:600}.progress-message{margin-top:.5rem;font-size:14px;color:#6b7280;text-align:center}.progress-steps-list{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.progress-step-item{display:flex;align-items:center;gap:.25rem;font-size:12px;padding:.25rem .5rem;border-radius:4px;background:#f9fafb}.progress-step-item--completed{background:#d1fae5;color:#065f46}.progress-step-item--active{background:#dbeafe;color:#1e40af;animation:pulse 1.5s infinite}.progress-step-item--error{background:#fee2e2;color:#991b1b}.progress-step-item__icon{font-size:10px}.progress-tracker--circular{display:flex;flex-direction:column;align-items:center;gap:1rem}.progress-circle{transform:scale(1)}.progress-circle__bg{stroke:#e5e7eb}.progress-circle__fill{stroke:#3b82f6;transition:stroke-dashoffset .3s ease;stroke-linecap:round}.progress-circle__text{font-size:24px;font-weight:600;fill:#1f2937}.progress-tracker--steps{padding:1.5rem}.progress-steps{display:flex;flex-direction:column;gap:0}.progress-step{display:flex;align-items:flex-start;position:relative;padding-bottom:1.5rem}.progress-step:last-child{padding-bottom:0}.progress-step__connector{position:absolute;left:20px;top:24px;bottom:0;width:2px}.progress-step__line{width:2px;height:100%;background:#e5e7eb;transition:background .3s ease}.progress-step__line--completed{background:#10b981}.progress-step__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;z-index:1;background:white;flex-shrink:0}.progress-step--pending .progress-step__icon{border:2px solid #e5e7eb;color:#9ca3af}.progress-step--active .progress-step__icon{border:2px solid #3b82f6;color:#3b82f6;background:#eff6ff;animation:rotate 1s linear infinite}.progress-step--completed .progress-step__icon{border:2px solid #10b981;color:#10b981;background:#d1fae5}.progress-step--error .progress-step__icon{border:2px solid #ef4444;color:#ef4444;background:#fee2e2}.progress-step__content{margin-left:1rem;flex:1}.progress-step__name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.progress-step__message{font-size:14px;color:#6b7280}.exam-progress{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.exam-progress__header{margin-bottom:1.5rem}.exam-progress__title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.exam-progress__details{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;display:flex;gap:2rem}.exam-progress__counter{font-size:14px;color:#6b7280;font-weight:500;animation:fadeInScale .3s ease}.exam-progress__counter span{display:inline-block;transition:transform .2s ease}.exam-progress__counter span:hover{transform:scale(1.05)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes countUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 640px){.progress-tracker{padding:.75rem}.progress-steps-list{flex-direction:column}.exam-progress__details{flex-direction:column;gap:.5rem}}.card,.exam-attempt-page .question-wrapper{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}.card:hover,.exam-attempt-page .question-wrapper:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){.card,.exam-attempt-page .question-wrapper{padding:.75rem}}.exam-attempt-page{height:100vh;display:flex;flex-direction:column;overflow:hidden;color:var(--color-text)}.exam-attempt-page.exam-summary{overflow-y:auto;height:auto;min-height:100vh}.exam-attempt-page h1{margin-bottom:1.5rem;font-size:1.6rem;text-align:center}.exam-attempt-page .error{color:var(--color-danger);padding:1.5rem}.exam-attempt-page .exam-attempt-content{display:flex;gap:1rem;width:100%;height:100%;padding:1.5rem;padding-bottom:0;overflow:hidden}.exam-attempt-page .exam-attempt-nav{display:flex;flex-direction:column;gap:.75rem;max-height:100%;overflow-y:auto;padding-right:.75rem}.exam-attempt-page .exam-attempt-nav::-webkit-scrollbar{width:6px}.exam-attempt-page .exam-attempt-nav::-webkit-scrollbar-track{background:var(--color-bg-alt);border-radius:3px}.exam-attempt-page .exam-attempt-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.exam-attempt-page .exam-attempt-nav::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.exam-attempt-page .exam-attempt-nav .flagged-count-header{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:4px;color:var(--color-warning-dark);font-size:.9rem;font-weight:600;margin-bottom:.5rem;cursor:help}.exam-attempt-page .exam-attempt-nav .flagged-count-header svg{font-size:1rem;color:var(--color-warning-dark)}.exam-attempt-page .exam-attempt-nav button{padding:.25rem .75rem;border:none;border-radius:4px;background-color:var(--color-bg-alt);cursor:pointer;transition:background-color .2s ease}.exam-attempt-page .exam-attempt-nav button.answered{background-color:var(--color-success);color:var(--color-white)}.exam-attempt-page .exam-attempt-nav button.flagged{background-color:var(--color-warning);color:var(--color-text);position:relative}.exam-attempt-page .exam-attempt-nav button.flagged .flag-indicator{position:absolute;top:-8px;right:-5px;font-size:.8rem}.exam-attempt-page .exam-attempt-nav button:hover{background-color:var(--color-border-hover)}.exam-attempt-page .exam-question-area{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.exam-attempt-page .question-wrapper{padding:1.5rem;flex:1;overflow-y:auto;margin-bottom:0}.exam-attempt-page .question-wrapper::-webkit-scrollbar{width:6px}.exam-attempt-page .question-wrapper::-webkit-scrollbar-track{background:var(--color-bg-alt);border-radius:3px}.exam-attempt-page .question-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.exam-attempt-page .question-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.exam-attempt-page .question-wrapper .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.exam-attempt-page .question-wrapper .question-header h2{margin:0}.exam-attempt-page .question-wrapper .question-header .flag-button{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:4px;padding:.5rem;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease}.exam-attempt-page .question-wrapper .question-header .flag-button:hover{color:var(--color-warning);border-color:var(--color-warning)}.exam-attempt-page .question-wrapper .question-header .flag-button.flagged{color:var(--color-warning);border-color:var(--color-warning);background-color:#f2c94c1a}.exam-attempt-page .question-wrapper .question-header .flag-button svg{font-size:1.1rem}.exam-attempt-page .question-wrapper .question-header .flag-button.loading{cursor:not-allowed;opacity:.8}.exam-attempt-page .question-wrapper .question-header .flag-button .flag-loader{display:inline-block;width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-warning);border-radius:50%;animation:spin .6s linear infinite}.exam-attempt-page .question-wrapper .question-text{font-size:1.1rem;margin-bottom:1rem}.exam-attempt-page .question-wrapper .hint-container{margin-top:1rem;margin-bottom:1rem;border-top:1px dotted var(--color-border-light);padding-top:.75rem}.exam-attempt-page .question-wrapper .hint-toggle-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--color-border);border-radius:4px;padding:.5rem .75rem;margin-bottom:.5rem;cursor:pointer;color:var(--color-primary);font-size:.9rem;transition:all .2s ease}.exam-attempt-page .question-wrapper .hint-toggle-button:hover{background-color:var(--color-bg-alt);border-color:var(--color-primary)}.exam-attempt-page .question-wrapper .hint-toggle-button:disabled{opacity:.6;cursor:not-allowed}.exam-attempt-page .question-wrapper .hint-toggle-button svg{font-size:1rem;margin-right:2px}.exam-attempt-page .question-wrapper .hint{font-style:italic;color:var(--color-text);margin:.5rem 0;padding:.75rem;background-color:rgba(var(--color-primary-rgb),.05);border-radius:4px;border-left:3px solid var(--color-primary);box-shadow:0 1px 3px #0000000d}.exam-attempt-page .question-wrapper .choices-container{display:flex;flex-direction:column;gap:.75rem}.exam-attempt-page .question-wrapper .choices-container .choice-wrapper .choice-edit-mode{padding:.75rem;background-color:var(--color-bg-alt);border-radius:4px;border:2px solid var(--color-primary)}.exam-attempt-page .question-wrapper .choices-container .choice-label{cursor:pointer;padding:.75rem;border-radius:4px}.exam-attempt-page .question-wrapper .choices-container .choice-label:hover{background-color:var(--color-bg-alt)}.exam-attempt-page .question-wrapper .choices-container .choice-label:hover span:not(.glossary-tooltip-wrapper):not(.glossary-term){opacity:.9}.exam-attempt-page .question-wrapper .choices-container .choice-label input[type=radio],.exam-attempt-page .question-wrapper .choices-container .choice-label input[type=checkbox]{margin-right:.75rem;flex-shrink:0}.exam-attempt-page .question-wrapper .choices-container .choice-label input[type=radio]:checked+span,.exam-attempt-page .question-wrapper .choices-container .choice-label input[type=checkbox]:checked+span{font-weight:500;color:var(--color-primary)}.exam-attempt-page .question-wrapper .choices-container .choice-label span{transition:opacity .2s ease;flex:1;cursor:pointer}.exam-attempt-page .question-wrapper .multi-select-hint{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1rem;text-align:center;font-style:italic}.exam-attempt-page .exam-attempt-actions{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--color-bg);border-top:1px solid var(--color-border);margin-top:auto;flex-shrink:0}.exam-attempt-page .exam-attempt-actions button{border:none;border-radius:4px;padding:.75rem 1rem;background-color:var(--color-primary);color:var(--color-white);cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s ease}.exam-attempt-page .exam-attempt-actions button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.exam-attempt-page .exam-attempt-actions button:disabled{opacity:.6;cursor:not-allowed}.exam-attempt-page .exam-attempt-actions button svg{font-size:1.2rem}.exam-attempt-page .exam-attempt-actions .finish-btn{background-color:var(--color-danger)}.exam-attempt-page .exam-attempt-actions .finish-btn:hover:not(:disabled){background-color:var(--color-danger-hover)}@media (max-width: 768px){.exam-attempt-page .exam-attempt-content{flex-direction:column;padding:.75rem}.exam-attempt-page .exam-attempt-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;width:100%;padding-bottom:.75rem}.exam-attempt-page .exam-attempt-nav button{flex-shrink:0}.exam-attempt-page .exam-attempt-actions{padding:.75rem;flex-wrap:wrap;gap:.75rem}.exam-attempt-page .exam-attempt-actions button{flex:1;min-width:100px;justify-content:center}.exam-attempt-page .exam-attempt-actions .finish-btn{flex:100%}}.exam-attempt-page .notes-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.exam-attempt-page .notes-section .notes-toggle-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;font-size:.95rem;color:var(--color-text-secondary)}.exam-attempt-page .notes-section .notes-toggle-button:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.exam-attempt-page .notes-section .notes-toggle-button:disabled{opacity:.5;cursor:not-allowed}.exam-attempt-page .notes-section .notes-toggle-button svg{font-size:1.1rem}.exam-attempt-page .notes-section .notes-container{margin-top:1rem;animation:fadeIn .3s ease-in-out}.exam-attempt-page .notes-section .notes-container .add-note-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.exam-attempt-page .notes-section .notes-container .add-note-button:hover:not(:disabled){background:var(--color-primary-dark)}.exam-attempt-page .notes-section .notes-container .add-note-button:disabled{opacity:.5;cursor:not-allowed}.exam-attempt-page .notes-section .notes-container .add-note-button svg{font-size:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.auth-loader .loader-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:var(--color-card-bg);border-radius:16px;box-shadow:0 20px 60px #0000001a;position:relative;overflow:visible}.auth-loader .beans-container{position:absolute;top:-40px;left:50%;transform:translate(-50%);display:flex;gap:20px}.auth-loader .beans-container .coffee-bean{width:15px;height:20px;background:#6F4E37;border-radius:50%/60% 60% 40% 40%;position:relative}.auth-loader .beans-container .coffee-bean:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:12px;background:#3E2723;border-radius:1px}.auth-loader .coffee-cup{position:relative;transform-origin:center bottom;margin-top:40px}.auth-loader .coffee-cup .cup{position:relative}.auth-loader .coffee-cup .cup .cup-body{width:100px;height:110px;background:linear-gradient(to bottom,#8B4513,#654321);border-radius:0 0 45px 45px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003,inset 0 -5px 10px #0000001a}.auth-loader .coffee-cup .cup .cup-body .cup-rim{position:absolute;top:-8px;left:-8px;right:-8px;height:16px;background:#654321;border-radius:50%;box-shadow:0 2px 5px #0003}.auth-loader .coffee-cup .cup .cup-body .coffee-liquid{position:absolute;bottom:10px;left:10px;right:10px;height:75%;background:linear-gradient(to bottom,#2F1B14,#1A0E08);border-radius:0 0 35px 35px;animation:coffeeFill 3s ease-in-out infinite}.auth-loader .coffee-cup .cup .cup-body .coffee-liquid .coffee-foam{position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,#D2B48C,#A0826D);border-radius:50%}.auth-loader .coffee-cup .cup .cup-body .coffee-liquid .coffee-foam:before,.auth-loader .coffee-cup .cup .cup-body .coffee-liquid .coffee-foam:after{content:"";position:absolute;background:rgba(255,255,255,.3);border-radius:50%}.auth-loader .coffee-cup .cup .cup-body .coffee-liquid .coffee-foam:before{width:30px;height:15px;top:2px;left:15px}.auth-loader .coffee-cup .cup .cup-body .coffee-liquid .coffee-foam:after{width:20px;height:10px;top:5px;right:20px}.auth-loader .coffee-cup .cup .cup-handle{position:absolute;right:-30px;top:25px;width:35px;height:55px;border:7px solid #654321;border-left:none;border-radius:0 25px 25px 0;box-shadow:2px 0 5px #0000001a}.auth-loader .coffee-cup .cup .saucer{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:130px;height:25px;background:#8B4513;border-radius:50%;box-shadow:0 5px 15px #00000026}.auth-loader .coffee-cup .cup .saucer:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:15px;background:#654321;border-radius:50%}.auth-loader .coffee-cup .steam{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:80px}.auth-loader .coffee-cup .steam .steam-particle{position:absolute;width:25px;height:25px;background:rgba(255,255,255,.4);border-radius:50%;filter:blur(12px)}.auth-loader .coffee-cup .steam .steam-particle:nth-child(1){left:0;animation-delay:0s}.auth-loader .coffee-cup .steam .steam-particle:nth-child(2){left:15px;animation-delay:.2s}.auth-loader .coffee-cup .steam .steam-particle:nth-child(3){left:30px;animation-delay:.4s}.auth-loader .coffee-cup .steam .steam-particle:nth-child(4){left:45px;animation-delay:.6s}.auth-loader .coffee-cup .steam .steam-particle:nth-child(5){left:60px;animation-delay:.8s}.auth-loader .loader-text{font-size:1.5rem;font-weight:600;color:var(--color-text);text-align:center;transform-origin:center;margin-top:1rem}.auth-loader .sub-message{font-size:1rem;color:var(--color-text-muted);text-align:center;margin:0}.auth-loader .loading-dots{display:flex;gap:10px;margin-top:.75rem}.auth-loader .loading-dots .loading-dot{display:inline-block;width:14px;height:14px;background:linear-gradient(135deg,#8B4513,#D2691E);border-radius:50%;box-shadow:0 3px 8px #8b45134d}@keyframes coffeeFill{0%,to{height:75%}50%{height:80%}}@media (prefers-color-scheme: dark){.auth-loader{background:linear-gradient(135deg,var(--color-bg) 0%,#000 100%)}.auth-loader .coffee-cup .cup-body{background:linear-gradient(to bottom,#A0826D,#8B6C5C)}.auth-loader .coffee-cup .cup-body .cup-rim{background:#8B6C5C}.auth-loader .coffee-cup .cup-handle{border-color:#8b6c5c}.auth-loader .coffee-cup .saucer{background:#A0826D}.auth-loader .coffee-cup .saucer:before{background:#8B6C5C}.auth-loader .steam .steam-particle{background:rgba(255,255,255,.3)}}@media (max-width: 500px){.auth-loader .loader-content{padding:1.5rem;gap:.75rem}.auth-loader .loader-text{font-size:1.2rem}.auth-loader .sub-message{font-size:.9rem}.auth-loader .coffee-cup{transform:scale(.8);margin-top:20px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);padding:1rem;overflow-x:hidden;position:relative}.login-loader-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-container{width:100%;max-width:450px;position:relative}.login-card{background:var(--color-card-bg);border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:3rem;width:100%;max-width:450px;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,69,19,.05) 0%,transparent 70%);animation:rotate 30s linear infinite}.login-card>*{position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2rem}.login-header .logo-container{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,#8B4513,#D2691E);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #8b451333;animation:float 3s ease-in-out infinite}.login-header .logo-container .logo-icon{color:#fff}.login-header h1{font-size:2rem;font-weight:700;color:var(--color-text);margin:0 0 .75rem}.login-header p{color:var(--color-text-muted);font-size:1.1rem;margin:0}.login-form .error-message{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}.login-form .form-group,.login-form .time-group{margin-bottom:1rem}.login-form .form-group label,.login-form .time-group label{display:block;font-weight:500;color:var(--color-text);margin-bottom:.5rem;font-size:.95rem}.login-form .form-group .input-wrapper,.login-form .time-group .input-wrapper{position:relative;display:flex;align-items:center}.login-form .form-group .input-wrapper .input-icon,.login-form .time-group .input-wrapper .input-icon{position:absolute;left:1rem;color:var(--color-text-muted);font-size:1.2rem;pointer-events:none}.login-form .form-group .input-wrapper input,.login-form .time-group .input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid var(--color-border);border-radius:12px;font-size:1rem;transition:all .2s ease;background:var(--color-bg-light)}.login-form .form-group .input-wrapper input:focus,.login-form .time-group .input-wrapper input:focus{outline:none;border-color:#8b4513;background:white;box-shadow:0 0 0 3px #8b45131a}.login-form .form-group .input-wrapper input::placeholder,.login-form .time-group .input-wrapper input::placeholder{color:var(--color-text-muted)}.login-form .form-group .input-wrapper .toggle-password,.login-form .time-group .input-wrapper .toggle-password{position:absolute;right:1rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.login-form .form-group .input-wrapper .toggle-password:hover,.login-form .time-group .input-wrapper .toggle-password:hover{color:var(--color-text)}.login-form .form-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.login-form .form-actions .forgot-password{color:#8b4513;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.login-form .form-actions .forgot-password:hover{color:#6f4e37;text-decoration:underline}.login-form .submit-button{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#8B4513,#D2691E);color:#fff;box-shadow:0 4px 15px #8b45134d}.login-form .submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b451366}.login-form .submit-button:active{transform:translateY(0)}.login-form .divider{text-align:center;margin:1.5rem 0;position:relative}.login-form .divider span{background:var(--color-card-bg);padding:0 1rem;color:var(--color-text-muted);font-size:.9rem;position:relative;z-index:1}.login-form .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border)}.login-form .oauth-button{width:100%;padding:1rem;background:transparent;border:2px solid var(--color-border);border-radius:12px;color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.login-form .oauth-button:hover{background:var(--color-bg-alt);border-color:var(--color-border-hover)}.login-footer{text-align:center;margin-top:2rem}.login-footer p{color:var(--color-text-muted);font-size:.95rem}.login-footer p a{color:#8b4513;text-decoration:none;font-weight:500}.login-footer p a:hover{text-decoration:underline}@media (max-width: 500px){.login-card{padding:1.5rem}.login-header h1{font-size:1.5rem}.login-header p,.login-form .submit-button{font-size:1rem}}.login-page,.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);padding:1rem;overflow-x:hidden;position:relative}.login-loader-container,.signup-loader-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-container,.signup-container{width:100%;max-width:450px;position:relative}.login-card,.signup-card{background:var(--color-card-bg);border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:3rem;width:100%;max-width:450px;position:relative;overflow:hidden}.login-card:before,.signup-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,69,19,.05) 0%,transparent 70%);animation:rotate 30s linear infinite}.login-card>*,.signup-card>*{position:relative;z-index:1}.login-header,.signup-header{text-align:center;margin-bottom:2rem}.login-header .logo-container,.signup-header .logo-container{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,#8B4513,#D2691E);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #8b451333;animation:float 3s ease-in-out infinite}.login-header .logo-container .logo-icon,.signup-header .logo-container .logo-icon{color:#fff}.login-header h1,.signup-header h1{font-size:2rem;font-weight:700;color:var(--color-text);margin:0 0 .75rem}.login-header p,.signup-header p{color:var(--color-text-muted);font-size:1.1rem;margin:0}.login-form .error-message,.signup-form .error-message{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}.login-form .form-group,.signup-form .form-group,.login-form .time-group,.signup-form .time-group{margin-bottom:1rem}.login-form .form-group label,.signup-form .form-group label,.login-form .time-group label,.signup-form .time-group label{display:block;font-weight:500;color:var(--color-text);margin-bottom:.5rem;font-size:.95rem}.login-form .form-group .input-wrapper,.signup-form .form-group .input-wrapper,.login-form .time-group .input-wrapper,.signup-form .time-group .input-wrapper{position:relative;display:flex;align-items:center}.login-form .form-group .input-wrapper .input-icon,.signup-form .form-group .input-wrapper .input-icon,.login-form .time-group .input-wrapper .input-icon,.signup-form .time-group .input-wrapper .input-icon{position:absolute;left:1rem;color:var(--color-text-muted);font-size:1.2rem;pointer-events:none}.login-form .form-group .input-wrapper input,.signup-form .form-group .input-wrapper input,.login-form .time-group .input-wrapper input,.signup-form .time-group .input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid var(--color-border);border-radius:12px;font-size:1rem;transition:all .2s ease;background:var(--color-bg-light)}.login-form .form-group .input-wrapper input:focus,.signup-form .form-group .input-wrapper input:focus,.login-form .time-group .input-wrapper input:focus,.signup-form .time-group .input-wrapper input:focus{outline:none;border-color:#8b4513;background:white;box-shadow:0 0 0 3px #8b45131a}.login-form .form-group .input-wrapper input::placeholder,.signup-form .form-group .input-wrapper input::placeholder,.login-form .time-group .input-wrapper input::placeholder,.signup-form .time-group .input-wrapper input::placeholder{color:var(--color-text-muted)}.login-form .form-group .input-wrapper .toggle-password,.signup-form .form-group .input-wrapper .toggle-password,.login-form .time-group .input-wrapper .toggle-password,.signup-form .time-group .input-wrapper .toggle-password{position:absolute;right:1rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.login-form .form-group .input-wrapper .toggle-password:hover,.signup-form .form-group .input-wrapper .toggle-password:hover,.login-form .time-group .input-wrapper .toggle-password:hover,.signup-form .time-group .input-wrapper .toggle-password:hover{color:var(--color-text)}.login-form .form-actions,.signup-form .form-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.login-form .form-actions .forgot-password,.signup-form .form-actions .forgot-password{color:#8b4513;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.login-form .form-actions .forgot-password:hover,.signup-form .form-actions .forgot-password:hover{color:#6f4e37;text-decoration:underline}.login-form .submit-button,.signup-form .submit-button{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#8B4513,#D2691E);color:#fff;box-shadow:0 4px 15px #8b45134d}.login-form .submit-button:hover,.signup-form .submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b451366}.login-form .submit-button:active,.signup-form .submit-button:active{transform:translateY(0)}.login-form .divider,.signup-form .divider{text-align:center;margin:1.5rem 0;position:relative}.login-form .divider span,.signup-form .divider span{background:var(--color-card-bg);padding:0 1rem;color:var(--color-text-muted);font-size:.9rem;position:relative;z-index:1}.login-form .divider:before,.signup-form .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border)}.login-form .oauth-button,.signup-form .oauth-button{width:100%;padding:1rem;background:transparent;border:2px solid var(--color-border);border-radius:12px;color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.login-form .oauth-button:hover,.signup-form .oauth-button:hover{background:var(--color-bg-alt);border-color:var(--color-border-hover)}.login-footer,.signup-footer{text-align:center;margin-top:2rem}.login-footer p,.signup-footer p{color:var(--color-text-muted);font-size:.95rem}.login-footer p a,.signup-footer p a{color:#8b4513;text-decoration:none;font-weight:500}.login-footer p a:hover,.signup-footer p a:hover{text-decoration:underline}.login-decoration{display:none}@media (min-width: 1000px){.login-decoration{display:block;position:absolute;top:50%;right:-500px;transform:translateY(-50%);width:400px;height:400px;pointer-events:none}.login-decoration .coffee-steam{position:relative;width:100%;height:100%}.login-decoration .coffee-steam .steam{position:absolute;width:60px;height:60px;background:rgba(139,69,19,.1);border-radius:50%;filter:blur(20px);animation:steam-rise 4s ease-out infinite}.login-decoration .coffee-steam .steam:nth-child(1){left:30%;animation-delay:0s}.login-decoration .coffee-steam .steam:nth-child(2){left:50%;animation-delay:1.3s}.login-decoration .coffee-steam .steam:nth-child(3){left:70%;animation-delay:2.6s}}@media (min-width: 1400px){.login-decoration{right:-450px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes steam-rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-300px) scale(1.5);opacity:0}}@media (max-width: 500px){.login-card,.signup-card{padding:1.5rem}.login-header h1,.signup-header h1{font-size:1.5rem}.login-header p,.signup-header p,.login-form .submit-button,.signup-form .submit-button{font-size:1rem}}.signup-form .password-hint{font-size:.85rem;color:var(--color-text-muted);margin-top:.5rem}.signup-form .terms{text-align:center;font-size:.85rem;color:var(--color-text-muted);margin-top:1rem;line-height:1.5}.signup-form .terms a{color:#8b4513;text-decoration:none}.signup-form .terms a:hover{text-decoration:underline}.signup-form .link-button{background:none;border:none;color:#8b4513;text-decoration:none;font-weight:500;cursor:pointer;padding:0}.signup-form .link-button:hover{text-decoration:underline}.tag-hierarchy{display:flex;gap:2rem;height:75vh;width:100%}.tag-hierarchy .tree-container{flex:1;background:var(--color-surface);border-radius:12px;padding:1.5rem;overflow:hidden;display:flex;flex-direction:column}.tag-hierarchy .tree-container .hierarchy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.tag-hierarchy .tree-container .hierarchy-header h3{margin:0;color:var(--color-text)}.tag-hierarchy .tree-container .hierarchy-header .legend{display:flex;gap:1.5rem}.tag-hierarchy .tree-container .hierarchy-header .legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.tag-hierarchy .tree-container .hierarchy-header .legend .legend-item .specificity-dot{width:12px;height:12px;border-radius:50%}.tag-hierarchy .tree-container .hierarchy-header .legend .legend-item .specificity-dot.low{background:#ff6b6b}.tag-hierarchy .tree-container .hierarchy-header .legend .legend-item .specificity-dot.medium{background:#feca57}.tag-hierarchy .tree-container .hierarchy-header .legend .legend-item .specificity-dot.high{background:#48dbfb}.tag-hierarchy .tree-container .tree-content{flex:1;overflow-y:auto;overflow-x:hidden}.tag-hierarchy .tree-container .tree-content .category-section{margin-bottom:2rem}.tag-hierarchy .tree-container .tree-content .category-section .category-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.tag-hierarchy .tree-container .tree-content .category-section .category-tags{display:flex;flex-direction:column}.tag-hierarchy .tree-container .tree-content .tree-node{margin-bottom:.25rem}.tag-hierarchy .tree-container .tree-content .tree-node .node-content{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:8px;transition:all .2s ease}.tag-hierarchy .tree-container .tree-content .tree-node .node-content:hover{background:var(--color-bg-hover)}.tag-hierarchy .tree-container .tree-content .tree-node .node-content.selected{background:var(--color-primary-light)}.tag-hierarchy .tree-container .tree-content .tree-node .node-content.selected .tag-info{color:var(--color-primary)}.tag-hierarchy .tree-container .tree-content .tree-node .node-content .expand-button{width:20px;height:20px;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:transform .2s ease}.tag-hierarchy .tree-container .tree-content .tree-node .node-content .expand-button:hover{color:var(--color-text)}.tag-hierarchy .tree-container .tree-content .tree-node .node-content .expand-button svg{width:16px;height:16px}.tag-hierarchy .tree-container .tree-content .tree-node .node-content .tag-info{flex:1;display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.tag-hierarchy .tree-container .tree-content .tree-node .node-content .tag-info:hover{transform:translate(2px)}.tag-hierarchy .tree-container .tree-content .tree-node .node-content .tag-info .tag-icon{width:16px;height:16px;flex-shrink:0}.tag-hierarchy .tree-container .tree-content .tree-node .node-content .tag-info .tag-name{font-weight:500;color:var(--color-text)}.tag-hierarchy .tree-container .tree-content .tree-node .node-content .tag-info .usage-count{font-size:.75rem;color:var(--color-text-muted)}.tag-hierarchy .tree-container .tree-content .tree-node .node-content .tag-info.low .tag-icon{color:#ff6b6b}.tag-hierarchy .tree-container .tree-content .tree-node .node-content .tag-info.medium .tag-icon{color:#feca57}.tag-hierarchy .tree-container .tree-content .tree-node .node-content .tag-info.high .tag-icon{color:#48dbfb}.tag-hierarchy .tree-container .tree-content .tree-node .children{margin-top:.25rem}.tag-hierarchy .selected-tag-panel{width:300px;background:var(--color-surface);border-radius:12px;padding:1.5rem;height:fit-content;box-shadow:var(--shadow-sm)}.tag-hierarchy .selected-tag-panel h4{margin:0 0 1rem;color:var(--color-primary);font-size:1.25rem}.tag-hierarchy .selected-tag-panel .description{margin:0 0 1.5rem;font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.tag-hierarchy .selected-tag-panel .tag-details{display:flex;flex-direction:column;gap:.75rem}.tag-hierarchy .selected-tag-panel .tag-details .detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-bg-secondary)}.tag-hierarchy .selected-tag-panel .tag-details .detail-item:last-child{border-bottom:none}.tag-hierarchy .selected-tag-panel .tag-details .detail-item .label{font-size:.875rem;color:var(--color-text-muted)}.tag-hierarchy .selected-tag-panel .tag-details .detail-item .value{font-weight:500;font-size:.875rem;color:var(--color-text)}.tag-hierarchy .selected-tag-panel .tag-details .detail-item .value.low{color:#ff6b6b}.tag-hierarchy .selected-tag-panel .tag-details .detail-item .value.medium{color:#feca57}.tag-hierarchy .selected-tag-panel .tag-details .detail-item .value.high{color:#48dbfb}@media (max-width: 768px){.tag-hierarchy{flex-direction:column;height:auto}.tag-hierarchy .tree-container{height:500px}.tag-hierarchy .selected-tag-panel{width:100%}}@media (max-width: 480px){.tag-hierarchy .tree-container{padding:1rem}.tag-hierarchy .tree-container .hierarchy-header{flex-direction:column;align-items:flex-start;gap:1rem}.tag-hierarchy .tree-container .hierarchy-header .legend{flex-wrap:wrap;gap:.75rem}}.page-container,.tag-management{display:flex;flex-direction:column;height:100%;overflow:hidden;box-sizing:border-box;align-items:center;width:100%}@media (max-width: 480px){.page-container,.tag-management{overflow-x:hidden;overflow-y:auto}}.secondary-button,.danger-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#8f4c2c;background:transparent;border:2px solid #8f4c2c;border-radius:9999px;width:max-content;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.secondary-button:hover,.danger-button:hover{background-color:#f5e8db;box-shadow:0 2px 6px #00000014;transform:scale(1.03)}.secondary-button:active,.danger-button:active{transform:scale(.98);background-color:#8f4c2c;color:#fff;border-color:#8f4c2c}.secondary-button:disabled,.danger-button:disabled{opacity:.6;cursor:not-allowed}.card,.tag-management .tag-card{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}.card:hover,.tag-management .tag-card:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){.card,.tag-management .tag-card{padding:.75rem}}.tag-management{padding:2rem}.tag-management.loading,.tag-management.error{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem}.tag-management.error{color:var(--color-danger)}.tag-management .page-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;width:100%}.tag-management .page-header h1{margin:0}.tag-management .page-header .primary-button{display:flex;align-items:center;gap:.5rem}.tag-management .controls{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.tag-management .controls .search-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem}.tag-management .controls .search-input:focus{outline:none;border-color:var(--color-primary)}.tag-management .controls .category-filter{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--color-white);font-size:1rem;cursor:pointer}.tag-management .controls .category-filter:focus{outline:none;border-color:var(--color-primary)}.tag-management .controls .view-toggle{display:flex;background:var(--color-surface);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.tag-management .controls .view-toggle button{background:transparent;border:none;padding:.5rem 1rem;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;display:flex;align-items:center}.tag-management .controls .view-toggle button:not(:last-child){border-right:1px solid var(--border-color)}.tag-management .controls .view-toggle button:hover{background:var(--color-bg-hover)}.tag-management .controls .view-toggle button.active{background:var(--color-primary);color:#fff}.tag-management .controls .view-toggle button svg{width:18px;height:18px}.tag-management .tags-grid .category-section{margin-bottom:2rem}.tag-management .tags-grid .category-section .category-header{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.tag-management .tags-grid .category-section .category-header .tag-count{font-size:1rem;font-weight:400;color:var(--color-text-muted)}.tag-management .tags-grid .category-section .tags-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.tag-management .tag-card{padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.tag-management .tag-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tag-management .tag-card .tag-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tag-management .tag-card .tag-header .tag-actions{display:flex;gap:.5rem}.tag-management .tag-card .tag-header .tag-actions .icon-button{padding:.5rem;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--color-text-muted)}.tag-management .tag-card .tag-header .tag-actions .icon-button:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.tag-management .tag-card .tag-header .tag-actions .icon-button.danger:hover{color:var(--color-danger);background-color:#dc35451a}.tag-management .tag-card .tag-description{color:var(--color-text-muted);margin-bottom:1rem;line-height:1.5}.tag-management .tag-card .tag-meta{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-muted)}.tag-management .tag-card .tag-meta .specificity{font-weight:500}.tag-form .form-group,.tag-form .time-group{margin-bottom:1.5rem}.tag-form .form-group label,.tag-form .time-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text)}.tag-form .form-group input,.tag-form .time-group input,.tag-form .form-group textarea,.tag-form .time-group textarea,.tag-form .form-group select,.tag-form .time-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;font-family:inherit}.tag-form .form-group input:focus,.tag-form .time-group input:focus,.tag-form .form-group textarea:focus,.tag-form .time-group textarea:focus,.tag-form .form-group select:focus,.tag-form .time-group select:focus{outline:none;border-color:var(--color-primary)}.tag-form .form-group textarea,.tag-form .time-group textarea{resize:vertical;min-height:80px}.tag-form .form-group .warning,.tag-form .time-group .warning{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:var(--color-warning);font-size:.875rem}.tag-form .form-group .warning svg,.tag-form .time-group .warning svg{flex-shrink:0}.tag-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tag-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.delete-confirmation p{margin:1.5rem 0;line-height:1.5}.delete-confirmation p .warning{display:block;margin-top:.5rem;color:var(--color-warning);font-weight:500}.delete-confirmation .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.danger-button{background-color:var(--color-danger);color:#fff}.danger-button:hover:not(:disabled){background-color:var(--color-danger-hover)}@media (max-width: 768px){.tag-management{padding:1.5rem}.tag-management .tags-grid .category-section .tags-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 480px){.tag-management{padding:1rem}.tag-management .controls{flex-direction:column}.tag-management .controls .search-input{width:100%}.tag-management .tags-grid .category-section .tags-list,.tag-management .tag-form .form-row{grid-template-columns:1fr}}.learning-plan-display{max-width:1000px;margin:0 auto;padding:2rem}.learning-plan-display.loading,.learning-plan-display.error{text-align:center;padding:4rem 2rem}.learning-plan-display .spinner{width:40px;height:40px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.learning-plan-display .error-message{color:var(--color-danger);font-size:1.2rem;margin-bottom:1.5rem}.learning-plan-display .btn,.learning-plan-display .header nav .login-button,.header nav .learning-plan-display .login-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .3s ease}.learning-plan-display .btn.btn-primary,.learning-plan-display .header nav .btn-primary.login-button,.header nav .learning-plan-display .btn-primary.login-button{color:#fff;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a;border:none}.learning-plan-display .btn.btn-primary:hover,.learning-plan-display .header nav .btn-primary.login-button:hover,.header nav .learning-plan-display .btn-primary.login-button:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}.learning-plan-display .btn.btn-primary:active,.learning-plan-display .header nav .btn-primary.login-button:active,.header nav .learning-plan-display .btn-primary.login-button:active{transform:scale(.98)}.learning-plan-display .btn.btn-secondary,.learning-plan-display .header nav .btn-secondary.login-button,.header nav .learning-plan-display .btn-secondary.login-button{color:#8f4c2c;background:transparent;border:2px solid #8f4c2c}.learning-plan-display .btn.btn-secondary:hover,.learning-plan-display .header nav .btn-secondary.login-button:hover,.header nav .learning-plan-display .btn-secondary.login-button:hover{background-color:#f5e8db;box-shadow:0 2px 6px #00000014;transform:scale(1.03)}.learning-plan-display .btn.btn-secondary:active,.learning-plan-display .header nav .btn-secondary.login-button:active,.header nav .learning-plan-display .btn-secondary.login-button:active{transform:scale(.98);background-color:#8f4c2c;color:#fff;border-color:#8f4c2c}.learning-plan-display .btn:disabled,.learning-plan-display .header nav .login-button:disabled,.header nav .learning-plan-display .login-button:disabled{opacity:.6;cursor:not-allowed}.learning-plan-display .plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;border-bottom:2px solid var(--color-border);padding-bottom:1.5rem}.learning-plan-display .plan-header h1{font-size:2.5rem;color:var(--color-text);margin:0}.learning-plan-display .plan-header .plan-actions{display:flex;gap:1rem}@media (max-width: 768px){.learning-plan-display .plan-header{flex-direction:column;align-items:flex-start;gap:1rem}.learning-plan-display .plan-header h1{font-size:2rem}.learning-plan-display .plan-header .plan-actions{width:100%;justify-content:space-between}}.learning-plan-display .plan-content .summary-section{background:var(--color-card-bg);padding:2rem;border-radius:.75rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.learning-plan-display .plan-content .summary-section .summary{font-size:1.2rem;line-height:1.6;color:var(--color-text);margin:0}.learning-plan-display .plan-content .study-time-card{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;padding:2rem;border-radius:1rem;text-align:center;margin-bottom:2rem;box-shadow:0 4px 8px #00000026}.learning-plan-display .plan-content .study-time-card h2{font-size:3rem;margin-bottom:.5rem}.learning-plan-display .plan-content .study-time-card p{font-size:1.2rem;margin:0;text-transform:uppercase;letter-spacing:.1em;opacity:.9}.learning-plan-display .plan-content .schedule-section{margin-bottom:3rem}.learning-plan-display .plan-content .schedule-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--color-text)}.learning-plan-display .plan-content .schedule-section .schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.learning-plan-display .plan-content .schedule-section .schedule-grid .schedule-item{background:var(--color-card-bg);padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a}.learning-plan-display .plan-content .schedule-section .schedule-grid .schedule-item h4{font-size:1.2rem;color:var(--color-primary);margin-bottom:1rem}.learning-plan-display .plan-content .schedule-section .schedule-grid .schedule-item ul{list-style:none;padding:0;margin:0}.learning-plan-display .plan-content .schedule-section .schedule-grid .schedule-item ul li{padding:.5rem 0;color:var(--color-text-muted);font-size:.9rem;border-bottom:1px solid var(--color-border-light)}.learning-plan-display .plan-content .schedule-section .schedule-grid .schedule-item ul li:last-child{border-bottom:none}.learning-plan-display .plan-content .schedule-section .schedule-grid .schedule-item .value{font-size:1.3rem;font-weight:600;color:var(--color-primary)}.learning-plan-display .plan-content .schedule-section .schedule-grid .schedule-item .schedule-topics{margin-bottom:1rem}.learning-plan-display .plan-content .schedule-section .schedule-grid .schedule-item .schedule-topics strong{display:block;margin-bottom:.5rem;color:var(--color-text)}.learning-plan-display .plan-content .schedule-section .schedule-grid .schedule-item .schedule-hours{color:var(--color-primary);font-size:.9rem;margin-top:.5rem}.learning-plan-display .plan-content .schedule-section .milestones{display:grid;gap:1.5rem}.learning-plan-display .plan-content .schedule-section .milestones .milestone-item{background:var(--color-card-bg);padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;border-left:4px solid var(--color-primary)}.learning-plan-display .plan-content .schedule-section .milestones .milestone-item h3{font-size:1.3rem;color:var(--color-primary);margin-bottom:1rem}.learning-plan-display .plan-content .schedule-section .milestones .milestone-item p{margin:.5rem 0;color:var(--color-text-muted)}.learning-plan-display .plan-content .schedule-section .milestones .milestone-item p strong{color:var(--color-text)}.learning-plan-display .plan-content .score-info{margin:1rem 0;display:flex;gap:2rem}.learning-plan-display .plan-content .score-info p{margin:0;font-size:1rem;color:var(--color-text-muted)}.learning-plan-display .plan-content .resources-section{margin-bottom:3rem}.learning-plan-display .plan-content .resources-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--color-text)}.learning-plan-display .plan-content .resources-section .resources-list{background:var(--color-card-bg);padding:2rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a}.learning-plan-display .plan-content .resources-section .resources-list .resource-topic{margin-bottom:2rem}.learning-plan-display .plan-content .resources-section .resources-list .resource-topic:last-child{margin-bottom:0}.learning-plan-display .plan-content .resources-section .resources-list .resource-topic h4{font-size:1.2rem;color:var(--color-primary);margin-bottom:1rem}.learning-plan-display .plan-content .resources-section .resources-list ul{list-style:none;padding:0;margin:0}.learning-plan-display .plan-content .resources-section .resources-list ul li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--color-text-muted);line-height:1.6}.learning-plan-display .plan-content .resources-section .resources-list ul li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.learning-plan-display .plan-content .focus-areas-section{margin-bottom:3rem}.learning-plan-display .plan-content .focus-areas-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--color-text)}.learning-plan-display .plan-content .focus-areas-section .focus-areas{display:flex;flex-direction:column;gap:1.5rem}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area{background:var(--color-card-bg);padding:2rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;border-left:4px solid transparent}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area.high{border-left-color:var(--color-danger)}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area.medium{border-left-color:var(--color-warning)}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area.low{border-left-color:var(--color-success)}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area .area-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area .area-header h3{font-size:1.5rem;margin:0;color:var(--color-text)}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area .area-header .priority-badge{padding:.4rem .8rem;border-radius:2rem;font-size:.75rem;font-weight:600;letter-spacing:.05em}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area .area-header .priority-badge.high{background-color:#eb57571a;color:var(--color-danger)}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area .area-header .priority-badge.medium{background-color:#f2994a1a;color:var(--color-warning)}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area .area-header .priority-badge.low{background-color:#27ae601a;color:var(--color-success)}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area .recommended-hours{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.1rem}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area .resources h4{font-size:1.1rem;margin-bottom:.75rem;color:var(--color-text)}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area .resources ul{list-style:none;padding:0;margin:0}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area .resources ul li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--color-text-muted);line-height:1.5}.learning-plan-display .plan-content .focus-areas-section .focus-areas .focus-area .resources ul li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700}.learning-plan-display .plan-content .plain-content{background:var(--color-card-bg);padding:2rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a}.learning-plan-display .plan-content .plain-content p{font-size:1.1rem;line-height:1.6;color:var(--color-text);white-space:pre-wrap}.learning-plan-display .plan-content .plan-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border);text-align:center}.learning-plan-display .plan-content .plan-footer .created-date{color:var(--color-text-muted);font-size:.9rem}@media print{.learning-plan-display .plan-header .plan-actions{display:none}.learning-plan-display .plan-content .focus-area{page-break-inside:avoid}}.glossary-test-page{min-height:100vh;background-color:var(--background-color);padding:2rem 0}.glossary-test-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.glossary-test-page h1{color:var(--text-primary);margin-bottom:2rem;text-align:center}.glossary-test-page .preferences-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.glossary-test-page .preferences-panel h2{margin-top:0;margin-bottom:1rem;color:var(--text-primary);font-size:1.25rem}.glossary-test-page .preferences-panel .preference-item{margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.glossary-test-page .preferences-panel .preference-item label{color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:.5rem}.glossary-test-page .preferences-panel .preference-item select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--background-color);color:var(--text-primary);font-size:1rem}.glossary-test-page .preferences-panel .preference-item select:focus{outline:none;border-color:var(--primary-color)}.glossary-test-page .preferences-panel .preference-item input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.glossary-test-page .test-section{margin-bottom:2rem}.glossary-test-page .test-section h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.glossary-test-page .test-section .content-box{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;line-height:1.7;color:var(--text-secondary)}.glossary-test-page .test-section .content-box h3{color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem}.glossary-test-page .test-section .content-box h3:first-child{margin-top:0}.glossary-test-page .test-section .content-box p{margin-bottom:1rem}.glossary-test-page .test-section .content-box p:last-child{margin-bottom:0}.glossary-test-page .test-section .content-box ul{margin:1rem 0;padding-left:2rem}.glossary-test-page .test-section .content-box code{background:var(--code-bg, #f3f4f6);padding:.125rem .375rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.9em}.glossary-test-page .info-section{background:var(--info-bg, #e0e7ff);border:1px solid var(--info-border, #c7d2fe);border-radius:8px;padding:1.5rem;margin-top:3rem}.glossary-test-page .info-section h2{color:var(--info-text, #4338ca);margin-top:0;margin-bottom:1rem}.glossary-test-page .info-section h3{color:var(--info-text, #4338ca);margin-top:1.5rem;margin-bottom:.5rem}.glossary-test-page .info-section ul,.glossary-test-page .info-section ol{margin:.5rem 0;padding-left:2rem;color:var(--text-secondary)}.glossary-test-page .info-section li{margin-bottom:.5rem}.glossary-test-page .info-section p{color:var(--text-secondary);margin-bottom:.5rem}.primary-button,.category-manager .category-form .form-actions .submit-button,.category-manager .manager-header .add-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:9999px;width:max-content;cursor:pointer;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a;transition:background-position .4s ease,transform .2s ease,box-shadow .2s ease}.primary-button:hover,.category-manager .category-form .form-actions .submit-button:hover,.category-manager .manager-header .add-button:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}.primary-button:active,.category-manager .category-form .form-actions .submit-button:active,.category-manager .manager-header .add-button:active{transform:scale(.98)}.primary-button:disabled,.category-manager .category-form .form-actions .submit-button:disabled,.category-manager .manager-header .add-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button,.category-manager .category-form .form-actions .cancel-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#8f4c2c;background:transparent;border:2px solid #8f4c2c;border-radius:9999px;width:max-content;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.secondary-button:hover,.category-manager .category-form .form-actions .cancel-button:hover{background-color:#f5e8db;box-shadow:0 2px 6px #00000014;transform:scale(1.03)}.secondary-button:active,.category-manager .category-form .form-actions .cancel-button:active{transform:scale(.98);background-color:#8f4c2c;color:#fff;border-color:#8f4c2c}.secondary-button:disabled,.category-manager .category-form .form-actions .cancel-button:disabled{opacity:.6;cursor:not-allowed}.category-manager{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.category-manager.loading{text-align:center;color:var(--text-secondary);padding:3rem}.category-manager .manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.category-manager .manager-header h3{margin:0;color:var(--text-primary)}.category-manager .manager-header .add-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem}.category-manager .category-form{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.category-manager .category-form h4{margin-top:0;margin-bottom:1rem;color:var(--text-primary)}.category-manager .category-form .form-group,.category-manager .category-form .time-group{margin-bottom:1rem}.category-manager .category-form .form-group label,.category-manager .category-form .time-group label{display:block;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.category-manager .category-form .form-group input,.category-manager .category-form .time-group input,.category-manager .category-form .form-group textarea,.category-manager .category-form .time-group textarea,.category-manager .category-form .form-group select,.category-manager .category-form .time-group select{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-primary);font-size:.875rem;font-family:inherit}.category-manager .category-form .form-group input:focus,.category-manager .category-form .time-group input:focus,.category-manager .category-form .form-group textarea:focus,.category-manager .category-form .time-group textarea:focus,.category-manager .category-form .form-group select:focus,.category-manager .category-form .time-group select:focus{outline:none;border-color:#8f4c2c;box-shadow:0 0 0 3px #8f4c2c1a}.category-manager .category-form .form-group input::placeholder,.category-manager .category-form .time-group input::placeholder,.category-manager .category-form .form-group textarea::placeholder,.category-manager .category-form .time-group textarea::placeholder,.category-manager .category-form .form-group select::placeholder,.category-manager .category-form .time-group select::placeholder{color:var(--text-tertiary)}.category-manager .category-form .form-group textarea,.category-manager .category-form .time-group textarea{resize:vertical;min-height:60px}.category-manager .category-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.category-manager .category-form .form-row{grid-template-columns:1fr}}.category-manager .category-form .color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.category-manager .category-form .color-picker .color-swatch{width:32px;height:32px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .2s}.category-manager .category-form .color-picker .color-swatch:hover{transform:scale(1.1)}.category-manager .category-form .color-picker .color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--surface-color)}.category-manager .category-form .form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.category-manager .category-form .form-actions .submit-button,.category-manager .category-form .form-actions .cancel-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem}.category-manager .categories-list .category-section{margin-bottom:2rem}.category-manager .categories-list .category-section:last-child{margin-bottom:0}.category-manager .categories-list .category-section h4{color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.category-manager .categories-list .category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.category-manager .categories-list .category-card{background:var(--background-color);border:1px solid var(--border-color);border-left:4px solid;border-radius:8px;padding:1rem;transition:all .2s}.category-manager .categories-list .category-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.category-manager .categories-list .category-card.system{border-left-color:var(--text-tertiary);opacity:.8}.category-manager .categories-list .category-card .category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.category-manager .categories-list .category-card .category-header .category-icon{font-size:1.25rem;opacity:.8}.category-manager .categories-list .category-card .category-header h5{margin:0;font-size:1rem;color:var(--text-primary);flex:1}.category-manager .categories-list .category-card .category-header .system-badge{font-size:.75rem;padding:.125rem .5rem;background:var(--text-tertiary);color:var(--surface-color);border-radius:9999px}.category-manager .categories-list .category-card .category-header .category-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.category-manager .categories-list .category-card .category-header .category-actions .icon-button{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-secondary);transition:all .2s}.category-manager .categories-list .category-card .category-header .category-actions .icon-button:hover{background:var(--hover-bg);color:#8f4c2c}.category-manager .categories-list .category-card .category-header .category-actions .icon-button.delete:hover{background:var(--danger-bg, #fee2e2);color:var(--danger-color, #dc2626)}.category-manager .categories-list .category-card:hover .category-actions{opacity:1}.category-manager .categories-list .category-card .category-description{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}@media (max-width: 768px){.category-manager{padding:1rem}.category-manager .category-grid{grid-template-columns:1fr!important}}.primary-button,.ai-term-input .preview-section .generated-term .edit-form .save-edit-button,.ai-term-input .input-section .input-wrapper .generate-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:9999px;width:max-content;cursor:pointer;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a;transition:background-position .4s ease,transform .2s ease,box-shadow .2s ease}.primary-button:hover,.ai-term-input .preview-section .generated-term .edit-form .save-edit-button:hover,.ai-term-input .input-section .input-wrapper .generate-button:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}.primary-button:active,.ai-term-input .preview-section .generated-term .edit-form .save-edit-button:active,.ai-term-input .input-section .input-wrapper .generate-button:active{transform:scale(.98)}.primary-button:disabled,.ai-term-input .preview-section .generated-term .edit-form .save-edit-button:disabled,.ai-term-input .input-section .input-wrapper .generate-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button,.ai-term-input .preview-section .generated-term .edit-form .add-variation-btn,.ai-term-input .preview-section .generated-term .edit-form .add-link-btn{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#8f4c2c;background:transparent;border:2px solid #8f4c2c;border-radius:9999px;width:max-content;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.secondary-button:hover,.ai-term-input .preview-section .generated-term .edit-form .add-variation-btn:hover,.ai-term-input .preview-section .generated-term .edit-form .add-link-btn:hover{background-color:#f5e8db;box-shadow:0 2px 6px #00000014;transform:scale(1.03)}.secondary-button:active,.ai-term-input .preview-section .generated-term .edit-form .add-variation-btn:active,.ai-term-input .preview-section .generated-term .edit-form .add-link-btn:active{transform:scale(.98);background-color:#8f4c2c;color:#fff;border-color:#8f4c2c}.secondary-button:disabled,.ai-term-input .preview-section .generated-term .edit-form .add-variation-btn:disabled,.ai-term-input .preview-section .generated-term .edit-form .add-link-btn:disabled{opacity:.6;cursor:not-allowed}.ai-term-input{background:var(--card-bg);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.ai-term-input .input-section .input-wrapper{display:flex;gap:12px;margin-bottom:12px}.ai-term-input .input-section .input-wrapper .term-input{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:border-color .2s}.ai-term-input .input-section .input-wrapper .term-input:focus{outline:none;border-color:var(--primary-color)}.ai-term-input .input-section .input-wrapper .generate-button{display:flex;align-items:center;gap:8px;padding:12px 24px;white-space:nowrap}.ai-term-input .input-section .input-wrapper .generate-button svg{font-size:18px}.ai-term-input .input-section .input-wrapper .generate-button:disabled{opacity:.6;cursor:not-allowed}.ai-term-input .input-section .cancel-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:4px 8px;transition:color .2s}.ai-term-input .input-section .cancel-link:hover{color:var(--text-primary)}.ai-term-input .preview-section .generated-term .term-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ai-term-input .preview-section .generated-term .term-header h3{margin:0;font-size:18px;color:var(--text-primary)}.ai-term-input .preview-section .generated-term .term-header .actions{display:flex;gap:8px}.ai-term-input .preview-section .generated-term .icon-button{background:none;border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;color:var(--text-primary)}.ai-term-input .preview-section .generated-term .icon-button:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.ai-term-input .preview-section .generated-term .icon-button.approve:hover{background-color:var(--success-light);color:var(--success-color);border-color:var(--success-color)}.ai-term-input .preview-section .generated-term .icon-button.cancel:hover{background-color:var(--danger-light);color:var(--danger-color);border-color:var(--danger-color)}.ai-term-input .preview-section .generated-term .edit-form{max-height:600px;overflow-y:auto;padding-right:10px}.ai-term-input .preview-section .generated-term .edit-form .form-section{margin-bottom:24px;padding:16px;background:var(--bg-subtle);border-radius:8px;border:1px solid var(--border-color)}.ai-term-input .preview-section .generated-term .edit-form .form-section h4{margin:0 0 16px;font-size:16px;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:8px}.ai-term-input .preview-section .generated-term .edit-form .form-group,.ai-term-input .preview-section .generated-term .edit-form .time-group{margin-bottom:16px}.ai-term-input .preview-section .generated-term .edit-form .form-group label,.ai-term-input .preview-section .generated-term .edit-form .time-group label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.ai-term-input .preview-section .generated-term .edit-form .form-group input,.ai-term-input .preview-section .generated-term .edit-form .time-group input,.ai-term-input .preview-section .generated-term .edit-form .form-group textarea,.ai-term-input .preview-section .generated-term .edit-form .time-group textarea,.ai-term-input .preview-section .generated-term .edit-form .form-group select,.ai-term-input .preview-section .generated-term .edit-form .time-group select{width:100%;padding:10px 14px;border:2px solid var(--border-color);border-radius:6px;font-size:14px;background-color:#fff;color:var(--text-primary);transition:border-color .2s}.ai-term-input .preview-section .generated-term .edit-form .form-group input:focus,.ai-term-input .preview-section .generated-term .edit-form .time-group input:focus,.ai-term-input .preview-section .generated-term .edit-form .form-group textarea:focus,.ai-term-input .preview-section .generated-term .edit-form .time-group textarea:focus,.ai-term-input .preview-section .generated-term .edit-form .form-group select:focus,.ai-term-input .preview-section .generated-term .edit-form .time-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8f4c2c1a}.ai-term-input .preview-section .generated-term .edit-form .form-group textarea,.ai-term-input .preview-section .generated-term .edit-form .time-group textarea{resize:vertical;min-height:80px;font-family:inherit}.ai-term-input .preview-section .generated-term .edit-form .form-group input[type=number],.ai-term-input .preview-section .generated-term .edit-form .time-group input[type=number]{width:120px}.ai-term-input .preview-section .generated-term .edit-form .variation-input,.ai-term-input .preview-section .generated-term .edit-form .link-input{display:flex;gap:8px;margin-bottom:12px;align-items:center}.ai-term-input .preview-section .generated-term .edit-form .variation-input input,.ai-term-input .preview-section .generated-term .edit-form .link-input input{flex:1}.ai-term-input .preview-section .generated-term .edit-form .variation-input select,.ai-term-input .preview-section .generated-term .edit-form .link-input select{width:140px}.ai-term-input .preview-section .generated-term .edit-form .variation-input .remove-btn,.ai-term-input .preview-section .generated-term .edit-form .link-input .remove-btn{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-term-input .preview-section .generated-term .edit-form .variation-input .remove-btn:hover,.ai-term-input .preview-section .generated-term .edit-form .link-input .remove-btn:hover{background:#fecaca}.ai-term-input .preview-section .generated-term .edit-form .add-variation-btn,.ai-term-input .preview-section .generated-term .edit-form .add-link-btn{display:flex;align-items:center;gap:6px;font-size:14px;padding:8px 16px;border:2px dashed var(--border-color);background:transparent}.ai-term-input .preview-section .generated-term .edit-form .add-variation-btn:hover,.ai-term-input .preview-section .generated-term .edit-form .add-link-btn:hover{background:var(--bg-hover);border-style:solid}.ai-term-input .preview-section .generated-term .edit-form .form-options{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.ai-term-input .preview-section .generated-term .edit-form .form-options label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);cursor:pointer}.ai-term-input .preview-section .generated-term .edit-form .form-options label input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--primary-color)}.ai-term-input .preview-section .generated-term .edit-form .save-edit-button{width:100%;margin-top:16px}.ai-term-input .preview-section .generated-term .term-preview .preview-section{margin-bottom:20px;padding:12px;background:var(--bg-subtle);border-radius:8px;border:1px solid var(--border-color)}.ai-term-input .preview-section .generated-term .term-preview .preview-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.ai-term-input .preview-section .generated-term .term-preview .preview-section:last-child{margin-bottom:0}.ai-term-input .preview-section .generated-term .term-preview .preview-field{margin-bottom:8px;display:flex;gap:12px}.ai-term-input .preview-section .generated-term .term-preview .preview-field:last-child{margin-bottom:0}.ai-term-input .preview-section .generated-term .term-preview .preview-field .label{font-weight:500;color:var(--text-secondary);min-width:80px;font-size:13px}.ai-term-input .preview-section .generated-term .term-preview .preview-field .value{flex:1;color:var(--text-primary);font-size:13px;line-height:1.5}.ai-term-input .preview-section .generated-term .term-preview .examples-list{margin:0;padding-left:20px}.ai-term-input .preview-section .generated-term .term-preview .examples-list li{color:var(--text-primary);font-size:13px;margin-bottom:4px}.ai-term-input .preview-section .generated-term .term-preview .variations-list{display:flex;flex-wrap:wrap;gap:8px}.ai-term-input .preview-section .generated-term .term-preview .variations-list .variation-item{display:inline-block;padding:4px 10px;background:var(--primary-light);color:var(--primary-color);border-radius:12px;font-size:12px;font-weight:500}.ai-term-input .preview-section .generated-term .term-preview .links-list{display:flex;flex-direction:column;gap:6px}.ai-term-input .preview-section .generated-term .term-preview .links-list a{color:var(--primary-color);text-decoration:none;font-size:13px}.ai-term-input .preview-section .generated-term .term-preview .links-list a:hover{text-decoration:underline}.ai-term-input .preview-section .generated-term .term-preview .options-list{display:flex;flex-wrap:wrap;gap:8px}.ai-term-input .preview-section .generated-term .term-preview .options-list .option-badge{display:inline-block;padding:4px 10px;background:var(--bg-hover);color:var(--text-secondary);border-radius:6px;font-size:12px;font-weight:500;border:1px solid var(--border-color)}.ai-term-input .error-message{margin-top:12px;padding:12px;background-color:var(--danger-light);color:var(--danger-color);border-radius:6px;font-size:14px}.primary-button,.glossary-management .glossary-form .form-actions .submit-button,.glossary-management .glossary-controls .add-options .add-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:9999px;width:max-content;cursor:pointer;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a;transition:background-position .4s ease,transform .2s ease,box-shadow .2s ease}.primary-button:hover,.glossary-management .glossary-form .form-actions .submit-button:hover,.glossary-management .glossary-controls .add-options .add-button:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}.primary-button:active,.glossary-management .glossary-form .form-actions .submit-button:active,.glossary-management .glossary-controls .add-options .add-button:active{transform:scale(.98)}.primary-button:disabled,.glossary-management .glossary-form .form-actions .submit-button:disabled,.glossary-management .glossary-controls .add-options .add-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button,.glossary-management .glossary-form .form-actions .cancel-button,.glossary-management .glossary-form .dynamic-list .add-item-button,.glossary-management .glossary-controls .control-group .manage-categories-btn{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#8f4c2c;background:transparent;border:2px solid #8f4c2c;border-radius:9999px;width:max-content;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.secondary-button:hover,.glossary-management .glossary-form .form-actions .cancel-button:hover,.glossary-management .glossary-form .dynamic-list .add-item-button:hover,.glossary-management .glossary-controls .control-group .manage-categories-btn:hover{background-color:#f5e8db;box-shadow:0 2px 6px #00000014;transform:scale(1.03)}.secondary-button:active,.glossary-management .glossary-form .form-actions .cancel-button:active,.glossary-management .glossary-form .dynamic-list .add-item-button:active,.glossary-management .glossary-controls .control-group .manage-categories-btn:active{transform:scale(.98);background-color:#8f4c2c;color:#fff;border-color:#8f4c2c}.secondary-button:disabled,.glossary-management .glossary-form .form-actions .cancel-button:disabled,.glossary-management .glossary-form .dynamic-list .add-item-button:disabled,.glossary-management .glossary-controls .control-group .manage-categories-btn:disabled{opacity:.6;cursor:not-allowed}.glossary-management{max-width:1200px;margin:0 auto;padding:2rem 1rem}.glossary-management .glossary-header{text-align:center;margin-bottom:2rem}.glossary-management .glossary-header h1{color:var(--text-primary);margin-bottom:.5rem}.glossary-management .glossary-header p{color:var(--text-secondary);font-size:1.125rem}.glossary-management .glossary-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.glossary-management .glossary-controls .controls-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}@media (max-width: 768px){.glossary-management .glossary-controls .controls-row.top-row{flex-direction:column;align-items:stretch}}.glossary-management .glossary-controls .control-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}@media (max-width: 768px){.glossary-management .glossary-controls .control-group{min-width:100%}}.glossary-management .glossary-controls .control-group label{font-weight:500;color:var(--text-secondary);font-size:.875rem}.glossary-management .glossary-controls .control-group .category-select-wrapper{display:flex;gap:.5rem;align-items:stretch}@media (max-width: 480px){.glossary-management .glossary-controls .control-group .category-select-wrapper{flex-direction:column}}.glossary-management .glossary-controls .control-group .category-select-wrapper .category-select{flex:1;min-width:0}.glossary-management .glossary-controls .control-group .category-select,.glossary-management .glossary-controls .control-group .search-input{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-primary);font-size:1rem}.glossary-management .glossary-controls .control-group .category-select:focus,.glossary-management .glossary-controls .control-group .search-input:focus{outline:none;border-color:#8f4c2c;box-shadow:0 0 0 3px #8f4c2c1a}.glossary-management .glossary-controls .control-group .search-input{width:100%}.glossary-management .glossary-controls .control-group .manage-categories-btn{padding:.5rem 1rem;font-size:.875rem;white-space:nowrap;flex-shrink:0}@media (max-width: 480px){.glossary-management .glossary-controls .control-group .manage-categories-btn{width:100%}}.glossary-management .glossary-controls .add-options{display:flex;gap:.5rem;flex-shrink:0}@media (max-width: 768px){.glossary-management .glossary-controls .add-options{width:100%}.glossary-management .glossary-controls .add-options .add-button{flex:1;justify-content:center}}.glossary-management .glossary-controls .add-options .add-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;height:fit-content}.glossary-management .glossary-controls .add-options .add-button.ai-button{background:#6366f1}.glossary-management .glossary-controls .add-options .add-button.ai-button:hover{background:#5558e9}.glossary-management .glossary-form{background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d}.glossary-management .glossary-form h2{margin-top:0;margin-bottom:2rem;color:var(--text-primary);padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.glossary-management .glossary-form .form-section{margin-bottom:2.5rem;padding:1.5rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px}.glossary-management .glossary-form .form-section h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.glossary-management .glossary-form .form-section h3:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.glossary-management .glossary-form .form-section:last-of-type{margin-bottom:0}.glossary-management .glossary-form .form-row{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.glossary-management .glossary-form .form-group,.glossary-management .glossary-form .time-group{margin-bottom:1.5rem}.glossary-management .glossary-form .form-group label,.glossary-management .glossary-form .time-group label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.glossary-management .glossary-form .form-group .field-hint,.glossary-management .glossary-form .time-group .field-hint{display:block;font-size:.8rem;color:var(--text-tertiary);margin-top:.25rem;font-style:italic}.glossary-management .glossary-form .form-group.checkbox-group,.glossary-management .glossary-form .checkbox-group.time-group{display:flex;align-items:flex-start;gap:.5rem;flex-direction:column;flex:1;min-width:200px}.glossary-management .glossary-form .form-group.checkbox-group input[type=checkbox],.glossary-management .glossary-form .checkbox-group.time-group input[type=checkbox]{width:auto;margin:0}.glossary-management .glossary-form .form-group.checkbox-group label,.glossary-management .glossary-form .checkbox-group.time-group label{margin:0;display:flex;align-items:center;gap:.5rem;cursor:pointer}.glossary-management .glossary-form .form-input,.glossary-management .glossary-form .form-textarea,.glossary-management .glossary-form .form-select{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:white;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s}.glossary-management .glossary-form .form-input:hover,.glossary-management .glossary-form .form-textarea:hover,.glossary-management .glossary-form .form-select:hover{border-color:#d1d5db}.glossary-management .glossary-form .form-input:focus,.glossary-management .glossary-form .form-textarea:focus,.glossary-management .glossary-form .form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #8f4c2c1a;background:white}.glossary-management .glossary-form .form-input::placeholder,.glossary-management .glossary-form .form-textarea::placeholder,.glossary-management .glossary-form .form-select::placeholder{color:#9ca3af;font-style:italic}.glossary-management .glossary-form .form-input.form-input-small,.glossary-management .glossary-form .form-textarea.form-input-small,.glossary-management .glossary-form .form-select.form-input-small{width:120px}.glossary-management .glossary-form .form-select{cursor:pointer}.glossary-management .glossary-form .form-select.form-select-small{width:150px}.glossary-management .glossary-form .form-textarea{resize:vertical;min-height:80px;line-height:1.5}.glossary-management .glossary-form .form-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.glossary-management .glossary-form .dynamic-list .dynamic-item{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:center}.glossary-management .glossary-form .dynamic-list .dynamic-item .form-input{flex:1}.glossary-management .glossary-form .dynamic-list .dynamic-item .remove-button{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.glossary-management .glossary-form .dynamic-list .dynamic-item .remove-button:hover{background:#fecaca;transform:scale(1.05)}.glossary-management .glossary-form .dynamic-list .add-item-button{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.875rem;border:2px dashed var(--border-color);background:transparent}.glossary-management .glossary-form .dynamic-list .add-item-button:hover{background:var(--hover-bg);border-style:solid}.glossary-management .glossary-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.glossary-management .glossary-form .form-actions .submit-button,.glossary-management .glossary-form .form-actions .cancel-button{display:flex;align-items:center;gap:.5rem}.glossary-management .glossary-terms .loading,.glossary-management .glossary-terms .empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.glossary-management .glossary-terms .loading p,.glossary-management .glossary-terms .empty-state p{margin:.5rem 0}.glossary-management .glossary-terms .terms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.glossary-management .glossary-terms .term-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s}.glossary-management .glossary-terms .term-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.glossary-management .glossary-terms .term-card .term-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.glossary-management .glossary-terms .term-card .term-header h3{margin:0;color:var(--primary-color);font-size:1.25rem}.glossary-management .glossary-terms .term-card .term-header .term-actions{display:flex;gap:.5rem}.glossary-management .glossary-terms .term-card .term-header .term-actions .icon-button{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-secondary);transition:all .2s}.glossary-management .glossary-terms .term-card .term-header .term-actions .icon-button:hover{background:var(--hover-bg);color:var(--primary-color)}.glossary-management .glossary-terms .term-card .term-header .term-actions .icon-button.delete:hover{background:var(--danger-bg, #fee2e2);color:var(--danger-color, #dc2626)}.glossary-management .glossary-terms .term-card .term-category{margin-bottom:.75rem}.glossary-management .glossary-terms .term-card .term-category .category-label{display:inline-block;padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.glossary-management .glossary-terms .term-card .term-definition{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.glossary-management .glossary-terms .term-card .term-examples,.glossary-management .glossary-terms .term-card .term-related{font-size:.875rem;color:var(--text-tertiary);margin-bottom:.75rem}.glossary-management .glossary-terms .term-card .term-examples strong,.glossary-management .glossary-terms .term-card .term-related strong{color:var(--text-secondary);font-weight:600}.glossary-management .glossary-terms .term-card .term-examples ul,.glossary-management .glossary-terms .term-card .term-related ul{margin:.25rem 0 0 1.5rem;padding:0}@media (max-width: 768px){.glossary-management .terms-grid{grid-template-columns:1fr!important}}.primary-button,.public-exam-viewer .main-content .sign-up-cta .cta-button,.public-exam-viewer .main-content .exam-card .start-button,.public-exam-viewer .loading-container .home-button,.public-exam-viewer .error-container .home-button,.public-exam-viewer .public-header .header-content .sign-up-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:9999px;width:max-content;cursor:pointer;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a;transition:background-position .4s ease,transform .2s ease,box-shadow .2s ease}.primary-button:hover,.public-exam-viewer .main-content .sign-up-cta .cta-button:hover,.public-exam-viewer .main-content .exam-card .start-button:hover,.public-exam-viewer .loading-container .home-button:hover,.public-exam-viewer .error-container .home-button:hover,.public-exam-viewer .public-header .header-content .sign-up-button:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}.primary-button:active,.public-exam-viewer .main-content .sign-up-cta .cta-button:active,.public-exam-viewer .main-content .exam-card .start-button:active,.public-exam-viewer .loading-container .home-button:active,.public-exam-viewer .error-container .home-button:active,.public-exam-viewer .public-header .header-content .sign-up-button:active{transform:scale(.98)}.primary-button:disabled,.public-exam-viewer .main-content .sign-up-cta .cta-button:disabled,.public-exam-viewer .main-content .exam-card .start-button:disabled,.public-exam-viewer .loading-container .home-button:disabled,.public-exam-viewer .error-container .home-button:disabled,.public-exam-viewer .public-header .header-content .sign-up-button:disabled{opacity:.6;cursor:not-allowed}.card,.public-exam-viewer .main-content .exam-card{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}.card:hover,.public-exam-viewer .main-content .exam-card:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){.card,.public-exam-viewer .main-content .exam-card{padding:.75rem}}.public-exam-viewer{min-height:100vh;background-color:var(--color-background)}.public-exam-viewer .public-header{background-color:var(--color-white);box-shadow:0 2px 4px #0000001a;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.public-exam-viewer .public-header .header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.public-exam-viewer .public-header .header-content h1{font-size:1.75rem;color:var(--color-primary);margin:0}.public-exam-viewer .public-header .header-content .sign-up-button{display:flex;align-items:center;gap:.5rem}.public-exam-viewer .public-header .header-content .sign-up-button svg{font-size:1rem}.public-exam-viewer .loading-container,.public-exam-viewer .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem;text-align:center}.public-exam-viewer .loading-container .spinner,.public-exam-viewer .error-container .spinner{width:3rem;height:3rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.public-exam-viewer .loading-container .loading-text,.public-exam-viewer .loading-container .error-text,.public-exam-viewer .error-container .loading-text,.public-exam-viewer .error-container .error-text{margin-top:1rem;color:var(--color-text-secondary)}.public-exam-viewer .loading-container h2,.public-exam-viewer .error-container h2{color:var(--color-text-primary);margin-bottom:1rem}.public-exam-viewer .loading-container .home-button,.public-exam-viewer .error-container .home-button{margin-top:1rem}.public-exam-viewer .main-content{max-width:1000px;margin:0 auto;padding:2rem}.public-exam-viewer .main-content .exam-card{padding:2rem;margin-bottom:2rem}.public-exam-viewer .main-content .exam-card h2{font-size:2rem;color:var(--color-text-primary);margin:0 0 1rem}.public-exam-viewer .main-content .exam-card .exam-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem;white-space:pre-wrap}.public-exam-viewer .main-content .exam-card .exam-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.public-exam-viewer .main-content .exam-card .exam-stats .stat-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary)}.public-exam-viewer .main-content .exam-card .exam-stats .stat-item svg{color:var(--color-primary)}.public-exam-viewer .main-content .exam-card .start-button{background-color:var(--color-success);font-size:1.1rem;padding:.75rem 2rem}.public-exam-viewer .main-content .exam-card .start-button:hover{background-color:var(--color-success-dark);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.public-exam-viewer .main-content .sign-up-cta{background-color:var(--color-primary-light);border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:2rem}.public-exam-viewer .main-content .sign-up-cta h3{color:var(--color-primary-dark);margin:0 0 1rem;font-size:1.25rem}.public-exam-viewer .main-content .sign-up-cta .benefits-list{list-style:none;padding:0;margin:0 0 1.5rem}.public-exam-viewer .main-content .sign-up-cta .benefits-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;color:var(--color-text-primary)}.public-exam-viewer .main-content .sign-up-cta .benefits-list li .checkmark{color:var(--color-success);margin-top:.125rem;flex-shrink:0}.public-exam-viewer .main-content .sign-up-cta .cta-button{width:100%}@media (min-width: 768px){.public-exam-viewer .main-content .sign-up-cta .cta-button{width:auto}}.public-exam-viewer .main-content .exam-settings{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.public-exam-viewer .main-content .exam-settings .settings-title{font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.public-exam-viewer .main-content .exam-settings .settings-list{list-style:none;padding:0;margin:0;color:var(--color-text-secondary)}.public-exam-viewer .main-content .exam-settings .settings-list li{padding-left:1rem;margin-bottom:.25rem}.public-exam-viewer .main-content .exam-settings .settings-list li:before{content:"•";margin-left:-1rem;margin-right:.5rem}.primary-button,.public-exam-attempt.exam-complete .complete-card .cta-section .signup-button,.public-exam-attempt .exam-content .question-card .navigation-buttons .next-button,.public-exam-attempt .loading-container .back-button,.public-exam-attempt .error-container .back-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:9999px;width:max-content;cursor:pointer;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a;transition:background-position .4s ease,transform .2s ease,box-shadow .2s ease}.primary-button:hover,.public-exam-attempt.exam-complete .complete-card .cta-section .signup-button:hover,.public-exam-attempt .exam-content .question-card .navigation-buttons .next-button:hover,.public-exam-attempt .loading-container .back-button:hover,.public-exam-attempt .error-container .back-button:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}.primary-button:active,.public-exam-attempt.exam-complete .complete-card .cta-section .signup-button:active,.public-exam-attempt .exam-content .question-card .navigation-buttons .next-button:active,.public-exam-attempt .loading-container .back-button:active,.public-exam-attempt .error-container .back-button:active{transform:scale(.98)}.primary-button:disabled,.public-exam-attempt.exam-complete .complete-card .cta-section .signup-button:disabled,.public-exam-attempt .exam-content .question-card .navigation-buttons .next-button:disabled,.public-exam-attempt .loading-container .back-button:disabled,.public-exam-attempt .error-container .back-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button,.public-exam-attempt.exam-complete .complete-card .back-button,.public-exam-attempt .exam-content .question-card .navigation-buttons .prev-button,.public-exam-attempt .exam-content .question-card .navigation-buttons .next-button,.public-exam-attempt .exam-content .question-card .hint-section .show-hint-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#8f4c2c;background:transparent;border:2px solid #8f4c2c;border-radius:9999px;width:max-content;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.secondary-button:hover,.public-exam-attempt.exam-complete .complete-card .back-button:hover,.public-exam-attempt .exam-content .question-card .navigation-buttons .prev-button:hover,.public-exam-attempt .exam-content .question-card .navigation-buttons .next-button:hover,.public-exam-attempt .exam-content .question-card .hint-section .show-hint-button:hover{background-color:#f5e8db;box-shadow:0 2px 6px #00000014;transform:scale(1.03)}.secondary-button:active,.public-exam-attempt.exam-complete .complete-card .back-button:active,.public-exam-attempt .exam-content .question-card .navigation-buttons .prev-button:active,.public-exam-attempt .exam-content .question-card .navigation-buttons .next-button:active,.public-exam-attempt .exam-content .question-card .hint-section .show-hint-button:active{transform:scale(.98);background-color:#8f4c2c;color:#fff;border-color:#8f4c2c}.secondary-button:disabled,.public-exam-attempt.exam-complete .complete-card .back-button:disabled,.public-exam-attempt .exam-content .question-card .navigation-buttons .prev-button:disabled,.public-exam-attempt .exam-content .question-card .navigation-buttons .next-button:disabled,.public-exam-attempt .exam-content .question-card .hint-section .show-hint-button:disabled{opacity:.6;cursor:not-allowed}.card,.public-exam-attempt.exam-complete .complete-card,.public-exam-attempt .exam-content .question-card{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}.card:hover,.public-exam-attempt.exam-complete .complete-card:hover,.public-exam-attempt .exam-content .question-card:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){.card,.public-exam-attempt.exam-complete .complete-card,.public-exam-attempt .exam-content .question-card{padding:.75rem}}.public-exam-attempt{min-height:100vh;background-color:var(--color-background)}.public-exam-attempt .exam-header{background-color:var(--color-white);box-shadow:0 2px 4px #0000001a;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;padding:1rem 0}.public-exam-attempt .exam-header .header-content{max-width:1000px;margin:0 auto;padding:0 2rem}.public-exam-attempt .exam-header .header-content .header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.public-exam-attempt .exam-header .header-content .header-top .exam-info{display:flex;align-items:center;gap:1rem}.public-exam-attempt .exam-header .header-content .header-top .exam-info h1{font-size:1.25rem;color:var(--color-text-primary);margin:0}.public-exam-attempt .exam-header .header-content .header-top .exam-info .question-counter{color:var(--color-text-secondary);font-size:.9rem}.public-exam-attempt .exam-header .header-content .header-top .timer{display:flex;align-items:center;gap:.5rem;color:var(--color-danger);font-weight:600}.public-exam-attempt .exam-header .header-content .header-top .timer svg{font-size:1.25rem}.public-exam-attempt .exam-header .header-content .progress-bar{height:6px;background-color:var(--color-background-alt);border-radius:3px;overflow:hidden}.public-exam-attempt .exam-header .header-content .progress-bar .progress-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease}.public-exam-attempt .loading-container,.public-exam-attempt .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem;text-align:center}.public-exam-attempt .loading-container .spinner,.public-exam-attempt .error-container .spinner{width:3rem;height:3rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.public-exam-attempt .loading-container h2,.public-exam-attempt .error-container h2{color:var(--color-text-primary);margin:1rem 0}.public-exam-attempt .loading-container p,.public-exam-attempt .error-container p{color:var(--color-text-secondary);margin-bottom:1.5rem}.public-exam-attempt .exam-content{max-width:800px;margin:0 auto;padding:2rem}.public-exam-attempt .exam-content .question-card{padding:2rem;margin-bottom:1.5rem}.public-exam-attempt .exam-content .question-card .question-header{margin-bottom:1.5rem}.public-exam-attempt .exam-content .question-card .question-header h2{font-size:1.25rem;color:var(--color-text-primary);margin:0 0 .5rem;line-height:1.5}.public-exam-attempt .exam-content .question-card .question-header .multi-select-hint{color:var(--color-text-secondary);font-size:.9rem;font-style:italic}.public-exam-attempt .exam-content .question-card .hint-section{margin-bottom:1rem}.public-exam-attempt .exam-content .question-card .hint-section .show-hint-button{font-size:.9rem;display:flex;align-items:center;gap:.5rem}.public-exam-attempt .exam-content .question-card .hint-section .show-hint-button svg{font-size:1rem}.public-exam-attempt .exam-content .question-card .hint-section .hint-content{background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--border-radius);padding:1rem;margin-top:.5rem}.public-exam-attempt .exam-content .question-card .hint-section .hint-content p{color:var(--color-warning-dark);margin:0;font-size:.9rem}.public-exam-attempt .exam-content .question-card .choices-container{display:flex;flex-direction:column;gap:.75rem}.public-exam-attempt .exam-content .question-card .choices-container .choice-button{width:100%;text-align:left;padding:1rem;border:2px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-white);transition:all .2s ease;cursor:pointer}.public-exam-attempt .exam-content .question-card .choices-container .choice-button:hover{border-color:var(--color-primary-light);background-color:var(--color-background)}.public-exam-attempt .exam-content .question-card .choices-container .choice-button.selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.public-exam-attempt .exam-content .question-card .choices-container .choice-button .choice-content{display:flex;align-items:flex-start;gap:.75rem}.public-exam-attempt .exam-content .question-card .choices-container .choice-button .choice-content .choice-indicator{width:20px;height:20px;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);transition:all .2s ease}.public-exam-attempt .exam-content .question-card .choices-container .choice-button .choice-content .choice-indicator.checkbox{border-radius:4px}.public-exam-attempt .exam-content .question-card .choices-container .choice-button .choice-content .choice-indicator svg{width:12px;height:12px;color:#fff;opacity:0;transition:opacity .2s ease}.public-exam-attempt .exam-content .question-card .choices-container .choice-button .choice-content .choice-text{flex:1;color:var(--color-text-primary);line-height:1.5}.public-exam-attempt .exam-content .question-card .choices-container .choice-button.selected .choice-indicator{background-color:var(--color-primary);border-color:var(--color-primary)}.public-exam-attempt .exam-content .question-card .choices-container .choice-button.selected .choice-indicator svg{opacity:1}.public-exam-attempt .exam-content .question-card .navigation-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.public-exam-attempt .exam-content .question-card .navigation-buttons .prev-button:disabled,.public-exam-attempt .exam-content .question-card .navigation-buttons .next-button:disabled{opacity:.5;cursor:not-allowed}.public-exam-attempt .exam-content .question-card .navigation-buttons .next-button.submit-button{background-color:var(--color-success)}.public-exam-attempt .exam-content .question-card .navigation-buttons .next-button.submit-button:hover{background-color:var(--color-success-dark)}.public-exam-attempt .exam-content .tip-card{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:1rem;text-align:center}.public-exam-attempt .exam-content .tip-card p{color:var(--color-primary-dark);margin:0;font-size:.9rem}.public-exam-attempt .exam-content .tip-card p strong{font-weight:600}.public-exam-attempt.exam-complete{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background-color:var(--color-background, #F2F2F2)}.public-exam-attempt.exam-complete .complete-card{max-width:500px;width:100%;padding:3rem;text-align:center;background-color:var(--color-white, #FFFFFF);border-radius:var(--border-radius, 8px);box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border, #CCC)}.public-exam-attempt.exam-complete .complete-card h2{font-size:2rem;color:var(--color-text-primary, #1A1A1A);margin:0 0 1rem;font-weight:600}.public-exam-attempt.exam-complete .complete-card .score-section{margin:2rem 0}.public-exam-attempt.exam-complete .complete-card .score-section .score-label{color:var(--color-text-secondary, #777);margin-bottom:.5rem;font-size:1rem}.public-exam-attempt.exam-complete .complete-card .score-section .score-value{font-size:3rem;font-weight:700;color:var(--color-primary, #3A3A3A);margin:.5rem 0}.public-exam-attempt.exam-complete .complete-card .score-section .score-details{color:var(--color-text-secondary);margin-top:.5rem}.public-exam-attempt.exam-complete .complete-card .cta-section{background-color:var(--color-primary-light, #E8F4FD);border:1px solid var(--color-primary, #2196F3);border-radius:var(--border-radius, 8px);padding:1.5rem;margin:2rem 0}.public-exam-attempt.exam-complete .complete-card .cta-section h3{color:var(--color-primary-dark, #1976D2);margin:0 0 .5rem;font-size:1.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600}.public-exam-attempt.exam-complete .complete-card .cta-section p{color:var(--color-text-primary);margin:0 0 1rem;font-size:.95rem}.public-exam-attempt.exam-complete .complete-card .cta-section .signup-button{width:100%;background-color:var(--color-primary, #2196F3);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius, 8px);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.public-exam-attempt.exam-complete .complete-card .cta-section .signup-button:hover{background-color:var(--color-primary-dark, #1976D2);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.public-exam-attempt.exam-complete .complete-card .back-button{width:100%;background-color:var(--color-secondary, #6C757D);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius, 8px);font-size:1rem;cursor:pointer;transition:all .2s}.public-exam-attempt.exam-complete .complete-card .back-button:hover{background-color:var(--color-secondary-dark, #5A6268)}@keyframes spin{to{transform:rotate(360deg)}}.social-media-preview-demo{max-width:1200px;margin:0 auto;padding:2rem;background-color:var(--color-background, #f5f5f5);min-height:100vh}.social-media-preview-demo .demo-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--color-border, #e0e0e0)}.social-media-preview-demo .demo-header h1{color:var(--color-text-primary, #333);margin-bottom:1rem;font-size:2.5rem}.social-media-preview-demo .demo-header p{color:var(--color-text-secondary, #666);font-size:1.1rem;max-width:600px;margin:0 auto}.social-media-preview-demo .example-info{background:white;padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.social-media-preview-demo .example-info h2{color:var(--color-text-primary, #333);margin-bottom:1rem;font-size:1.5rem}.social-media-preview-demo .example-info ul{list-style:none;padding:0;margin:0}.social-media-preview-demo .example-info ul li{padding:.5rem 0;color:var(--color-text-secondary, #666)}.social-media-preview-demo .example-info ul li strong{color:var(--color-text-primary, #333);margin-right:.5rem}.social-media-preview-demo .notes-section{margin-top:3rem;padding-top:3rem;border-top:2px solid var(--color-border, #e0e0e0)}.social-media-preview-demo .notes-section h2{color:var(--color-text-primary, #333);margin-bottom:2rem;text-align:center;font-size:2rem}.social-media-preview-demo .notes-section .platform-note{background:white;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000001a}.social-media-preview-demo .notes-section .platform-note h3{color:var(--color-primary, #007bff);margin-bottom:1rem;font-size:1.3rem}.social-media-preview-demo .notes-section .platform-note ul{margin:0;padding-left:1.5rem}.social-media-preview-demo .notes-section .platform-note ul li{color:var(--color-text-secondary, #666);margin-bottom:.5rem;line-height:1.6}.social-media-preview-demo .meta-tags-info{margin-top:3rem;padding-top:3rem;border-top:2px solid var(--color-border, #e0e0e0)}.social-media-preview-demo .meta-tags-info h2{color:var(--color-text-primary, #333);margin-bottom:1rem;font-size:1.8rem}.social-media-preview-demo .meta-tags-info p{color:var(--color-text-secondary, #666);margin-bottom:1.5rem;font-size:1.1rem}.social-media-preview-demo .meta-tags-info .code-block{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;color:#333;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.social-media-preview-demo{padding:1rem}.social-media-preview-demo .demo-header h1{font-size:2rem}.social-media-preview-demo .notes-section{margin-top:2rem;padding-top:2rem}.social-media-preview-demo .notes-section h2{font-size:1.5rem}.social-media-preview-demo .platform-note{padding:1rem}.social-media-preview-demo .platform-note h3{font-size:1.1rem}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:rgba(255,255,255,.5);padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:rgba(0,89,220,.08);border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.prompt-editor-page{height:100vh;display:flex;flex-direction:column;background-color:var(--color-background-light)}.editor-header{background:white;border-bottom:1px solid var(--color-border);padding:1rem 1.5rem;box-shadow:0 2px 4px #0000000d}.editor-header .header-content{display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:0 auto}.editor-header .header-content h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--color-text-primary)}.editor-header .header-content p{font-size:.875rem;color:var(--color-text-secondary);margin:.25rem 0 0}.editor-header .header-content .header-actions{display:flex;gap:.75rem}.editor-header .header-content .header-actions button{padding:.5rem 1rem;font-size:.875rem}.editor-content{display:flex;flex:1;overflow:hidden;position:relative}.flow-canvas{position:absolute;top:1rem;right:1rem;width:380px;height:280px;background:white;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;transition:all .3s ease}.flow-canvas.minimized{width:200px;height:48px;overflow:hidden}.flow-canvas.minimized .react-flow__renderer{display:none}.flow-canvas.expanded{width:70%;height:80%;top:10%;left:15%;right:auto}.flow-canvas .flow-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:linear-gradient(to bottom,var(--color-background-light),white);border-bottom:1px solid var(--color-border);cursor:move;border-radius:8px 8px 0 0}.flow-canvas .flow-header .flow-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.flow-canvas .flow-header .flow-controls{display:flex;gap:.5rem}.flow-canvas .flow-header .flow-controls button{padding:.25rem .5rem;background:transparent;border:none;cursor:pointer;font-size:1rem;color:var(--color-text-secondary);border-radius:4px;transition:all .2s}.flow-canvas .flow-header .flow-controls button:hover{background:var(--color-background);color:var(--color-text-primary)}.node-editor{flex:1;background:white;overflow-y:auto;padding:2rem 3rem}.node-editor>div{max-width:1200px;margin:0 auto}.node-editor h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.node-editor .description-text{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.5}.node-editor .empty-state{text-align:center;padding:4rem 2rem}.node-editor .empty-state h2{color:var(--color-text-primary);margin-bottom:1rem}.node-editor .empty-state p{color:var(--color-text-secondary);font-size:1rem;margin-bottom:2rem}.tabs{display:flex;flex-direction:column;height:100%}.tabs .tab-list{display:flex;gap:0;border-bottom:2px solid var(--color-border);height:48px;flex-shrink:0}.tabs .tab-list .tab{padding:0 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s;margin-bottom:-2px;display:flex;align-items:center;height:100%}.tabs .tab-list .tab:hover{background:var(--color-background-light);color:var(--color-text-primary)}.tabs .tab-list .tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600;background:white}.tabs .tab-content{padding:1.5rem 0;flex:1;overflow-y:auto;min-height:400px}.prompt-section{background:white;border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d}.prompt-section .section-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.prompt-section .section-title:before{content:"";width:4px;height:20px;background:var(--color-primary);border-radius:2px}.form-group,.time-group{margin-bottom:2rem}.form-group label,.time-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-primary)}.form-group .form-input,.time-group .form-input,.form-group .form-textarea,.time-group .form-textarea,.form-group .form-select,.time-group .form-select{width:100%;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:6px;font-size:.9rem;transition:all .2s;background:white}.form-group .form-input:focus,.time-group .form-input:focus,.form-group .form-textarea:focus,.time-group .form-textarea:focus,.form-group .form-select:focus,.time-group .form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-group .form-textarea,.time-group .form-textarea{resize:vertical;min-height:150px;font-family:inherit;line-height:1.6}.form-group .form-textarea.font-mono,.time-group .form-textarea.font-mono{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.6;background:#f8f9fa;color:#2d3748;-moz-tab-size:2;tab-size:2}.form-group .form-textarea.font-mono.large,.time-group .form-textarea.font-mono.large{min-height:500px;font-size:.95rem;padding:1.25rem}.form-group .form-slider,.time-group .form-slider{width:100%;margin-top:.75rem;height:6px;background:var(--color-border);border-radius:3px;outline:none;-webkit-appearance:none}.form-group .form-slider::-webkit-slider-thumb,.time-group .form-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s}.form-group .form-slider::-webkit-slider-thumb:hover,.time-group .form-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.form-group .form-slider::-moz-range-thumb,.time-group .form-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.form-group .form-select,.time-group .form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.badge.bg-blue-500{background:#3b82f6;color:#fff}.badge.bg-purple-500{background:#a855f7;color:#fff}.badge.bg-indigo-500{background:#6366f1;color:#fff}.badge.bg-green-500{background:#10b981;color:#fff}.badge.bg-orange-500{background:#f97316;color:#fff}.badge.bg-gray-500{background:#6b7280;color:#fff}.output-section .code-output{background:#1e293b;border:1px solid var(--color-border);border-radius:6px;padding:1.25rem;margin:1rem 0;max-height:400px;overflow:auto}.output-section .code-output pre{margin:0;font-size:.85rem;line-height:1.6;color:#e2e8f0;font-family:Monaco,Menlo,Consolas,monospace}.output-section .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem;padding:1rem;background:var(--color-background-light);border-radius:6px}.output-section .metrics-grid>div{padding:.5rem;color:var(--color-text-secondary);font-size:1.125rem}.output-section .metrics-grid>div strong{font-weight:600;color:var(--color-text-primary);display:block;font-size:.75rem;text-transform:uppercase;margin-bottom:.25rem}.alert{padding:1rem 1.25rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.alert.alert-info{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.execution-log{position:fixed;bottom:0;left:0;right:0;height:200px;background:white;border-top:2px solid var(--color-border);display:flex;flex-direction:column;box-shadow:0 -4px 12px #0000001a;z-index:50}.execution-log .log-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--color-background-light);border-bottom:1px solid var(--color-border)}.execution-log .log-header h3{font-size:.9rem;font-weight:600;margin:0;color:var(--color-text-primary)}.execution-log .log-content{flex:1;overflow-y:auto;padding:1rem 1.5rem;background:#1e293b}.execution-log .log-content .log-line{font-family:Monaco,Menlo,monospace;font-size:.85rem;color:#e2e8f0;margin-bottom:.5rem;line-height:1.5}.template-help{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;color:#fff}.template-help .help-text{font-size:.875rem;margin:0;line-height:1.5}.template-help .help-text strong{font-weight:600}.params-grid{display:grid;gap:2.5rem}.params-grid .param-description{font-size:.8rem;color:var(--color-text-muted);margin-top:.5rem;font-style:italic}.variables-section .variables-list{display:grid;gap:1.25rem;margin-top:1.5rem}.variables-section .variables-list .variable-item{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:center;padding:.75rem;background:var(--color-background-light);border-radius:6px}.variables-section .variables-list .variable-item label{font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.variables-section .variables-list .variable-item input{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:4px;font-size:.9rem}.variables-section .variables-list .variable-item input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.getting-started{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,var(--color-background-light) 0%,white 100%);border-radius:12px;border:1px solid var(--color-border)}.getting-started h3{font-size:1.25rem;margin-bottom:1.5rem;color:var(--color-primary)}.getting-started ul{list-style:none;padding:0;margin:0}.getting-started ul li{margin-bottom:1rem;font-size:.95rem;color:var(--color-text-secondary);padding-left:1.5rem;position:relative}.getting-started ul li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.icon-button{background:transparent;border:1px solid var(--color-border);padding:.5rem;cursor:pointer;font-size:1rem;border-radius:6px;transition:all .2s;color:var(--color-text-secondary)}.icon-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.floating-button{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:24px;cursor:pointer;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #00000026;transition:all .2s;z-index:100}.floating-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-2{margin-bottom:.5rem}.text-white{color:#fff}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.overflow-x-auto{overflow-x:auto}.react-flow__background{background-color:#f8f9fa}.react-flow__minimap{background-color:#fff;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 2px 4px #0000000d}.react-flow__controls{box-shadow:0 2px 8px #0000001a;border-radius:6px;border:1px solid var(--color-border);background:white}.react-flow__controls button:hover{background:var(--color-background-light)}@media screen and (max-width: 1024px){.flow-canvas{width:320px;height:240px}.node-editor{padding:1.5rem}}@media screen and (max-width: 768px){.flow-canvas{position:static;width:100%;height:200px;margin-bottom:1rem;border-radius:0}.editor-header{padding:1rem}.editor-header .header-content{flex-direction:column;gap:1rem}.editor-header .header-content .header-actions{width:100%;justify-content:center;flex-wrap:wrap}.node-editor{padding:1rem}.tabs .tab-list{overflow-x:auto;white-space:nowrap}}@media screen and (max-width: 480px){.execution-log{height:150px}.prompt-section{padding:1rem}.form-textarea.large{min-height:300px}}.prompt-editor-page .editor-layout{max-width:1400px;margin:0 auto;padding:2rem}.prompt-editor-page .main-content h1{color:var(--color-primary);margin-bottom:2rem;font-size:2rem}.prompt-editor-page .card{background:white;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.prompt-editor-page .input-section .content-input{width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:4px;font-size:.95rem;resize:vertical;min-height:200px}.prompt-editor-page .input-section .content-input:focus{outline:none;border-color:var(--color-primary)}.prompt-editor-page .input-section .generation-options{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-top:1rem;margin-bottom:1.5rem}.prompt-editor-page .input-section .generation-options .form-group label,.prompt-editor-page .input-section .generation-options .time-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-secondary)}.prompt-editor-page .input-section .generation-options .form-group .form-input,.prompt-editor-page .input-section .generation-options .time-group .form-input{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:4px}.prompt-editor-page .input-section .generation-options .form-group .form-input:focus,.prompt-editor-page .input-section .generation-options .time-group .form-input:focus{outline:none;border-color:var(--color-primary)}.prompt-editor-page .input-section .generate-button{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.prompt-editor-page .input-section .generate-button.primary-button{background:var(--color-primary);color:#fff}.prompt-editor-page .input-section .generate-button.primary-button:hover:not(:disabled){background:var(--color-primary-dark)}.prompt-editor-page .input-section .generate-button.primary-button:disabled{opacity:.5;cursor:not-allowed}.prompt-editor-page .flow-section .flow-container{border:1px solid var(--color-border);border-radius:4px;background:#f9f9f9}.prompt-editor-page .flow-section .node-content{display:flex;align-items:center;justify-content:space-between;min-width:180px}.prompt-editor-page .flow-section .node-content .status-badge{background:#4caf50;color:#fff;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;margin-left:10px}.prompt-editor-page .prompts-section h2{color:var(--color-text);margin-bottom:.5rem}.prompt-editor-page .prompts-section .help-text{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.95rem}.prompt-editor-page .prompts-section .prompt-step{margin-bottom:1rem}.prompt-editor-page .prompts-section .prompt-step .step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.prompt-editor-page .prompts-section .prompt-step .step-header h3{margin:0;color:var(--color-text)}.prompt-editor-page .prompts-section .prompt-step .step-header .edit-toggle-button{padding:.25rem 1rem;background:var(--color-secondary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.prompt-editor-page .prompts-section .prompt-step .step-header .edit-toggle-button:hover{background:var(--color-secondary-dark)}.prompt-editor-page .prompts-section .prompt-step .prompt-editor .form-group,.prompt-editor-page .prompts-section .prompt-step .prompt-editor .time-group{margin-bottom:1rem}.prompt-editor-page .prompts-section .prompt-step .prompt-editor .form-group label,.prompt-editor-page .prompts-section .prompt-step .prompt-editor .time-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-secondary)}.prompt-editor-page .prompts-section .prompt-step .prompt-editor .form-group .prompt-textarea,.prompt-editor-page .prompts-section .prompt-step .prompt-editor .time-group .prompt-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.9rem;resize:vertical}.prompt-editor-page .prompts-section .prompt-step .prompt-editor .form-group .prompt-textarea:focus,.prompt-editor-page .prompts-section .prompt-step .prompt-editor .time-group .prompt-textarea:focus{outline:none;border-color:var(--color-primary)}.prompt-editor-page .prompts-section .prompt-step .prompt-editor .form-group .variables-list,.prompt-editor-page .prompts-section .prompt-step .prompt-editor .time-group .variables-list{margin-top:.5rem;padding:.5rem;background:#f0f0f0;border-radius:4px;font-size:.85rem;color:var(--color-text-secondary);font-family:monospace}.prompt-editor-page .prompts-section .prompt-step .prompt-preview .prompt-snippet{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.prompt-editor-page .prompts-section .prompt-step .prompt-preview .step-output{margin-top:1rem;padding:1rem;background:#f5f5f5;border-radius:4px}.prompt-editor-page .prompts-section .prompt-step .prompt-preview .step-output strong{display:block;margin-bottom:.5rem;color:var(--color-text)}.prompt-editor-page .prompts-section .prompt-step .prompt-preview .step-output pre{margin:0;font-size:.85rem;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word}.prompt-editor-page .results-section{text-align:center}.prompt-editor-page .results-section h2{color:#4caf50;margin-bottom:1rem}.prompt-editor-page .results-section p{color:var(--color-text-secondary);margin-bottom:1.5rem}.prompt-editor-page .results-section .action-buttons{display:flex;gap:1rem;justify-content:center}.prompt-editor-page .results-section .action-buttons button{padding:.75rem 2rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease}.prompt-editor-page .results-section .action-buttons button.primary-button{background:var(--color-primary);color:#fff}.prompt-editor-page .results-section .action-buttons button.primary-button:hover{background:var(--color-primary-dark)}.prompt-editor-page .results-section .action-buttons button.secondary-button{background:var(--color-border);color:var(--color-text)}.prompt-editor-page .results-section .action-buttons button.secondary-button:hover{background:#d0d0d0}.prompt-editor-page .status-panel{position:fixed;bottom:2rem;right:2rem;background:white;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #00000026;min-width:250px}.prompt-editor-page .status-panel h3{margin-top:0;margin-bottom:1rem;color:var(--color-primary)}.prompt-editor-page .status-panel .status-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.prompt-editor-page .status-panel .status-item .status-label{font-weight:500;color:var(--color-text-secondary)}.prompt-editor-page .status-panel .status-item .status-value{color:var(--color-text)}:root{--color-bg: #F2F2F2;--color-bg-alt: #EAEAEA;--color-bg-light: #fafafa;--color-text: #1A1A1A;--color-text-muted: #777;--color-primary: #3A3A3A;--color-primary-hover: #555;--color-primary-active: #777;--color-disabled: #999;--color-border: #CCC;--color-border-light: #EEEEEE;--color-border-hover: #AAA;--color-scroll-thumb: #888;--color-scroll-thumb-hover: #666;--color-card-bg: #FFFFFF;--color-shadow-light: rgba(0, 0, 0, .1);--color-shadow-medium: rgba(0, 0, 0, .2);--color-overlay: rgba(0, 0, 0, .4);--color-white: #F9F9F9;--color-black: #0D0D0D;--color-accent-hover: #EB5757;--color-danger: #EB5757;--color-danger-hover: #D04646;--color-danger-light: #FFCDD2;--color-danger-rgb: 235, 87, 87;--color-warning: #F2C94C;--color-success: #27AE60;--color-success-light: #C8E6C9;--color-success-dark: #219A52;--color-success-rgb: 39, 174, 96;--color-warn: #F2994A;--color-warn-rgb: 242, 153, 74;--color-bg-hover: #E0E0E0;--color-bg-active: #D0D0D0;--color-text-rgb: 26, 26, 26;--color-primary-rgb: 58, 58, 58;--color-background: #F2F2F2;--color-background-alt: #EAEAEA;--color-text-primary: #1A1A1A;--color-text-secondary: #777;--color-primary-light: #E8E8E8;--color-primary-dark: #2A2A2A;--color-secondary: #6C757D;--color-secondary-dark: #5A6268;--color-warning-light: #FFF3CD;--color-warning-dark: #856404;--border-radius: 8px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--color-bg);overflow-x:hidden;width:100%;max-width:100vw}@media (max-width: 480px){html,body{position:relative}}.refetch-indicator{position:fixed;top:20px;right:20px;background-color:var(--color-primary);color:var(--color-white);padding:8px 16px;border-radius:4px;font-size:.875rem;box-shadow:0 2px 4px #0000001a;z-index:100;animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.flex-center{display:flex;justify-content:center;align-items:center}.page-container{display:flex;flex-direction:column;height:100%;overflow:hidden;box-sizing:border-box;align-items:center;width:100%}@media (max-width: 480px){.page-container{overflow-x:hidden;overflow-y:auto}}.content-area{flex:1;overflow:auto;box-sizing:border-box;margin:2em}@media (max-width: 480px){.content-area{margin:1em}}.btn,.header nav .login-button{display:inline-block;padding:.75rem 1rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.btn:disabled,.header nav .login-button:disabled{background-color:var(--color-disabled);cursor:not-allowed}.btn--dark{background-color:var(--color-primary);color:var(--color-white)}.btn--dark:hover{background-color:var(--color-primary-hover)}.btn--dark:active{background-color:var(--color-primary-active)}.primary-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:9999px;width:max-content;cursor:pointer;background:linear-gradient(90deg,#b58147 0%,#8f4c2c 100%);background-size:200% 100%;background-position:left center;box-shadow:0 5px 10px #0000001a;transition:background-position .4s ease,transform .2s ease,box-shadow .2s ease}.primary-button:hover{background-position:right center;box-shadow:0 8px 15px #00000026;transform:scale(1.03)}.primary-button:active{transform:scale(.98)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#8f4c2c;background:transparent;border:2px solid #8f4c2c;border-radius:9999px;width:max-content;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.secondary-button:hover{background-color:#f5e8db;box-shadow:0 2px 6px #00000014;transform:scale(1.03)}.secondary-button:active{transform:scale(.98);background-color:#8f4c2c;color:#fff;border-color:#8f4c2c}.secondary-button:disabled{opacity:.6;cursor:not-allowed}.spacer{width:5px}.card{border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:2px 2px 12px var(--color-shadow-light);background-color:var(--color-card-bg);transition:box-shadow .3s ease;box-sizing:border-box}.card:hover{box-shadow:2px 2px 12px var(--color-shadow-medium)}@media (max-width: 480px){.card{padding:.75rem}}.modal{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--color-card-bg);padding:1rem;border:1px solid var(--color-border-hover);border-radius:8px;box-shadow:2px 2px 12px var(--color-shadow-medium);color:var(--color-text);max-width:800px;max-height:90vh;width:90%;display:flex;flex-direction:column;overflow-y:auto}.close-button{background:none;border:none;width:100%;text-align:end;cursor:pointer}.form-group,.time-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label,.time-group label{font-weight:500;margin-bottom:.5rem}.form-group input[type=text],.time-group input[type=text],.form-group input[type=number],.time-group input[type=number],.form-group textarea,.time-group textarea,.form-group input[type=file],.time-group input[type=file]{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:12px;font-size:1rem;box-sizing:border-box}.time-group{flex-direction:row;width:50%;margin:1rem}.time-group label{margin-bottom:0}.time-group input[type=text],.time-group input[type=number],.time-group textarea,.time-group input[type=file]{width:75px;padding:0 1rem;margin:0 1rem}.reusable-grid{width:100%;box-sizing:border-box;padding:1rem;height:100%;margin-bottom:60px;max-width:1200px;display:grid;align-items:start;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:auto;gap:1.5rem}@media (max-width: 480px){.reusable-grid{grid-template-columns:1fr!important;padding:.5rem}}@media (max-width: 768px){.reusable-grid{padding:.5rem}}.skeleton{background-color:var(--color-bg-alt);border-radius:8px;margin:.75rem 0;padding:1rem;position:relative;overflow:hidden}.skeleton-line{background-color:var(--color-border-hover);height:12px;margin:.75rem 0;border-radius:4px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:.4}to{opacity:.8}}.skeleton-btn{background-color:var(--color-border-hover)!important;color:transparent!important;border:none!important;cursor:default!important;pointer-events:none!important}*[data-tooltip]{position:relative;cursor:pointer}*[data-tooltip]:before,*[data-tooltip]:after{position:absolute;opacity:0;transition:opacity .15s ease-in-out;pointer-events:none}*[data-tooltip]:before{content:"";bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-primary-hover);z-index:10000}*[data-tooltip]:after{content:attr(data-tooltip);bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-primary-hover);color:var(--color-white);padding:.5rem .75rem;font-size:.85rem;border-radius:4px;white-space:nowrap;z-index:10001}*[data-tooltip]:hover:before,*[data-tooltip]:hover:after{opacity:1}*[data-tooltip-position=below]:before,*[data-tooltip-position=below]:after{bottom:auto;top:100%}*[data-tooltip-position=below]:before{border-top-color:transparent;border-bottom-color:var(--color-primary-hover);z-index:10000}*[data-tooltip-position=below]:after{bottom:auto;top:calc(100% + 6px);z-index:10001}.header{display:flex;justify-content:space-between;padding:0 1rem;align-items:center;background-color:var(--color-bg-alt);width:100vw;position:sticky;top:0;z-index:999}.header .logo-text{font-size:34px;font-weight:900;letter-spacing:-5px}.header .logo-text a{text-decoration:none;color:var(--color-black)}.header .logo-text img{padding:10px 0;display:block}@media (max-width: 768px){.header{justify-content:flex-end;height:4em}.header .logo-text{display:none}}.header nav{display:flex;align-items:center}.header nav .nav-links{display:flex;align-items:center;gap:1rem;margin-right:1rem}.header nav .nav-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--color-text);text-decoration:none;transition:background-color .3s ease}.header nav .nav-icon:hover{background-color:#1a1a1a1a}.header nav .nav-icon.active{background-color:#1a1a1a33}.header nav .avatar-icon{background:none;border:none;cursor:pointer;padding:0}.header nav .login-button{margin-right:.75rem;width:100px;border:1px solid var(--color-text);background-color:var(--color-bg);color:var(--color-text)}.header nav .login-button:hover{background-color:var(--color-primary);color:var(--color-bg)}.delete-modal-content{display:flex;flex-direction:column;justify-content:center;margin:1rem 0;width:100%;align-items:center}.image-container{position:relative;width:100%;background-color:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;overflow:hidden;height:100px}.image-container .image{max-width:100%;max-height:100%;object-fit:cover}.image-container .replace-image-icon{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem;border-radius:4px;background-color:#fffc;cursor:pointer;color:var(--color-text-muted)}.floating-actions{position:fixed;bottom:1rem;right:1rem;display:flex;gap:1rem;z-index:9999}.floating-actions .fab-icon{width:50px;height:50px;border-radius:50%;background-color:var(--color-primary);color:var(--color-white);border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;box-shadow:2px 2px 12px var(--color-shadow-medium);transition:background-color .3s ease,transform .2s ease}.floating-actions .fab-icon:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.floating-actions .fab-icon:active{transform:translateY(0)}.floating-actions .fab-icon:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.floating-actions{bottom:15px;right:15px}.floating-actions .fab-icon{width:45px;height:45px;font-size:1.1rem}}.details-image-container{position:relative;width:100%;background-color:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;overflow:hidden;height:100px}.details-image-container .image{max-width:100%;max-height:100%;object-fit:cover}.details-image-container .replace-image-icon{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem;border-radius:4px;background-color:#fffc;cursor:pointer;color:var(--color-text-muted)}.vertical-sort-container{display:flex;flex-direction:column;width:100%;gap:var(--gap, 16px);padding:var(--padding, 16px);margin-bottom:60px;max-width:1600px;margin-left:auto;margin-right:auto;box-sizing:border-box}@media (max-width: 480px){.vertical-sort-container{padding:var(--padding, 12px);gap:var(--gap, 12px);max-width:100%}}.vertical-sort-container .grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap, 16px);width:100%;box-sizing:border-box}@media (min-width: 1200px){.vertical-sort-container .grid-cards{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));max-width:1600px;margin:0 auto}}@media (max-width: 768px){.vertical-sort-container .grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--gap, 12px)}}@media (max-width: 480px){.vertical-sort-container .grid-cards{display:flex;flex-direction:column;gap:var(--gap, 12px);width:100%;max-width:100%}}.vertical-sort-container .pinned-section{margin-bottom:24px}.vertical-sort-container .pinned-section h3,.vertical-sort-container .unpinned-section h3{font-size:1rem;color:var(--color-text-secondary, #666);margin-bottom:12px;font-weight:500}.filter-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.filter-bar select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-white);cursor:pointer}.filter-bar .custom-range-inputs{display:flex;gap:1rem}.filter-bar .custom-range-inputs label{display:flex;flex-direction:column;font-size:.85rem}.filter-bar .custom-range-inputs label input[type=date]{margin-top:.25rem;padding:.25rem .75rem;border:1px solid var(--color-border);border-radius:4px}.tabs{margin:1rem 0}.tabs button{margin-right:.75rem;padding:.75rem 1rem;border:1px solid var(--color-border);background-color:var(--color-bg-alt);cursor:pointer;border-radius:4px;font-size:1rem;transition:background-color .2s ease}.tabs button.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.tabs button:hover{background-color:var(--color-bg-alt)}.card{margin-bottom:1rem;padding:1rem;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:2px 2px 12px var(--color-shadow-light)}.card h2,.card h3{margin-top:0}.results-summary-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.results-summary-cards .card{flex:1 1 200px;min-width:200px;text-align:center}.results-table-wrapper,.exam-details{margin-top:.75rem}.results-table-wrapper table,.exam-details table{width:100%;border-collapse:collapse}.results-table-wrapper table th,.results-table-wrapper table td,.exam-details table th,.exam-details table td{padding:.5rem .75rem;border:1px solid var(--color-border);text-align:left;font-size:.9rem}.results-table-wrapper table th,.exam-details table th{background-color:var(--color-bg-alt)}.exam-card{margin:1rem 0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.exam-card .exam-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--color-bg-alt);cursor:pointer}.exam-card .exam-header h3{margin:0;font-size:1.1rem}.exam-card .exam-header button{background:none;border:none;color:var(--color-text);font-size:.9rem;cursor:pointer}.exam-card .exam-header button:hover{text-decoration:underline}.exam-card .exam-details{padding:1rem;border-top:1px solid var(--color-border);overflow:auto}.exam-card .exam-details p{margin:0 0 .75rem;line-height:1.4;font-size:.95rem}.charts-section{margin-top:1rem;margin-bottom:1rem}
