:root{--wg-bg: #2a0f1f;--wg-surface: #24151f;--wg-text: #f5f5f7;--wg-muted: #b0b0b8;--wg-border: #3a2431;--wg-primary: #e71d73;--wg-primary-contrast: #ffffff;--wg-focus: rgba(231, 29, 115, .35);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--wg-text);background:radial-gradient(900px 520px at 15% 25%,#e71d738c,#0000 60%),radial-gradient(800px 500px at 85% 85%,#b91c1c59,#0000 62%),linear-gradient(135deg,#e71d734d,#0000 55%),var(--wg-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:var(--wg-primary);text-decoration:none}a:hover{text-decoration:underline}button{border-radius:10px;border:1px solid transparent;padding:10px 14px;font-size:1rem;font-weight:600;font-family:inherit;background:var(--wg-primary);color:var(--wg-primary-contrast);cursor:pointer;transition:filter .15s ease,opacity .15s ease}button:hover{filter:brightness(.97)}button:disabled{opacity:.55;cursor:not-allowed}input:not([type=radio]):not([type=checkbox]),select{width:100%;border-radius:10px;border:1px solid var(--wg-border);padding:7px 10px;font-size:.92rem;background:var(--wg-surface);color:var(--wg-text)}input:not([type=radio]):not([type=checkbox]):focus,select:focus,button:focus{outline:none;box-shadow:0 0 0 3px var(--wg-focus)}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.appHeader{background:var(--wg-surface);border-bottom:1px solid var(--wg-border)}.appHeaderInner{max-width:980px;margin:0 auto;padding:4px 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.appLogo{height:40px;width:auto;display:block;justify-self:start}.appTitle{display:flex;flex-direction:column;gap:2px;text-align:center;align-items:center;justify-self:center}.appHeaderActions{justify-self:end;display:flex;align-items:center;gap:8px}.headerMenu{position:relative;display:inline-flex;align-items:center}.headerMenuDropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:var(--wg-surface);border:1px solid var(--wg-border);border-radius:12px;padding:6px;z-index:20}.headerMenuItem{width:100%;text-align:left;padding:8px 10px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--wg-text)}.headerMenuItem:hover{border-color:var(--wg-border);filter:brightness(.99)}.headerBtn{padding:6px 10px;font-size:.92rem;line-height:1.1}.appName{font-size:27px;font-weight:800;letter-spacing:.2px;line-height:1.05}.appSubtitle{font-size:13px;color:var(--wg-muted)}@media(max-width:640px){.appHeaderInner{padding:4px 14px;gap:8px}.appLogo{height:32px}.appName{font-size:24px}.appSubtitle{font-size:13px}}@media(max-width:420px){.appHeaderInner{padding:6px 12px;gap:8px}.appLogo{height:30px}.appName{font-size:21px}}.btnSecondary{background:var(--wg-surface);color:var(--wg-text);border:1px solid var(--wg-border)}.btnSecondary:hover{filter:brightness(.98)}.btnCompact{padding:6px 10px;font-size:.92rem;line-height:1.1}.btnAction{min-width:96px}.appMain{flex:1;max-width:980px;width:100%;margin:0 auto;padding:4px 16px 8px}.card{background:var(--wg-surface);border:1px solid var(--wg-border);border-radius:14px;padding:10px}.appLoadingCard{max-width:420px;margin:0 auto}.usersCard{padding:8px 10px}.stack{display:grid;gap:8px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.rowNoWrapWide{flex-wrap:wrap;align-items:flex-start}.formField{display:flex;flex-direction:column;gap:2px}@media(min-width:1100px){.rowNoWrapWide{flex-wrap:nowrap}}.muted{color:var(--wg-muted)}.error{border:1px solid var(--wg-primary);border-radius:12px;padding:10px;background:var(--wg-surface);color:var(--wg-text)}.formGrid{display:grid;gap:6px}.resultsContainer,.usersContainer{width:100%;text-align:left}@media(min-width:1100px){.resultsContainer,.usersContainer{width:calc(100vw - 32px);margin-left:calc(50% - 50vw + 16px);margin-right:calc(50% - 50vw + 16px)}}.resultsCard{width:100%;max-width:1240px;margin:0 auto}.resultsFiltersGrid{display:grid;gap:6px;grid-template-columns:minmax(120px,.7fr) minmax(220px,1.4fr) minmax(140px,.8fr) minmax(260px,1.6fr) minmax(150px,.8fr);grid-template-areas:"periodo materia momento docente estado";align-items:end}@media(max-width:900px){.resultsFiltersGrid{grid-template-columns:minmax(140px,.8fr) minmax(220px,1.2fr);grid-template-areas:"periodo materia" "momento docente" "estado estado"}}@media(max-width:520px){.resultsFiltersGrid{grid-template-columns:1fr;grid-template-areas:"periodo" "materia" "docente" "momento" "estado"}}.field label{display:block;font-size:13px;font-weight:650;margin-bottom:2px}.startActions{justify-content:center}.startButton{width:min(100%,340px);padding-top:6px;padding-bottom:6px;line-height:1.1}.examBtn{padding:6px 12px;font-size:.92rem;line-height:1.1}.examSubmitRow{display:flex;justify-content:center;margin-top:10px}.examSubmitBtn{width:min(100%,320px)}.examAttemptContainer{max-width:820px;margin:0 auto;text-align:left}.examAttemptCardPadded{padding:12px}.examAttemptHeading{margin:0;font-size:18px}.examAttemptBlockedMessage{margin-top:8px;margin-bottom:0;font-size:14px}.examAttemptHeaderRow{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.examAttemptTimer{text-align:right}.examAttemptMetaTop{margin-top:2px}.examAttemptMeta,.examAttemptMetaTop,.examAttemptPending{opacity:.8;font-size:13px}.examAttemptMeta{margin-top:4px}.examAttemptInfo{margin-top:6px;font-size:13px}.examAttemptDim{opacity:.8}.examAttemptActions{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.examAttemptQuestionSection{margin-top:10px}.examAttemptQuestionNav{justify-content:space-between}.examAttemptQuestionCounter{font-size:14px}.examAttemptQuestionStem{margin-bottom:10px}.examAttemptQuestionStatus{margin-left:12px;opacity:.85}.examAttemptOptions{display:grid;gap:8px}.examAttemptOption{display:flex;gap:10px;align-items:flex-start}.examAttemptOptionInput{margin-top:4px}.examAttemptCorrection{margin-top:12px;opacity:.95}.examAttemptExplanation{margin-top:8px}.examAttemptPending{margin-top:6px}
