:root{--brand-primary: #22216d;--brand-secondary: #600c9b;--brand-primary-light: #4748f0;--brand-secondary-light: #e41fed;--progress-start: #4748f0;--progress-end: #e41fed;--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--secondary-hover: #475569;--success-color: #10b981;--success-hover: #059669;--danger-color: #ef4444;--danger-hover: #dc2626;--text-color: #1f2937;--text-muted: #6b7280;--border-color: #e5e7eb;--bg-light: #f9fafb;--bg-body: #f9fafb;--bg-modal: #f3f4f6;--bg-card: white;--bg-table: white;--bg-header: white;--bg-footer: white;--bg-thead: #f9fafb;--input-bg: white;--input-border: #e5e7eb;--input-text: #1f2937;--badge-success-bg: #d1fae5;--badge-success-text: #065f46;--badge-warning-bg: #fef3c7;--badge-warning-text: #92400e;--badge-danger-bg: #fee2e2;--badge-danger-text: #991b1b;--badge-info-bg: #dbeafe;--badge-info-text: #1e40af;--badge-secondary-bg: #e5e7eb;--badge-secondary-text: #374151;--toast-success-bg: #d1fae5;--toast-success-text: #065f46;--toast-success-border: #10b981;--toast-warning-bg: #fef3c7;--toast-warning-text: #92400e;--toast-warning-border: #f59e0b;--toast-danger-bg: #fee2e2;--toast-danger-text: #991b1b;--toast-danger-border: #ef4444;--toast-info-bg: #dbeafe;--toast-info-text: #1e40af;--toast-info-border: #3b82f6;--toast-secondary-bg: #e5e7eb;--toast-secondary-text: #374151;--toast-secondary-border: #64748b;--shadow: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--radius: 8px;--font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}[data-theme="dark"]{--brand-primary: #8b5cf6;--brand-secondary: #d946ef;--brand-primary-light: #a78bfa;--brand-secondary-light: #f0abfc;--progress-start: #7c3aed;--progress-end: #c026d3;--primary-color: #3b82f6;--primary-hover: #60a5fa;--secondary-color: #475569;--secondary-hover: #64748b;--success-color: #34d399;--success-hover: #6ee7b7;--danger-color: #f87171;--danger-hover: #fca5a5;--text-color: #f9fafb;--text-muted: #9ca3af;--border-color: #374151;--bg-light: #1f2937;--bg-body: #111827;--bg-modal: #18212f;--bg-card: #1f2937;--bg-table: #1f2937;--bg-header: #1f2937;--bg-footer: #1f2937;--bg-thead: #111827;--input-bg: #111827;--input-border: #374151;--input-text: #f9fafb;--badge-success-bg: rgba(34, 197, 94, 0.2);--badge-success-text: #6ee7b7;--badge-warning-bg: rgba(251, 191, 36, 0.2);--badge-warning-text: #fcd34d;--badge-danger-bg: rgba(239, 68, 68, 0.2);--badge-danger-text: #fca5a5;--badge-info-bg: rgba(59, 130, 246, 0.2);--badge-info-text: #93c5fd;--badge-secondary-bg: rgba(148, 163, 184, 0.2);--badge-secondary-text: #cbd5e1;--toast-success-bg: #064e3b;--toast-success-text: #a7f3d0;--toast-success-border: #34d399;--toast-warning-bg: #686035;--toast-warning-text: #fde68a;--toast-warning-border: #fbbf24;--toast-danger-bg: #7f1d1d;--toast-danger-text: #fecaca;--toast-danger-border: #f87171;--toast-info-bg: #1e3a8a;--toast-info-text: #bfdbfe;--toast-info-border: #60a5fa;--toast-secondary-bg: #334155;--toast-secondary-text: #e2e8f0;--toast-secondary-border: #94a3b8;--shadow: 0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-base);font-size:16px;line-height:1.6;color:var(--text-color);background-color:var(--bg-body);display:flex;flex-direction:column;min-height:100vh;align-items:stretch}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-sm{max-width:800px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}strong{font-weight:700}h1{font-size:2rem}h1>strong{transition:color 0.2s}h2{font-size:1.5rem}h3{font-size:1.25rem}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-right{text-align:right}body>header{background:var(--bg-header);border-bottom:1px solid var(--border-color);padding:1rem 0;box-shadow:var(--shadow)}a{color:var(--text-color);text-decoration:none;transition:color 0.2s}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 5rem}nav>h1{gap:0.5rem;display:flex;align-items:center;font-size:1.5rem;font-weight:700}nav>h1 a{position:relative;background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav>h1 a::before{content:attr(data-text);position:absolute;top:0;left:0;background:linear-gradient(135deg, var(--brand-primary-light), var(--brand-secondary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transition:opacity 0.3s ease}nav>h1 a:hover::before{opacity:1}nav>ul{display:flex;gap:2rem;list-style:none}nav>ul>li>a{color:var(--text-color);text-decoration:none;font-weight:600;transition:color 0.2s}nav>ul>li>a:hover{color:var(--brand-primary-light)}nav>ul>li>a.active{color:var(--brand-primary-light);border-bottom:2px solid var(--brand-primary-light)}nav .dropdown{position:relative}nav .dropdown>a{padding:0.5rem 0.5rem;border:1px solid var(--border-color);border-radius:var(--radius);transition:background-color 0.2s}nav .dropdown>a:hover{background-color:rgba(0,0,0,0.1)}nav .dropdown>ul{position:absolute;display:block;top:calc(100% + 0.5rem);left:50%;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--radius);z-index:1100;opacity:0;pointer-events:none;transition:opacity 0.2s ease}nav .dropdown>ul.show{display:flex;flex-direction:column;opacity:1;pointer-events:auto}nav .dropdown>ul li{list-style:none}nav .dropdown>ul li a{display:flex;flex-direction:row;gap:1rem;padding:0.5rem 1rem;color:var(--text-color);text-decoration:none;transition:background-color 0.2s, color 0.2s}nav .dropdown>ul li a:hover{background-color:rgba(0,0,0,0.1) !important;color:var(--brand-primary-light)}nav .dropdown>ul li a.active{font-weight:700;color:var(--brand-primary-light);background-color:rgba(0,0,0,0.05)}@media (max-width: 768px){nav{flex-direction:column;gap:1rem}nav>ul{flex-direction:column;gap:0.5rem;text-align:center}}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.card h3{display:flex;align-items:center;gap:0.5rem;font-size:1.5rem}.card>header{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.card>header.with-image{display:flex;align-items:center;gap:1rem}.card>p{flex-grow:1}.card>footer{display:flex;justify-content:center}.card>section{display:flex;flex-direction:column;gap:0.5rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border-color)}.card-light{background-color:var(--bg-light)}.card-highlight{background-color:var(--bg-light);border:2px solid var(--primary-color)}.title-card{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}form{display:flex;flex-direction:column;gap:0.5rem}form>div{display:flex;flex-direction:column;gap:0.5rem}form .form-group{display:flex;flex-direction:column;gap:0.5rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border-color)}form .radio-group{display:flex;flex-direction:column;gap:0.5rem}form label{display:block;font-weight:500;color:var(--text-color)}form label.required::after{content:" *";color:var(--danger-color)}form input[type="text"],form input[type="email"],form input[type="password"],form input[type="datetime-local"],form input[type="date"],form input[type="time"],form input[type="number"],form select,form textarea{width:100%;padding:0.75rem;background-color:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:var(--radius);font-size:1rem;font-family:var(--font-base);transition:border-color 0.2s, box-shadow 0.2s}form input[type="text"]:focus,form input[type="email"]:focus,form input[type="password"]:focus,form input[type="datetime-local"]:focus,form input[type="date"]:focus,form input[type="time"]:focus,form input[type="number"]:focus,form select:focus,form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}form textarea{resize:vertical;min-height:100px}form small{font-size:0.875rem;color:var(--text-muted);margin-top:0.25rem}form small.error{color:var(--danger-color)}form .submit-buttons-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0.5rem;margin-top:1rem;align-items:stretch}.radio-label{display:flex;align-items:center;padding:0.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all 0.2s}.radio-label input[type="radio"]{position:absolute;opacity:0;cursor:pointer}.radio-label:hover{border-color:var(--primary-color);background-color:rgba(37,99,235,0.05)}.radio-label span{display:flex;align-items:center;gap:0.5rem}.radio-label span svg{width:1.5rem;height:1.5rem}.radio-label input[type="radio"]:checked~span{font-weight:600;color:var(--primary-color)}.radio-label input[type="radio"]:checked~{border-color:var(--primary-color);background-color:rgba(37,99,235,0.1);font-weight:600}.radio-label:has(input[type="radio"]:checked){border-color:var(--primary-color);background-color:rgba(37,99,235,0.1);font-weight:600}.radio-label.radio-success:hover{border-color:var(--success-color);background-color:rgba(34,197,94,0.05)}.radio-label.radio-success:hover span{color:var(--success-color)}.radio-label.radio-success:has(input[type="radio"]:checked){border-color:var(--success-color);background-color:rgba(34,197,94,0.1)}.radio-label.radio-success:has(input[type="radio"]:checked) span{color:var(--success-color)}.radio-label.radio-danger:hover{border-color:var(--danger-color);background-color:rgba(239,68,68,0.05)}.radio-label.radio-danger:hover span{color:var(--danger-color)}.radio-label.radio-danger:has(input[type="radio"]:checked){border-color:var(--danger-color);background-color:rgba(239,68,68,0.1)}.radio-label.radio-danger:has(input[type="radio"]:checked) span{color:var(--danger-color)}.checkbox-label{display:flex;align-items:center;padding:0.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all 0.2s}.checkbox-label input[type="checkbox"]{margin-right:0.75rem;cursor:pointer;width:1.25rem;height:1.25rem;accent-color:var(--primary-color)}.checkbox-label:hover{border-color:var(--primary-color);background-color:rgba(37,99,235,0.05)}.checkbox-label input[type="checkbox"]:checked+span{font-weight:600;color:var(--primary-color)}button,.btn{display:inline-block;padding:0.75rem 1.5rem;font-size:1rem;font-weight:500;font-family:var(--font-base);text-align:center;text-decoration:none;border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:background-color 0.2s, transform 0.1s, border-color 0.2s}button:active,.btn:active{transform:translateY(1px)}button:disabled,.btn:disabled{background-color:var(--bg-muted);color:var(--text-muted);cursor:not-allowed;border-color:var(--border-color)}button:disabled:hover,.btn:disabled:hover{background-color:var(--bg-muted);color:var(--text-muted);border-color:var(--border-color)}button:disabled:active,.btn:disabled:active{transform:none}button,.btn-primary{background-color:var(--primary-color);color:white}button:hover,.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color);color:white}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-success{background-color:var(--success-color);color:white}.btn-success:hover{background-color:var(--success-hover)}.btn-danger{background-color:var(--danger-color);color:white}.btn-danger:hover{background-color:var(--danger-hover)}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:white}.btn-sm{padding:0.5rem 1rem;font-size:0.875rem}.btn-block{display:block;width:100%}.external-links{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1rem}.external-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;font-size:1rem;font-weight:500;text-decoration:none;color:var(--primary-color);background-color:var(--bg-card);border:2px solid var(--primary-color);border-radius:var(--radius);cursor:pointer;transition:all 0.2s ease}.external-link svg{width:1.25rem;height:1.25rem;stroke-width:2;transition:transform 0.2s ease}.external-link:hover{background-color:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.external-link:hover svg{transform:translateY(-2px)}.external-link:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,0.1)}.external-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.external-link-highlight{color:var(--success-color);border-color:var(--success-color);border-width:2px;font-weight:600}.external-link-highlight:hover{background-color:var(--success-color);color:white;border-color:var(--success-color)}.external-link-highlight:focus-visible{outline-color:var(--success-color)}.badge{display:flex;gap:0.5rem;align-items:center;flex-direction:row;padding:0.25rem 0.75rem;font-size:0.875rem;font-weight:500;border-radius:999px;width:fit-content}.badge svg{height:1.2rem}.badge-success{background-color:var(--badge-success-bg);color:var(--badge-success-text)}.badge-warning{background-color:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge-danger{background-color:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-info{background-color:var(--badge-info-bg);color:var(--badge-info-text)}.badge-secondary{background-color:var(--badge-secondary-bg);color:var(--badge-secondary-text)}.alert{padding:1rem 1.5rem;border-radius:var(--radius);margin-bottom:1.5rem}.alert-success{background-color:#d1fae5;color:#065f46;border-left:4px solid var(--success-color)}.alert-warning{background-color:#fef3c7;color:#92400e;border-left:4px solid var(--warning-color)}.alert-danger{background-color:#fee2e2;color:#991b1b;border-left:4px solid var(--danger-color)}.alert-info{background-color:#dbeafe;color:#1e40af;border-left:4px solid var(--primary-color)}.stat-item{flex:1;text-align:center}.stat-item .stat-number{font-size:2rem;font-weight:600;margin:0}.stat-item .stat-number.primary{color:var(--primary-color)}.stat-item .stat-number.success{color:var(--success-color)}.stat-item .stat-number.warning{color:var(--warning-color)}article.justification-text{margin:0;white-space:pre-wrap}.map-link{margin-left:1rem;color:var(--primary-color)}.table{width:100%;border-collapse:collapse;background:var(--bg-table);border-radius:var(--radius);overflow-x:scroll;box-shadow:var(--shadow)}.table table{width:100%}.table table button{width:100%}.table table a{width:100%}.table thead{background-color:var(--bg-thead)}.table th{text-align:left;padding:1rem;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-color)}.table td{padding:1rem;border-bottom:1px solid var(--border-color)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:var(--bg-light)}@media (max-width: 768px){.table{font-size:0.875rem}.table th,.table td{padding:0.75rem}}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:0.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-between{justify-content:space-between}.flex-center{align-items:center}.flex-1{flex:1}.flex-col{flex-direction:column}.gap-1{gap:0.5rem}.gap-2{gap:1rem}.hidden{display:none !important}body>footer{background:var(--bg-footer);border-top:1px solid var(--border-color);padding:1rem 0;text-align:center;color:var(--text-muted)}.auth-form-container{display:flex;justify-content:center;align-items:center;min-width:800px}.auth-form-container form{display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-md);width:100%;max-width:400px;gap:1rem}.auth-form-container>form>header>h1{display:flex;flex-direction:row;align-items:left;gap:1rem}.auth-form-container form{max-width:600px}fieldset{border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}fieldset legend{font-weight:600;font-size:1.1rem;padding:0 0.5rem;color:var(--text-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.slider-container{margin-top:0.5rem}.slider-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;font-size:0.9rem;color:var(--text-muted)}.confidence-value{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.slider{width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none;appearance:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:transform 0.2s}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;transition:transform 0.2s}.slider::-moz-range-thumb:hover{transform:scale(1.1)}.slider-ticks{display:flex;justify-content:space-between;margin-top:0.25rem;font-size:0.75rem;color:var(--text-muted)}.consent-text{background:var(--bg-alt);border:1px solid var(--border-color);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;max-height:300px;overflow-y:auto}.consent-text h4{margin-top:1rem;margin-bottom:0.5rem;color:var(--text-color)}.consent-text h4:first-child{margin-top:0}.consent-text ul{margin-left:1.5rem;margin-bottom:1rem}.consent-text li{margin-bottom:0.5rem}.checkbox-group{display:flex;align-items:flex-start;gap:0.5rem}.checkbox-group input[type="checkbox"]{margin-top:0.25rem;cursor:pointer;width:1.25rem;height:1.25rem;accent-color:var(--primary-color)}.checkbox-group label{flex:1;margin:0;cursor:pointer}.form-actions{margin-top:0.5rem}.article-list{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem;min-height:100px}.article-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius);transition:all 0.2s;cursor:grab}.article-item:hover{border-color:var(--primary-color);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.article-item.dragging{opacity:0.5;border-style:dashed;cursor:grabbing}.article-item.drag-over{border-color:var(--primary-color);background:rgba(37,99,235,0.05)}.article-item.duplicate{border-color:#ef4444;background:rgba(239,68,68,0.05);animation:shake 0.3s ease-in-out}.article-item.duplicate .article-input{border-color:#ef4444;background:rgba(239,68,68,0.05)}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);cursor:grab;flex-shrink:0}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:16px;height:16px}.rank-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-color);color:white;border-radius:50%;font-weight:700;font-size:0.875rem;flex-shrink:0}.article-input{flex:1;padding:0.5rem;border:1px solid var(--input-border);border-radius:var(--radius);background:var(--input-bg);color:var(--input-text);font-size:1rem;transition:border-color 0.2s;cursor:text}.article-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.article-input::placeholder{color:var(--text-muted)}.save-status{display:inline-block;margin-left:0.5rem;font-size:0.875rem;font-weight:500;transition:opacity 0.3s}.save-status.save-status-success{color:var(--success-color)}.save-status.save-status-warning{color:var(--warning-color)}.save-status.save-status-info{color:var(--text-muted)}.instructions h4{margin-bottom:0.75rem;color:var(--text-color)}.instructions ul{margin-left:1.5rem}.instructions ul li{margin-bottom:0.5rem;color:var(--text-muted)}.assignment-info{display:flex;flex-direction:column;gap:1.5rem}.info-group label{display:block;margin-bottom:0.5rem}.info-group .topic-name{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0.5rem 0}@media (max-width: 768px){.article-item{gap:0.5rem;padding:0.5rem}.drag-handle{width:20px;height:20px}.rank-number{width:28px;height:28px;font-size:0.75rem}.article-input{font-size:0.875rem}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);align-items:center;justify-content:center}.modal-content{background-color:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-md);max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:modalFadeIn 0.2s ease-out}.modal-content>div:not(.modal-header){padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:0.8rem;background-color:var(--bg-modal)}.modal-content>div:not(.modal-header) p{display:flex;flex-direction:column}.modal-content>div:not(.modal-header) article.card>header{display:flex;justify-content:space-between;align-items:center;border-bottom:none;padding-bottom:0}.modal-content>div:not(.modal-header) article.card p{margin:0}.modal-content>div:not(.modal-header) article.card p:not(:first-of-type){margin-top:0.5rem}.modal-content>div:not(.modal-header) article.card small{font-size:0.875rem}.modal-close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--text-muted);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 0.2s, color 0.2s}.modal-close:hover{background-color:var(--bg-light);color:var(--text-color)}.modal-content>header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-content>header h3{margin:0}.modal-content>footer{padding:0.5rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between}.modal-content>footer form{display:block;margin:0;padding:0}@keyframes modalFadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-color);box-shadow:var(--shadow-md);color:var(--text-color);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s, box-shadow 0.2s;z-index:999;padding:0.3rem}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 12px rgba(0,0,0,0.15);color:white}.theme-toggle:active{transform:scale(0.95)}.progress-minicard{padding:1rem;background-color:var(--bg-light);border-radius:var(--radius);box-shadow:var(--shadow)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.progress-header strong{font-size:1rem;color:var(--text-color)}.progress-header .progress-count{font-size:0.875rem;color:var(--text-muted);font-weight:500}.progress-bar{width:100%;height:1.5rem;background-color:var(--bg-thead);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1)}.progress-fill{height:100%;background:linear-gradient(90deg, var(--progress-start), var(--progress-end));border-radius:999px;transition:width 0.6s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.header-icon{opacity:1}[data-theme="dark"] .header-icon{filter:brightness(3) saturate(0.8);opacity:1}#toast-container{position:fixed;right:1rem;z-index:1050;display:flex;flex-direction:column}.toast{opacity:0;display:grid;grid-template-rows:0fr;transition:all 0.3s ease;visibility:hidden;margin-bottom:0;transform:translateY(-1rem)}.toast.show{opacity:1;grid-template-rows:1fr;visibility:visible;margin-bottom:1rem;transform:translateY(0)}.toast-content{color:var(--color-text);padding:1rem 1.25rem;border-radius:0.5rem;border-left:4px solid var(--primary-color);box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:space-between;gap:1rem;width:25rem;overflow:hidden}.toast-content.toast-success{color:var(--toast-success-text);border-left-color:var(--toast-success-border);background-color:var(--toast-success-bg)}.toast-content.toast-warning{color:var(--toast-warning-text);border-left-color:var(--toast-warning-border);background-color:var(--toast-warning-bg)}.toast-content.toast-danger,.toast-content.toast-error{color:var(--toast-danger-text);border-left-color:var(--toast-danger-border);background-color:var(--toast-danger-bg)}.toast-content.toast-info{color:var(--toast-info-text);border-left-color:var(--toast-info-border);background-color:var(--toast-info-bg)}.toast-close{background:none;border:none;color:currentColor;font-size:1.5rem;line-height:1;cursor:pointer;opacity:0.6;padding:0;margin-left:auto;transition:opacity 0.2s;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.toast-close:hover{opacity:1;background-color:rgba(0,0,0,0.05)}.toast-close svg{display:block;width:2rem;height:2rem}main{display:flex;flex-direction:column;align-items:center;flex:1;max-width:100%;padding:2rem 0}.index-content{display:flex;flex-direction:column;gap:1rem;max-width:100%;margin:0 auto;padding:0 1.5rem}.form-content{display:flex;flex-direction:column;gap:1rem;margin:0 auto;padding:0 1.5rem;min-width:768px}@media (max-width: 768px){.form-content{min-width:100%}}