[data-theme=light]{--color-login-bg: #f0f4f8;--color-login-form-bg: white;--color-login-form-shadow: rgba(0,0,0,.15);--color-login-header: #333;--color-login-label: #555;--color-login-input-border: #ddd;--color-login-input-focus-border: #4a90e2;--color-login-input-focus-shadow: rgba(74, 144, 226, .2);--color-login-button-bg: #4a90e2;--color-login-button-hover-bg: #3a80d2;--color-login-button-disabled-bg: #a3c2e8;--color-login-error-bg: #f8d7da;--color-login-error-text: #721c24}[data-theme=dark]{--color-login-bg: #1a1a1a;--color-login-form-bg: #2d2d2d;--color-login-form-shadow: rgba(255,255,255,.1);--color-login-header: #e0e0e0;--color-login-label: #b0b0b0;--color-login-input-border: #555;--color-login-input-focus-border: #4a90e2;--color-login-input-focus-shadow: rgba(74, 144, 226, .3);--color-login-button-bg: #4a90e2;--color-login-button-hover-bg: #5a9ee8;--color-login-button-disabled-bg: #4a6a8a;--color-login-error-bg: #5a1e22;--color-login-error-text: #f8d7da;--color-login-input-bg: #333;--color-login-input-text: #e0e0e0}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:fixed;background-color:var(--color-login-bg);z-index:9999}.login-form-wrapper{width:100%;max-width:400px;padding:30px;background-color:var(--color-login-form-bg);border-radius:8px;box-shadow:0 10px 25px var(--color-login-form-shadow);animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-form-wrapper h1{margin-top:0;margin-bottom:24px;color:var(--color-login-header);text-align:center;font-size:28px}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-login-label)}.form-group input{width:100%;padding:12px;border:1px solid var(--color-login-input-border);border-radius:4px;font-size:16px;transition:border-color .3s;background-color:var(--color-login-input-bg, transparent);color:var(--color-login-input-text, inherit)}.form-group input:focus{border-color:var(--color-login-input-focus-border);outline:none;box-shadow:0 0 0 2px var(--color-login-input-focus-shadow)}.login-button{padding:12px;background-color:var(--color-login-button-bg);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:var(--color-login-button-hover-bg)}.login-button:disabled{background-color:var(--color-login-button-disabled-bg);cursor:not-allowed}.login-error{margin-bottom:20px;padding:12px;background-color:var(--color-login-error-bg);color:var(--color-login-error-text);border-radius:4px;font-size:14px;text-align:center}:root{--color-primary: #007bff;--color-primary-dark: #0056b3;--color-danger: #f44336;--color-danger-dark: #d32f2f;--color-green: green}[data-theme=light]{--color-background-app: #f0f2f5;--color-text-primary: #333;--color-text-secondary: #666;--color-text-tertiary: #888;--color-surface: #fff;--color-border: #ddd;--color-border-light: #eee;--color-shadow: rgba(0,0,0,.1);--color-button-secondary-bg: #f9f9f9;--color-button-secondary-hover-bg: #e9e9e9;--color-button-tertiary-bg: #f0f0f0;--color-button-tertiary-hover-bg: #e0e0e0;--color-table-header-bg: #f7f7f7;--color-table-row-even-bg: #f9f9f9;--color-pre-bg: #eee;--color-modal-overlay: rgba(0, 0, 0, .6);--color-stats-bg: #f8f9fa;--bar-background: #e9ecef;--bar-unvisited-bg: #e9ecef}[data-theme=dark]{--color-background-app: #121212;--color-text-primary: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-tertiary: #888;--color-surface: #1e1e1e;--color-border: #444;--color-border-light: #333;--color-shadow: rgba(255,255,255,.1);--color-button-secondary-bg: #333;--color-button-secondary-hover-bg: #444;--color-button-tertiary-bg: #222;--color-button-tertiary-hover-bg: #333;--color-table-header-bg: #2a2a2a;--color-table-row-even-bg: #2c2c2c;--color-pre-bg: #333;--color-modal-overlay: rgba(0, 0, 0, .8);--color-stats-bg: #2a2a2a;--bar-background: #444;--bar-unvisited-bg: #444}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background-color:var(--color-background-app);color:var(--color-text-primary)}.App{max-width:1200px;margin:20px auto;padding:20px;background-color:var(--color-surface);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow);position:relative}nav{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--color-border);padding-bottom:15px;margin-bottom:15px}.nav-user-info{display:flex;align-items:center;gap:15px}.nav-user-info span{font-weight:700}.logout-btn{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.logout-btn:hover{background-color:var(--color-danger-dark)}.nav-buttons{display:flex;gap:10px}nav button{padding:10px 15px;font-size:16px;border:1px solid var(--color-border);background-color:var(--color-button-secondary-bg);cursor:pointer;border-radius:5px;transition:background-color .2s,border-color .2s;color:var(--color-text-primary)}nav button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}nav button:hover:not(.active){background-color:var(--color-button-secondary-hover-bg)}.filter-container{margin-bottom:20px;display:flex;align-items:center;gap:10px}.filter-container label{margin-right:10px;font-weight:700}.filter-container select,.filter-container input[type=text]{padding:8px;font-size:14px;border-radius:4px;border:1px solid var(--color-border);min-width:450px;background-color:var(--color-surface);color:var(--color-text-primary)}.clear-filter-btn{padding:8px 12px;font-size:14px;border:1px solid var(--color-border);background-color:var(--color-button-tertiary-bg);cursor:pointer;border-radius:4px;transition:background-color .2s;color:var(--color-text-primary)}.clear-filter-btn:hover{background-color:var(--color-button-tertiary-hover-bg)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border:1px solid var(--color-border);padding:10px;text-align:left;vertical-align:top}th{background-color:var(--color-table-header-bg);font-weight:700}tr:nth-child(2n){background-color:var(--color-table-row-even-bg)}.status-active{color:var(--color-green);font-weight:700}.status-inactive{color:var(--color-text-tertiary)}.status-completed{color:var(--color-primary-dark);font-weight:700}pre{white-space:pre-wrap;word-wrap:break-word;background-color:var(--color-pre-bg);padding:5px;border-radius:4px;font-family:monospace;font-size:12px;color:var(--color-text-primary)}@media screen and (max-width: 768px) and (orientation: portrait){.App{margin:0;padding:10px;border-radius:0}nav{flex-direction:column;align-items:flex-start}.nav-user-info{width:100%;justify-content:space-between}.filter-container{flex-direction:column;align-items:stretch}.filter-container input[type=text]{min-width:0;width:100%;box-sizing:border-box}table,thead,tbody,th,td,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}tr{border:1px solid var(--color-border);margin-bottom:10px}td{border:none;border-bottom:1px solid var(--color-border-light);position:relative;padding-left:50%;white-space:normal;text-align:left}td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;content:attr(data-label);font-weight:700;text-align:left}}@media screen and (max-width: 920px) and (orientation: landscape){.App{max-width:none;width:100%;margin:0;padding:10px;border-radius:0}nav{gap:8px}nav button{padding:8px 10px;font-size:14px}.filter-container{flex-direction:column;align-items:stretch}.filter-container input[type=text]{min-width:0;width:100%;box-sizing:border-box}table{table-layout:fixed}th,td{padding:6px;font-size:12px;word-break:break-word;overflow-wrap:anywhere}pre{font-size:11px}}.modal-overlay{position:fixed;inset:0;background-color:var(--color-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--color-surface);padding:25px;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 5px 15px #0000004d}.modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-text-tertiary);line-height:1}.modal-content h2{margin-top:0}.general-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;background-color:var(--color-stats-bg);padding:15px;border-radius:6px;margin:20px 0}.bar-chart{margin-top:20px}.bar-row{display:flex;align-items:center;margin-bottom:12px;gap:10px}.bar-label{width:35%;font-size:13px;flex-shrink:0}.bar-label small{display:block;color:var(--color-text-secondary)}.bar-container{flex-grow:1;background-color:var(--bar-background);border-radius:4px;height:24px;overflow:hidden}.bar{height:100%;background-color:var(--color-primary);border-radius:4px;transition:width .5s ease-in-out;white-space:nowrap;overflow:hidden}.bar-unvisited{background-color:var(--bar-unvisited-bg)}.bar-value{width:100px;text-align:right;font-size:13px;flex-shrink:0}[title]{text-decoration:underline;text-decoration-style:dotted;cursor:help}.theme-switch-wrapper{position:absolute;top:28px;right:20px;z-index:10}.theme-switch{position:relative;display:inline-block;width:50px;height:28px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"☀️";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}input:checked+.slider{background-color:var(--color-primary)}input:focus+.slider{box-shadow:0 0 1px var(--color-primary)}input:checked+.slider:before{content:"🌙";-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px)}.refresh-btn{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.refresh-btn:hover{background-color:var(--color-button-secondary-hover-bg)}.answer-tags{display:flex;flex-wrap:wrap;gap:8px}.answer-tag{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;border:2px solid;background-color:#fff;transition:transform .1s}.answer-tag:hover{transform:scale(1.05)}.answer-tag[title]{text-decoration:none}.answer-tag.correct{border-color:#28a745;color:#28a745;background-color:#f0fff4}.answer-tag.incorrect{border-color:#dc3545;color:#dc3545;background-color:#fff5f5}.answer-count{font-weight:700;margin-left:4px}.no-answers{color:#888;font-style:italic}.correct-answers-list{max-height:200px;overflow-y:auto}.correct-answer-item{padding:4px 8px;margin:2px 0;background-color:#f7f7f7;border-left:3px solid #007bff;font-size:13px}.loading-indicator{text-align:center;padding:20px;color:#666;font-size:16px}