:root{--studium-navy:#253551;--studium-navy-dark:#1a2740;--studium-navy-light:#e8ecf1;--studium-orange:#fe914e;--studium-orange-light:#fff1e6;--studium-orange-text:#a84f1a;--studium-red:#fd706c;--studium-red-light:#ffe9e8;--studium-yellow:#fad250;--studium-yellow-light:#fff8e3;--studium-yellow-text:#926e00;--studium-green:#4caf50;--studium-green-light:#e8f5e9;--studium-grey:#8c8c8c;--brand-primary:var(--studium-navy);--brand-primary-dark:var(--studium-navy-dark);--brand-secondary:#c73f3a;--brand-secondary-dark:#a83530}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.signin-container{align-items:center;background:#f5f6f8;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.signin-card{animation:slideUp .5s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 24px #0000000f;max-width:440px;padding:36px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.signin-header{margin-bottom:30px;text-align:center}.signin-logo{height:auto;margin-bottom:8px;max-width:300px;width:100%}.subtitle{color:#999;font-size:15px;margin:0}.signin-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;margin-bottom:8px}.form-group input{padding:12px}.form-group input:focus{background:#f8f9ff}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.error-message{animation:shake .5s ease;background:#ffebee;border-left:4px solid #c62828;border-radius:5px;color:#c62828;font-size:14px;padding:12px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.submit-btn{background:var(--brand-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:all .15s}.submit-btn:hover:not(:disabled){background:var(--brand-primary-dark)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.signin-footer{border-top:1px solid #eee;margin-top:20px;padding-top:20px;text-align:center}.signin-footer p{color:#666;font-size:14px;margin:0}.toggle-btn{background:none;border:none;color:var(--brand-primary);cursor:pointer;font-weight:600;padding:0;text-decoration:none;transition:all .3s}.toggle-btn:hover:not(:disabled){color:var(--brand-secondary);text-decoration:underline}.toggle-btn:disabled{cursor:not-allowed;opacity:.6}.demo-credentials{background:#f0f4ff;border:1px solid var(--brand-primary);border-radius:5px;color:var(--brand-primary);font-size:12px;margin-top:20px;padding:15px}.demo-credentials p{margin:5px 0}@media (max-width:480px){.signin-card{padding:30px 20px}.signin-header h1{font-size:24px}}.sidebar{background:#fff;border-right:1px solid #eaecef;display:flex;flex-direction:column;flex-shrink:0;gap:3px;overflow-y:auto;padding:16px 12px;width:250px}.sidebar-section-label{color:#9aa1ab;font-size:11px;font-weight:700;letter-spacing:.8px;padding:14px 12px 5px;text-transform:uppercase}.sidebar-section-label:first-child{padding-top:4px}.sidebar-group-header,.sidebar-item{align-items:center;background:none;border:none;border-left:3px solid #0000;border-radius:8px;color:#3d4451;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:10px;padding:9px 10px;text-align:left;transition:background .15s,color .15s;width:100%}.sidebar-icon{color:#8891a0;flex-shrink:0;height:18px;transition:color .15s;width:18px}.sidebar-group-header:hover,.sidebar-item:hover{background:#f5f6f8}.sidebar-group-header:hover .sidebar-icon,.sidebar-item-active,.sidebar-item:hover .sidebar-icon{color:var(--studium-navy)}.sidebar-item-active{background:var(--studium-orange-light)!important;border-left-color:var(--studium-orange);font-weight:700}.sidebar-item-active .sidebar-icon{color:var(--studium-orange)}.sidebar-label{flex:1 1}.sidebar-chevron{color:#b0b6c0;flex-shrink:0;height:16px;transition:transform .15s;width:16px}.sidebar-chevron-open{transform:rotate(90deg)}.sidebar-subitems{border-left:2px solid #eef0f3;display:flex;flex-direction:column;gap:1px;margin:2px 0 6px 18px;max-height:340px;overflow-y:auto;padding-left:18px}.sidebar-subitem{background:none;border:none;border-left:3px solid #0000;border-radius:6px;color:#656d7a;cursor:pointer;display:block;font-family:inherit;font-size:13px;font-weight:500;padding:7px 10px;text-align:left;transition:all .15s;width:100%}.sidebar-subitem:hover{background:#f5f6f8;color:var(--studium-navy)}.sidebar-subitem.sidebar-item-active{background:var(--studium-orange-light)!important;border-left-color:var(--studium-orange);color:var(--studium-navy);font-weight:700}@media (max-width:768px){.sidebar{border-bottom:1px solid #eaecef;border-right:none;max-height:320px;width:100%}}.my-results .header-actions{display:flex;gap:10px}.my-results-embedded{display:flex;flex-direction:column;gap:16px}.feedback-box{margin-bottom:16px}.feedback-box p{margin:0 0 8px}.feedback-box p:last-child{margin-bottom:0}.review-list{display:flex;flex-direction:column;gap:16px}.review-item{background:#f9f9f9;border-radius:10px;padding:16px}.review-item-header{align-items:center;color:#666;display:flex;font-weight:600;justify-content:space-between;margin-bottom:10px}.review-badge{border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.review-badge-correct{background:#e8f5e9;color:var(--studium-green)}.review-badge-incorrect{background:#ffebee;color:var(--brand-secondary-dark)}.review-item .options{margin-bottom:12px}.your-answer-tag{font-size:12px;font-style:italic;opacity:.8}.empty-state{color:#999;padding:44px 20px}.panel{display:flex;flex-direction:column;gap:14px}.panel h2{font-size:22px;margin:0}.panel h2,.panel h3{color:var(--studium-navy)}.panel h3{font-size:17px;margin:8px 0 0}.panel-intro{color:#4a4a4a;font-size:15px;line-height:1.55;margin:0}.panel-header-row{align-items:center;display:flex;justify-content:space-between}.panel-placeholder{color:#999;font-size:14px;padding:30px 0;text-align:center}.home-stats-row{display:flex;flex-wrap:wrap;gap:12px}.home-stat{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:130px;padding:14px 20px;text-align:center}.home-stat-value{color:var(--brand-primary);font-size:22px;font-weight:700}.home-stat-label{color:#999;font-size:12px;letter-spacing:.5px;margin-top:3px;text-transform:uppercase}.section-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.section-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.section-info-code{background:var(--studium-navy-light);border-radius:12px;color:var(--studium-navy);display:inline-block;font-size:12px;font-weight:700;margin-bottom:6px;padding:3px 9px}.section-info-name{color:#222;font-size:14px;font-weight:700;margin-bottom:5px}.section-info-card p{color:#555;font-size:13px;line-height:1.55;margin:0}.howto-list{color:#444;font-size:14px;line-height:1.7;margin:0;padding-left:18px}.section-tile-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.section-tile{background:#fff;border:2px solid #ddd;border-radius:10px;cursor:pointer;padding:18px;text-align:center;transition:all .2s}.section-tile:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px #25355126}.section-tile-code{color:var(--brand-primary);font-size:22px;font-weight:700}.section-tile-label{color:#555;font-size:13px;margin-top:5px}.content-body{color:#2a2a2a;font-size:16px;line-height:1.65}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--studium-navy);line-height:1.3;margin:24px 0 10px}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child{margin-top:0}.markdown-body h1{border-bottom:2px solid var(--studium-navy-light);font-size:24px;padding-bottom:8px}.markdown-body h2{font-size:20px}.markdown-body h3{color:var(--studium-orange-text);font-size:17px}.markdown-body h4{font-size:16px}.markdown-body p{margin:0 0 16px}.markdown-body ol,.markdown-body ul{margin:0 0 16px;padding-left:26px}.markdown-body li{margin-bottom:8px}.markdown-body strong{color:var(--studium-navy);font-weight:700}.markdown-body blockquote{background:#f9f9f9;border-left:4px solid var(--studium-orange);border-radius:0 8px 8px 0;color:#444;margin:0 0 16px;padding:14px 20px}.markdown-body code{background:var(--studium-navy-light);border-radius:4px;color:var(--studium-navy);font-size:.9em;padding:2px 6px}.markdown-body hr{border:none;border-top:1px solid #e0e0e0;margin:28px 0}.markdown-body table{border-collapse:collapse;margin:0 0 16px;width:100%}.markdown-body td,.markdown-body th{border:1px solid #e0e0e0;padding:10px 14px;text-align:left}.markdown-body th{background:var(--studium-navy-light);color:var(--studium-navy)}.content-empty{color:#999;font-size:14px;font-style:italic}.content-edit-form{display:flex;flex-direction:column;gap:10px}.content-title-input{font-size:15px;font-weight:700;padding:10px}.content-body-textarea,.content-title-input{border:1px solid #ddd;border-radius:6px;font-family:inherit}.content-body-textarea{font-size:14px;line-height:1.55;padding:12px;resize:vertical}.content-edit-actions{display:flex;gap:8px;justify-content:flex-end}.locked-placeholder{background:#f9f9f9;border-radius:10px;padding:44px 20px;text-align:center}.locked-icon{font-size:38px;margin-bottom:8px}.locked-placeholder p{color:#666;font-size:14px}.help-contact{background:var(--studium-navy-light);border-left:4px solid var(--studium-navy);border-radius:8px;margin-top:8px;padding:14px}.help-contact a{color:var(--brand-primary);font-weight:600}.picker-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.picker{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.picker-header{align-items:center;background:var(--brand-primary);color:#fff;display:flex;font-weight:600;justify-content:space-between;padding:14px 18px}.picker-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1}.picker-content{overflow-y:auto;padding:18px}.picker-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.picker-card{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:13px;text-align:left;transition:all .2s}.picker-card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px #25355126}.picker-card-title{font-weight:700;margin-bottom:4px}.picker-card-meta{color:#999;font-size:12px}.picker-card-best{color:var(--studium-green);font-size:12px;font-weight:600;margin-top:8px}.admin-dashboard .content{display:flex;flex-direction:column;gap:22px}.stats-section,.stats-section h2{margin-bottom:16px}.stats-section h2{color:#333;font-size:21px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#333;display:flex;gap:12px;padding:16px;transition:all .2s}.stat-box:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px #0000000f}.stat-icon{align-items:center;border-radius:50%;display:flex;font-size:21px;height:44px;justify-content:center;min-width:44px}.icon-badge-blue{background:var(--studium-navy-light)}.icon-badge-red{background:var(--studium-red-light)}.icon-badge-yellow{background:var(--studium-yellow-light)}.icon-badge-orange{background:var(--studium-orange-light)}.stat-info{flex:1 1}.stat-value{font-size:21px;margin-bottom:2px}.stat-label{font-size:11px;letter-spacing:.5px}.create-student-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:18px}.section-hint{color:#999;font-size:13px;margin:-8px 0 12px}.content-browse-row{display:flex;flex-wrap:wrap;gap:8px}.role-cell{text-transform:capitalize}.field-hint{color:#999;font-size:12px;margin-top:5px}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.status-active{background:var(--studium-green-light);color:var(--studium-green)}.status-inactive{background:var(--studium-red-light);color:var(--brand-secondary-dark)}.access-date-input{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:13px;padding:5px 7px}.table-actions{display:flex;flex-wrap:wrap;gap:6px}.btn-sm{font-size:11px;padding:5px 10px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h2{color:#333;font-size:21px;margin:0}.create-form{background:#fff;border-radius:8px;margin-top:16px;padding:16px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.password-field{display:flex;gap:8px}.password-field input{flex:1 1}.credentials-panel{background:#eef8ea;border:2px solid var(--studium-green);border-radius:8px;margin-top:16px;padding:16px}.credentials-panel h3{color:var(--studium-green);font-size:16px;margin-bottom:5px}.credentials-row{font-family:monospace;font-size:13px;padding:3px 0}.credentials-actions{display:flex;gap:8px;margin-top:12px}.form-group{display:flex;flex-direction:column}.form-group input{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;padding:11px;transition:all .3s}.form-group input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #25355126;outline:none}.students-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:18px}.students-section h2{color:#333;font-size:21px;margin-bottom:16px}.empty-state{background:#fff;border-radius:8px;padding:30px;text-align:center}.empty-state p{color:#999;font-size:14px;margin:0}.table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.table thead{background:#f5f5f5;border-bottom:2px solid #ddd}.table th{font-size:13px;letter-spacing:.5px;text-transform:uppercase}.table td{color:#666;font-size:13px}.table tbody tr:hover{background:#f9f9f9}.table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-box{padding:12px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.section-header .btn,.section-header h2{width:100%}.form-row{grid-template-columns:1fr}.table{font-size:11px}.table td,.table th{padding:8px}}.shell-container{display:flex;flex-direction:column;height:100vh}.shell-body{display:flex;flex:1 1;min-height:0}.shell-content{flex:1 1;overflow-y:auto;padding:32px 40px}@media (max-width:768px){.shell-container{height:auto}.shell-body{flex-direction:column}.shell-content{padding:20px}}.calculator-overlay{align-items:flex-start;background:#0000004d;display:flex;inset:0;justify-content:flex-end;padding:90px 30px;position:fixed;z-index:1000}.calculator{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000004d;overflow:hidden;width:260px}.calculator-header{align-items:center;background:var(--brand-primary);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:10px 14px}.calculator-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1}.calculator-display{background:#f5f5f5;color:#333;font-size:28px;font-weight:600;overflow-x:auto;padding:16px;text-align:right;white-space:nowrap}.calculator-keys{padding:10px}.calculator-row{display:flex;gap:8px;margin-bottom:8px}.calculator-row:last-child{margin-bottom:0}.calculator-key{background:#eee;border:none;border-radius:6px;color:#333;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 0;transition:background .15s}.calculator-key:hover{background:#ddd}.calculator-key-op{background:var(--brand-primary);color:#fff}.calculator-key-op:hover{background:var(--brand-primary-dark)}.navigator-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.navigator{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:640px;overflow:hidden;width:100%}.navigator-header{align-items:center;background:var(--brand-primary);color:#fff;display:flex;font-weight:600;justify-content:space-between;padding:14px 18px}.navigator-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1}.navigator-legend{border-bottom:1px solid #eee;color:#666;display:flex;flex-wrap:wrap;font-size:12px;gap:16px;padding:12px 18px}.navigator-dot{border-radius:50%;display:inline-block;height:10px;margin-right:4px;vertical-align:middle;width:10px}.navigator-dot-answered{background:var(--studium-green)}.navigator-dot-flagged{background:var(--studium-orange)}.navigator-dot-current{background:var(--brand-primary)}.navigator-outline-swatch{background:#fff;border-radius:3px;box-sizing:border-box;display:inline-block;height:10px;margin-right:4px;vertical-align:middle;width:10px}.navigator-outline-swatch-easy{border:2px solid var(--studium-green)}.navigator-outline-swatch-medium{border:2px solid var(--studium-yellow)}.navigator-outline-swatch-hard{border:2px solid var(--brand-secondary)}.navigator-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));overflow-y:auto;padding:18px}.navigator-cell{background:#fff;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:10px 0;transition:all .15s}.navigator-cell:hover{border-color:var(--brand-primary)}.navigator-cell-answered{background:#eef8ea;border-color:var(--studium-green);color:var(--studium-green)}.navigator-cell-flagged{box-shadow:0 0 0 2px var(--studium-orange) inset}.navigator-cell-current{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.navigator-cell-disabled{cursor:not-allowed;opacity:.4}.navigator-cell-disabled:hover{border-color:#ddd}.navigator-cell-diff-easy{outline:2px solid var(--studium-green);outline-offset:1px}.navigator-cell-diff-medium{outline:2px solid var(--studium-yellow);outline-offset:1px}.navigator-cell-diff-hard{outline:2px solid var(--brand-secondary);outline-offset:1px}.navigator-sections{display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding:18px}.navigator-section-block .navigator-grid{margin-top:10px;padding:0}.navigator-section-title{color:var(--studium-navy);font-size:16px;font-weight:700}.navigator-section-locked{color:#999;font-size:13px;font-weight:500}.navigator-section-current-tag{color:var(--studium-orange);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.exam-mode .content{display:flex;flex-direction:column;gap:16px}.exam-intro{background:#f9f9f9;border-radius:10px;padding:30px;text-align:center}.exam-intro h2{color:#333;font-size:20px;margin-bottom:22px}.exam-intro-note{color:#555;font-size:14px;margin-bottom:20px}.section-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 4px #00000014;margin-bottom:22px;overflow:hidden;width:100%}.section-table td,.section-table th{font-size:14px;padding:11px 16px;text-align:left}.section-table th{background:var(--brand-primary);color:#fff;font-weight:700}.section-table td{border-bottom:1px solid #eee;color:#333}.section-table tbody tr:last-child td{border-bottom:none}.section-table-total td{background:var(--studium-navy-light);color:var(--brand-primary);font-weight:700}.exam-details{background:#fff;border-left:4px solid var(--brand-primary);border-radius:8px;margin-bottom:22px;padding:16px}.exam-details p{color:#333;font-size:14px;margin:8px 0}.exam-details strong{color:var(--brand-primary)}.exam-rules{background:#fff;border-left:4px solid #ff9800;border-radius:8px;margin-bottom:22px;padding:16px;text-align:left}.exam-rules h3{color:#333;margin-bottom:12px}.exam-rules ul{list-style:none;padding:0}.exam-rules li{color:#666;font-size:14px;padding:6px 0 6px 22px;position:relative}.exam-rules li:before{color:#4caf50;content:"✓";font-weight:700;left:0;position:absolute}.exam-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.exam-navigation{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:space-between;margin-top:22px;padding-top:16px}.nav-stats{color:#999;font-size:14px;font-weight:600}.exam-navigation .btn{flex:1 1;max-width:150px}.exam-toolbar{display:flex;flex-wrap:wrap;gap:8px}.header-timers{display:flex;flex-wrap:wrap;gap:10px}.timer{border-radius:8px;box-shadow:0 5px 15px #2535514d;font-size:17px;letter-spacing:1px;padding:12px 20px}.timer-global{background:var(--studium-navy-dark)}.timer.warning{animation:pulse 1s infinite;background:linear-gradient(135deg,#ff9800,#f57c00)}.timer.danger{animation:pulse .5s infinite;background:linear-gradient(135deg,#f44336,#d32f2f)}@keyframes pulse{0%,to{box-shadow:0 5px 15px #f443364d}50%{box-shadow:0 5px 25px #f4433699}}@media (max-width:600px){.exam-intro{padding:20px}.exam-intro h2{font-size:17px}.exam-actions{flex-direction:column}.exam-actions .btn{width:100%}.exam-navigation{flex-direction:column;gap:10px}.exam-navigation .btn{max-width:100%;width:100%}.timer{font-size:14px;padding:8px 12px}}.practice-mode .content{display:flex;flex-direction:column;gap:16px}.practice-progress{display:flex;flex-direction:column;gap:8px}.progress-info{color:var(--brand-primary);font-size:13px;font-weight:600}.difficulty-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;margin-bottom:10px;padding:3px 10px;text-transform:capitalize}.difficulty-easy{background:var(--studium-green-light);color:var(--studium-green)}.difficulty-medium{background:var(--studium-yellow-light);color:var(--studium-yellow-text)}.difficulty-hard{background:var(--studium-red-light);color:var(--brand-secondary-dark)}.question-container .options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.question-container .option.correct{background:#e8f5e9;border-color:var(--studium-green);color:#2e7d32}.question-container .option.incorrect{background:#ffebee;border-color:var(--brand-secondary);color:var(--brand-secondary-dark)}.option-key{display:inline-block;font-weight:700;margin-right:6px;min-width:20px}.explain-btn{margin-top:8px}.practice-filters{grid-gap:14px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.filter-field{display:flex;flex-direction:column;gap:5px}.filter-field label{color:var(--brand-primary);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.filter-field select{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:13px;padding:9px 11px}.filter-field select:focus{border-color:var(--brand-primary);outline:none}.filter-summary{color:#555;font-size:13px;font-weight:600}.practice-filters-actions{display:flex;justify-content:flex-start}.topic-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.topic-card{background:#fff;border:2px solid #ddd;border-radius:10px;cursor:pointer;padding:14px;text-align:left;transition:all .2s}.topic-card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px #25355126}.topic-card-all{background:var(--brand-primary);border-color:#0000;color:#fff}.topic-name{font-size:13px;font-weight:700;margin-bottom:3px}.topic-count{font-size:11px;opacity:.8}.practice-toolbar{display:flex;flex-wrap:wrap;gap:8px}.toolbar-btn{background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s}.toolbar-btn:hover{border-color:var(--brand-primary)}.toolbar-btn-active{background:var(--studium-orange);border-color:var(--studium-orange);color:var(--studium-navy)}.toolbar-btn-finish{background:var(--brand-secondary);border-color:var(--brand-secondary);color:#fff;margin-left:auto}.toolbar-btn-finish:hover{background:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark)}.shortcut-hints{background:#f5f5f5;border-radius:8px;color:#444;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;padding:10px 14px}.passage-box{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:16px;line-height:1.65;margin-bottom:16px;max-height:300px;overflow-y:auto;padding:14px}.passage-box h4{color:var(--brand-primary);margin-bottom:8px}.question-container .explanation{animation:slideIn .3s ease;background:var(--studium-yellow-light);border-left:4px solid var(--studium-yellow);border-radius:5px;color:#6b5000;font-size:15px;line-height:1.55;margin-top:16px;padding:13px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.practice-navigation{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:space-between;margin-top:22px;padding-top:16px}.nav-info{color:#999;font-size:13px;font-weight:600}.practice-navigation .btn{flex:1 1;max-width:150px}@media (max-width:600px){.practice-navigation{flex-direction:column;gap:10px}.practice-navigation .btn{max-width:100%}.question-container .question-text{font-size:16px}.option,.passage-box{font-size:14px}}.results-screen .content{display:flex;flex-direction:column;gap:22px}.results-hero{padding:20px 0;text-align:center}.performance-badge{animation:scaleIn .5s ease;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:4px solid;border-radius:20px;display:inline-block;padding:28px}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.emoji{font-size:46px;margin-bottom:12px}.performance-level{font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.score-large{color:var(--brand-primary);font-size:38px;font-weight:700}.results-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:16px 0}.detail-card{background:var(--brand-primary);border-radius:10px;box-shadow:0 5px 15px #25355133;color:#fff;padding:16px;text-align:center}.detail-label{font-size:11px;letter-spacing:.5px;margin-bottom:6px;opacity:.9;text-transform:uppercase}.detail-value{font-size:20px;font-weight:700}.progress-section{background:#f9f9f9;border-radius:10px;padding:18px}.progress-section h3{color:#333;font-size:14px;margin-bottom:12px}.progress-bar-large{background:#e0e0e0;border-radius:10px;height:15px;margin-bottom:10px;overflow:hidden}.progress-fill{border-radius:10px;transition:width .5s ease}.progress-labels{color:#999;display:flex;font-size:12px;font-weight:600;justify-content:space-between}.feedback-box{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;padding:16px}.feedback-box h3{color:#1565c0;font-size:16px;margin-bottom:10px}.feedback-box p{color:#0d47a1;font-size:14px;line-height:1.55;margin:0}.recommendations{background:#f3e5f5;border-left:4px solid #9c27b0;border-radius:8px;padding:16px}.recommendations h3{color:#6a1b9a;font-size:16px;margin-bottom:12px}.recommendations ul{list-style:none;margin:0;padding:0}.recommendations li{color:#4a148c;font-size:14px;padding:6px 0 6px 22px;position:relative}.recommendations li:before{color:#9c27b0;content:"→";font-weight:700;left:0;position:absolute}.results-actions{border-top:1px solid #e0e0e0;padding-top:20px;text-align:center}@media (max-width:768px){.performance-badge{padding:25px}.emoji{font-size:40px}.score-large{font-size:36px}.results-details{grid-template-columns:1fr}.results-actions .btn{width:100%}}.app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app,.container{background:#fff;min-height:100vh}.container{width:100%}.header{align-items:center;background:#fff;border-bottom:4px solid var(--studium-orange);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 36px}.header,.header h1{color:var(--studium-navy)}.header h1{font-size:26px;font-weight:800;margin:0}.header-brand{align-items:center;display:flex;gap:18px}.header-logo{height:58px;width:auto}.header-subtitle{color:#555;font-size:14px;margin-top:3px}.header-actions{align-items:center;display:flex;gap:10px}.user-info{font-size:14px;text-align:right}.user-email{color:var(--studium-navy);font-weight:700}.user-role{color:#888;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .15s ease}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:var(--brand-primary-dark)}.btn-secondary{background:#fff;border:2px solid #d5dae0;color:var(--studium-navy)}.btn-secondary:hover{background:#f5f6f8;border-color:var(--studium-navy)}.btn-danger{background:var(--brand-secondary);color:#fff}.btn-danger:hover{background:var(--brand-secondary-dark)}.btn-lg{font-size:15px;padding:13px 26px}.content{padding:28px 40px}.content h2{color:var(--studium-navy);font-size:22px}.content h3{color:#333;font-size:18px}.loading{color:#999;font-size:15px;padding:44px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--brand-primary);height:36px;margin:0 auto 20px;width:36px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{background:var(--studium-red-light);border-left:4px solid var(--studium-red);color:#9c2b26}.error,.success{border-radius:6px;font-size:14px;margin-bottom:16px;padding:13px}.success{background:var(--studium-green-light);border-left:4px solid var(--studium-green);color:#2e7d32}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:16px;transition:all .2s ease}.card:hover{border-color:var(--brand-primary);box-shadow:0 4px 16px #00000014}.card h3{color:var(--brand-primary);font-size:16px;margin-bottom:8px}.card p{color:#666;font-size:13px;line-height:1.55;margin-bottom:12px}.card-stats{border-top:1px solid #e0e0e0;display:flex;gap:16px;margin-top:12px;padding-top:12px}.stat{flex:1 1;text-align:center}.stat-value{color:var(--brand-primary);font-size:24px;font-weight:700}.stat-label{color:#999;font-size:12px;text-transform:uppercase}.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:11px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #25355126;outline:none}.question-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:20px}.question-container .question-text{color:#222;font-size:18px;font-weight:600;line-height:1.6;margin-bottom:18px}.options{display:flex;flex-direction:column;gap:10px}.option{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:15px;line-height:1.45;padding:13px 16px;transition:all .2s}.option:hover{background:#f5f6f8}.option.selected,.option:hover{border-color:var(--brand-primary)}.option.selected{background:var(--brand-primary);color:#fff}.option.correct{background:var(--studium-green);border-color:var(--studium-green);color:#fff}.option.incorrect{background:var(--brand-secondary);border-color:var(--brand-secondary);color:#fff}.timer{background:var(--brand-primary);border-radius:6px;color:#fff;font-size:16px;font-weight:700;margin-bottom:16px;padding:11px 18px;text-align:center}.timer.warning{background:var(--studium-orange-text)}.timer.danger{background:var(--brand-secondary-dark)}.explanation{background:var(--studium-yellow-light);border-left:4px solid var(--studium-yellow);border-radius:6px;color:#6b5000;font-size:15px;line-height:1.55;margin-top:12px;padding:13px}.progress-bar{background:#e0e0e0;border-radius:6px;height:7px;margin-bottom:8px;overflow:hidden}.progress-fill{background:var(--studium-orange);height:100%;transition:width .3s ease}.table{background:#fff;border-collapse:collapse;margin-top:16px;width:100%}.table th{background:#f7f8fa;border-bottom:2px solid #e5e7eb;color:#333;font-weight:600;text-align:left}.table td,.table th{font-size:14px;padding:11px}.table td{border-bottom:1px solid #eee}.table tr:hover{background:#f9f9f9}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 18px}.header-actions{flex-direction:column;width:100%}.grid{grid-template-columns:1fr}.content{padding:16px}.btn-lg{text-align:center;width:100%}}
/*# sourceMappingURL=main.e0dea006.css.map*/