:root{--primary-color: #4F46E5;--primary-color-dark: #3730A3;--secondary-color: #EEF2FF;--background-color: #F8F9FA;--surface-color: #FFFFFF;--text-color: #1E293B;--text-color-light: #F1F5F9;--border-color: #E2E8F0;--error-color: #DC2626;--success-color: #16A34A;--warning-color: #D97706;--info-color: #6366F1;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--login-info-welcome-bg: #FDFBF5;--login-info-welcome-text: #5D4037;--table-row-alt-bg: #F8F9FA;--review-header-bg: #3B82F6;--answer-correct-bg: #DCFCE7;--answer-incorrect-bg: #FEE2E2;--selected-answer-bg: #E0E7FF;--result-banner-pass-bg: #ECFDF5;--result-banner-pass-text: #065F46;--result-banner-fail-bg: #FFFBEB;--result-banner-fail-text: #92400E;--explanation-bg: #F5F3FF;--explanation-border: #8B5CF6;--background-gradient-start: #F9FAFB;--background-gradient-end: #F3F4F6;--q-nav-answered-bg: #D1FAE5;--q-nav-unanswered-bg: #F3F4F6;--q-nav-answered-border: #6EE7B7;--tab-color-students: #4F46E5;--tab-color-classes: #F97316;--tab-color-questions: #0EA5E9;--tab-color-results: #E11D48;--tab-color-settings: #16A34A;--tab-color-students-bg: #EEF2FF;--tab-color-classes-bg: #FFF7ED;--tab-color-questions-bg: #F0F9FF;--tab-color-results-bg: #FFF1F2;--tab-color-settings-bg: #F0FDF4;--color-pastel-blue: #A4C8FF;--color-pastel-red: #FF8A80;--color-pastel-purple: #D7C8FF;--color-pastel-teal: #74D9C3;--color-pastel-yellow: #FFE7A3;--text-on-pastel: #334155;--text-on-pastel-strong: #1E293B}body[data-color-theme=teal]{--primary-color: #0D9488;--primary-color-dark: #0F766E}body[data-color-theme=green]{--primary-color: #16A34A;--primary-color-dark: #15803D}body[data-color-theme=rose]{--primary-color: #E11D48;--primary-color-dark: #BE123C}body[data-color-theme=amber]{--primary-color: #D97706;--primary-color-dark: #B45309}body[data-color-theme=moss]{--primary-color: #65A30D;--primary-color-dark: #4D7C0F}body[data-color-theme=terracotta]{--primary-color: #C05621;--primary-color-dark: #9C4221}body[data-color-theme=ocean]{--primary-color: #0284C7;--primary-color-dark: #0369A1}body[data-color-theme=wine]{--primary-color: #9F1239;--primary-color-dark: #881337}body[data-color-theme=electric]{--primary-color: #2563EB;--primary-color-dark: #1D4ED8}body[data-color-theme=fiery]{--primary-color: #DC2626;--primary-color-dark: #B91C1C}body[data-color-theme=burnt]{--primary-color: #EA580C;--primary-color-dark: #C2410C}body[data-color-theme=sky]{--primary-color: #0EA5E9;--primary-color-dark: #0284C7}body[data-color-theme=pink]{--primary-color: #DB2777;--primary-color-dark: #BE185D}body[data-color-theme=lavender]{--primary-color: #9333EA;--primary-color-dark: #7E22CE}body{margin:0;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);font-size:16px;overflow-x:hidden}body.quiz-active{overflow:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.view-transition-wrapper{flex-grow:1;display:flex;flex-direction:column;width:100%;animation:fadeSlideUp .4s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center;will-change:transform,opacity}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-up{animation:slideUp .4s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}@keyframes slideUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;gap:8px;white-space:nowrap}.btn:active{transform:translateY(0)!important}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 4px #0000001a}.btn-primary:hover{background-color:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-secondary{background-color:#f1f5f9;color:#475569;border:1px solid #CBD5E1}.btn-secondary:hover{background-color:#e2e8f0;color:#1e293b}.btn-danger{background-color:#fef2f2;color:#dc2626;border:1px solid #FECACA}.btn-danger:hover{background-color:#dc2626;color:#fff;border-color:#dc2626}.btn-sm{padding:6px 12px;font-size:.85rem;border-radius:6px}.btn-icon-only{padding:8px;width:36px;height:36px;border-radius:50%;justify-content:center}.input-professional,.search-input,.input-field-clean{width:100%;padding:10px 12px;border:1px solid #CBD5E1;border-radius:6px;font-size:.95rem;color:var(--text-color);transition:border-color .2s,box-shadow .2s;background:var(--surface-color);box-sizing:border-box;font-family:inherit}.input-professional:focus,.search-input:focus,.input-field-clean:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:.9rem;color:var(--text-color)}.card-base,.admin-section-card,.stat-card,.spec-card-clean{background:var(--surface-color);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;padding:20px;transition:box-shadow .2s}.card-hover:hover{box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-2px)}.table-wrapper,.table-wrapper-full{width:100%;overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.data-table,.table-clean,.professional-table{width:100%;border-collapse:collapse;font-size:.9rem;white-space:nowrap}.data-table th,.table-clean th,.professional-table th{background-color:#f8fafc;color:#475569;font-weight:700;text-transform:uppercase;font-size:.8rem;padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table td,.table-clean td,.professional-table td{padding:12px 16px;border-bottom:1px solid #F1F5F9;vertical-align:middle;color:var(--text-color)}.data-table tr:hover,.table-clean tr:hover{background-color:#f8fafc}.data-table tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#dcfce7;color:#166534;border:1px solid #BBF7D0}.badge-warning{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.badge-danger{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.badge-info{background:#e0f2fe;color:#075985;border:1px solid #BAE6FD}.badge-neutral{background:#f1f5f9;color:#475569;border:1px solid #E2E8F0}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s forwards}.modal-content{background:var(--surface-color);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:90%;max-height:90vh;display:flex;flex-direction:column;width:500px;animation:scaleIn .3s cubic-bezier(.16,1,.3,1) forwards}.modal-content.large{width:800px}.modal-content.xlarge{width:1200px}.modal-header{padding:15px 25px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#94a3b8}.close-button:hover{color:#ef4444}.modal-form{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.modal-actions{padding:15px 25px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px;background:#f8fafc;border-radius:0 0 16px 16px}.debug-floating-window{position:fixed;bottom:10px;right:10px;width:600px;max-width:95vw;height:400px;background:#1e1e1e;color:#d4d4d4;border:1px solid #333;border-radius:8px;z-index:99999;box-shadow:0 5px 20px #00000080;display:flex;flex-direction:column;font-family:Consolas,Monaco,monospace;font-size:12px;transition:height .3s ease,width .3s ease}.debug-floating-window.minimized{height:40px;width:200px}.debug-header{background:#2d2d2d;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;border-radius:8px 8px 0 0;cursor:pointer;flex-shrink:0}.debug-title{font-weight:700;display:flex;align-items:center;color:#fff;-webkit-user-select:none;user-select:none}.debug-count{background:#007acc;padding:1px 6px;border-radius:10px;font-size:10px}.debug-actions{display:flex;gap:5px}.btn-debug-action{background:#3c3c3c;border:1px solid #555;color:#ccc;padding:2px 6px;border-radius:3px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.btn-debug-action:hover{background:#505050;color:#fff}.btn-debug-close{background:none;border:none;color:#f55;font-weight:700;cursor:pointer;font-size:14px;padding:0 5px}.debug-body{flex:1;overflow-y:auto;padding:8px;background:#1e1e1e}.debug-line{padding:2px 0;border-bottom:1px solid #2A2A2A;word-break:break-all;white-space:pre-wrap;line-height:1.4;font-family:Consolas,Courier New,monospace}.debug-line.line-error{color:#f48771;background:#f487711a;border-left:3px solid #F48771;padding-left:5px}.debug-line.line-warn{color:#cca700;background:#cca7001a;border-left:3px solid #CCA700;padding-left:5px}.debug-line.line-raw{color:#9cdcfe;opacity:.9;font-size:11px;border-left:3px solid #569CD6;padding-left:5px;margin-top:2px;margin-bottom:2px}.line-number{color:#6e7681;margin-right:8px;-webkit-user-select:none;user-select:none;display:inline-block;min-width:30px;text-align:right}.debug-empty{color:#6e7681;text-align:center;margin-top:50px;font-style:italic}.debug-body::-webkit-scrollbar{width:10px}.debug-body::-webkit-scrollbar-track{background:#1e1e1e}.debug-body::-webkit-scrollbar-thumb{background:#424242;border-radius:0}.debug-body::-webkit-scrollbar-thumb:hover{background:#4f4f4f}:root{--calc-teal-deep: #0F766E;--calc-teal-main: #0EA5A4;--calc-teal-soft: #F0FDFA;--calc-teal-tab-inactive: #E0F2F1;--calc-indigo: #4F46E5;--calc-indigo-deep: #4338CA;--calc-indigo-soft: #EEF2FF;--calc-amber-deep: #B45309;--calc-border: #E2E8F0;--calc-text-dark: #1E293B;--calc-text-muted: #64748B;--calc-gold: #F59E0B}.calculator-container{background-color:#fafafa;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,sans-serif;width:100%}.calc-header-floating{position:sticky;top:0;z-index:1000;background-color:var(--calc-teal-soft);border-bottom:1px solid #5EEAD4;padding:10px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #0f766e14}.calc-header-title h1{font-size:1.1rem;font-weight:800;color:var(--calc-teal-deep);margin:0;letter-spacing:-.01em}.step-wizard{display:flex;justify-content:center;align-items:center;margin:20px 0 30px;gap:12px}.step-item{font-weight:700;color:#94a3b8;font-size:.85rem;padding:6px 14px;border-radius:20px;background:#f1f5f9;transition:all .3s;cursor:pointer}.step-item:hover{background:#e2e8f0}.step-item.active{background:var(--calc-teal-main);color:#fff;box-shadow:0 4px 10px #0ea5a426}.step-line{width:30px;height:2px;background:#e2e8f0}.method-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:35px;max-width:900px;margin-left:auto;margin-right:auto}.method-card{background:#fff;border:2px solid var(--calc-border);border-radius:20px;padding:30px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.method-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000000d}.method-card.lowest.selected{background:var(--calc-teal-soft);border-color:var(--calc-teal-main);border-width:3px}.method-card.evaluated.selected{background:var(--calc-indigo-soft);border-color:var(--calc-indigo);border-width:3px}.method-icon{font-size:2.5rem;margin-bottom:15px}.bidder-tabs-modern{background:#f1f5f9;padding:6px;border-radius:12px;display:flex;gap:6px;margin-bottom:20px;width:fit-content;border:1px solid #E2E8F0}.bidder-tab-item{padding:8px 18px;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:all .2s;font-size:.85rem;background:var(--calc-teal-tab-inactive);color:var(--calc-teal-deep)}.bidder-tab-item:hover{background:#b2dfdb}.bidder-tab-item.active{background:var(--calc-teal-deep)!important;color:#fff!important;box-shadow:0 4px 8px #0f766e33}.table-calc-enterprise{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #E2E8F0;border-radius:10px;overflow:hidden;background:#fff}.table-calc-enterprise thead tr th{background-color:#334155!important;color:#fff!important;font-weight:700;font-size:.75rem;text-transform:uppercase;padding:10px 8px;border-bottom:1px solid #1E293B;border-right:1px solid #475569}.table-calc-enterprise td{padding:8px 10px;border-bottom:1px solid #F1F5F9;border-right:1px solid #F1F5F9}.row-total-highlight{background-color:#f0fdfa!important;border-top:2px solid var(--calc-teal-main)}.row-total-highlight td{font-weight:800!important;color:var(--calc-teal-deep)!important;font-size:.95rem;padding:12px 10px}.winner-card-enterprise{background:linear-gradient(145deg,#fff,#fffbeb);border:1px solid #FDE68A;border-radius:24px;padding:35px 30px;text-align:center;max-width:450px;margin:20px auto 40px;position:relative;box-shadow:0 15px 40px #f59e0b1a;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.winner-trophy{font-size:3.5rem;margin-bottom:15px;display:inline-block;filter:drop-shadow(0 10px 15px rgba(245,158,11,.3));animation:trophyFloat 3s ease-in-out infinite}.winner-rank-badge{background-color:#b45309;color:#fff;padding:5px 16px;border-radius:50px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin-bottom:15px}.winner-name{font-size:2rem;font-weight:900;color:#451a03;margin:0 0 15px}.winner-price-label{font-size:.85rem;font-weight:700;color:#92400e;text-transform:uppercase;margin-bottom:5px}.winner-price-value{font-size:2.8rem;font-weight:950;color:#059669;line-height:1}.winner-price-currency{font-size:1rem;font-weight:800;color:#059669;margin-left:8px}.btn-calc-primary{background-color:var(--calc-teal-deep)!important;color:#fff!important;border:none;padding:12px 32px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #0f766e40;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-calc-primary:hover{background-color:#0d665f!important;transform:translateY(-2px);box-shadow:0 6px 15px #0f766e59}.btn-export-teal-rich{background-color:var(--calc-teal-deep)!important;color:#fff!important;border:none;padding:10px 24px;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #0f766e40}.btn-export-teal-rich:hover{background-color:#0b5954!important;transform:translateY(-2px);box-shadow:0 6px 15px #0f766e59}.btn-calc-secondary{background:#fff;color:#475569;border:1px solid #CBD5E1;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-calc-secondary:hover{background:#f8fafc;border-color:#94a3b8}.btn-func-teal{background:#0ea5a4!important;color:#fff!important;border:none;padding:4px 12px;border-radius:6px;font-weight:700;cursor:pointer}.btn-func-indigo{background:var(--calc-indigo-deep)!important;color:#fff!important;border:none;padding:4px 12px;border-radius:6px;font-weight:700;cursor:pointer}.btn-func-amber{background:var(--calc-amber-deep)!important;color:#fff!important;border:none;padding:4px 12px;border-radius:6px;font-weight:700;cursor:pointer}.total-bid-value-strip{background:linear-gradient(90deg,#0f766e,#0ea5a4);color:#fff;padding:10px 20px;border-radius:10px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0f766e1f}.total-bid-value-strip .label{font-size:.85rem;font-weight:800;text-transform:uppercase;opacity:.9}.total-bid-value-strip .value{font-size:1.5rem;font-weight:900}@keyframes trophyFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@media(max-width:1024px){.calculator-container main{padding:20px}.method-selection-grid{grid-template-columns:1fr;max-width:500px}.bidder-tabs-modern{flex-wrap:wrap;width:100%;justify-content:center}.bidder-tab-item{flex-grow:1;text-align:center}.total-bid-value-strip{flex-direction:column;gap:5px;padding:15px}.total-bid-value-strip .value{font-size:1.3rem}.total-bid-value-strip .label{font-size:.8rem}}@media(max-width:768px){.calc-header-floating{flex-direction:column;gap:10px;padding:15px 20px}.calc-header-title h1{font-size:1rem}.step-wizard{margin:15px 0 25px;gap:8px;flex-wrap:wrap}.step-item{font-size:.75rem;padding:5px 10px}.step-line{width:20px}.method-card{padding:25px}.method-icon{font-size:2rem;margin-bottom:10px}.method-card h4{font-size:1.1rem}.method-card p{font-size:.85rem}.spec-card-clean{padding:20px}.bidder-names-grid{grid-template-columns:1fr}.btn-calc-primary,.btn-calc-secondary{width:100%;padding:10px 20px;font-size:.9rem}.winner-card-enterprise{padding:25px 15px;margin:15px auto 30px}.winner-trophy{font-size:2.5rem}.winner-name{font-size:1.6rem}.winner-price-value{font-size:2rem}.table-calc-enterprise thead tr th{padding:8px 5px;font-size:.65rem}.table-calc-enterprise td{padding:5px;font-size:.8rem}.row-total-highlight td{padding:8px 5px;font-size:.85rem}.item-header-row-modern td{padding:8px 5px!important;font-size:.9rem!important}.item-header-row-modern .float-right{font-size:.6rem!important;padding:1px 6px!important}.btn-export-teal-rich{padding:8px 16px;font-size:.85rem}}.profile-card-modern{display:flex;gap:0;background:#fff;min-height:450px;width:100%;height:100%}.profile-sidebar{width:320px;background:#dcedc8;color:#1e293b;padding:40px 25px;text-align:center;display:flex;flex-direction:column;align-items:center;border-right:1px solid rgba(0,0,0,.05);flex-shrink:0}.profile-avatar-container{width:140px;height:140px;border-radius:50%;border:4px solid rgba(255,255,255,.8);overflow:hidden;margin-bottom:20px;box-shadow:0 5px 15px #0000001a;background:#fff}.profile-avatar{width:100%;height:100%;object-fit:cover}.profile-name{margin:0 0 5px;font-size:1.6rem;font-weight:800;color:#1e293b}.profile-title{margin:0 0 30px;font-size:1rem;opacity:.9;font-weight:500;font-style:italic;color:#334155}.profile-contact-list{display:flex;flex-direction:column;gap:15px;width:100%}.profile-contact-item{background:#fff9;padding:12px 15px;border-radius:8px;text-decoration:none;color:#1e293b;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .2s;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 4px #00000008;width:100%;box-sizing:border-box}.profile-contact-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.profile-phone-pill{background-color:#e9f5db;border-radius:50px;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;box-shadow:0 2px 5px #0000000d;border:1px solid rgba(255,255,255,.6)}.profile-pill-icon,.profile-contact-item span:first-child{font-size:1.1rem;color:#e11d48;flex-shrink:0;width:24px;text-align:center}.profile-contact-item span:first-child{color:#2563eb}.profile-pill-number,.profile-contact-item span:last-child{font-weight:800;font-size:.9rem;color:#1e293b;letter-spacing:.2px;text-align:left;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.profile-contact-item:hover span:last-child{white-space:normal;overflow:visible;word-break:break-all}.profile-zalo-badge{background-color:#0068ff;color:#fff;font-size:.75rem;font-weight:800;padding:4px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0068ff33;flex-shrink:0}.profile-content{flex:1;padding:40px;display:flex;flex-direction:column;position:relative;background:#fff8e7;overflow-y:auto}.profile-section-title{font-size:1.4rem;color:#92400e;font-weight:800;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(0,0,0,.05)}.profile-bio{line-height:1.8;color:#4b5563;font-size:1.05rem;white-space:pre-wrap;margin-bottom:30px}.profile-actions-area{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end}.profile-qr-container{text-align:center;background:#fff;padding:10px;border-radius:8px;border:1px solid #E2E8F0;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px #0000000d}.profile-qr-img{max-width:150px;border-radius:4px}@media(max-width:1024px){.profile-card-modern{flex-direction:column;max-height:90vh;overflow-y:auto}.profile-sidebar{width:100%;padding:30px;box-sizing:border-box;border-right:none;border-bottom:1px solid rgba(0,0,0,.05)}.profile-phone-pill,.profile-contact-item{max-width:400px;margin:0 auto}}.dashboard-top-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:25px}.dashboard-card{background:var(--surface-color);border-radius:8px;padding:10px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);box-shadow:0 2px 5px #0000000d;height:auto;min-height:70px;position:relative;overflow:hidden}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000014}.dashboard-card.active{background-color:var(--surface-color);border:2px solid}.card-stat-1{border-bottom:3px solid #F43F5E}.card-stat-1 .card-icon{color:#f43f5e;background:#fff1f2}.card-stat-2{border-bottom:3px solid #8B5CF6}.card-stat-2 .card-icon{color:#8b5cf6;background:#f5f3ff}.card-nav-1{border-bottom:3px solid #3B82F6}.card-nav-1.active{border-color:#3b82f6;background:#eff6ff}.card-nav-1 .card-icon{color:#3b82f6;background:#dbeafe}.card-nav-2{border-bottom:3px solid #F97316}.card-nav-2.active{border-color:#f97316;background:#fff7ed}.card-nav-2 .card-icon{color:#f97316;background:#ffedd5}.card-nav-3{border-bottom:3px solid #10B981}.card-nav-3.active{border-color:#10b981;background:#ecfdf5}.card-nav-3 .card-icon{color:#10b981;background:#d1fae5}.dashboard-card .card-icon{font-size:1.2rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.dashboard-card .card-value{font-size:1.2rem;font-weight:800;color:var(--text-color)}.dashboard-card .card-label{font-size:.8rem;font-weight:600;color:#64748b}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px}.stat-card{background:var(--surface-color);padding:20px;border-radius:12px;box-shadow:0 2px 5px #0000000d;display:flex;align-items:center;border:1px solid var(--border-color);transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card.border-blue{border-left:5px solid #3B82F6}.stat-card.border-green{border-left:5px solid #10B981}.stat-card.border-red{border-left:5px solid #EF4444}.stat-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;margin-right:15px;flex-shrink:0}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-color);line-height:1.2}.stat-label{font-size:.85rem;color:#64748b;font-weight:500}.assign-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:15px}.assign-template-card-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:80px}.assign-template-card-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.assign-template-card-item.selected{border-color:var(--primary-color);background-color:var(--secondary-color);border-width:2px}body[data-color-theme=orange] .assign-template-card-item.selected{border-color:#f97316;background-color:#fff7ed}body[data-color-theme=sky] .assign-template-card-item.selected{border-color:#0ea5e9;background-color:#f0f9ff}body[data-color-theme=green] .assign-template-card-item.selected{border-color:#16a34a;background-color:#f0fdf4}body[data-color-theme=rose] .assign-template-card-item.selected{border-color:#e11d48;background-color:#fff1f2}.assign-template-card-item .template-name{font-weight:700;font-size:.95rem;margin-bottom:4px;color:var(--text-color);line-height:1.2}.assign-template-card-item .template-count{font-size:.8rem;color:#64748b}.assign-template-card-item .check-indicator{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background-color:var(--border-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s}.assign-template-card-item.selected .check-indicator{background-color:var(--primary-color)}.class-list-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px;padding:10px 0}.class-card-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .2s ease;min-height:120px;position:relative;border-left:4px solid var(--primary-color)}.class-card-item:hover{transform:translateY(-3px);box-shadow:0 8px 15px #00000014}.class-card-item.selected{border:2px solid var(--primary-color);background-color:#f8fafc;box-shadow:0 0 0 3px #4f46e51a}.class-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.class-card-title{font-weight:700;font-size:1.1rem;color:var(--primary-color-dark)}.class-card-stats{display:flex;gap:15px;margin-top:auto;font-size:.9rem;color:#64748b;background:#f1f5f9;padding:8px;border-radius:6px}.class-stat-item{display:flex;align-items:center;gap:5px;font-weight:500}.class-card-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:20px}.class-select-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;padding:10px;cursor:pointer;text-align:center;transition:all .2s}.class-select-card:hover{border-color:var(--primary-color)}.class-select-card.active{border-color:var(--primary-color);background-color:var(--secondary-color);font-weight:600;color:var(--primary-color-dark);border-width:2px}.student-checklist{border:1px solid var(--border-color);border-radius:6px;height:350px;overflow-y:auto;background:var(--surface-color);padding:5px}.student-checklist-item{display:flex;align-items:center;padding:8px 10px;border-bottom:1px solid #f0f0f0;cursor:pointer}.student-checklist-item:last-child{border-bottom:none}.student-checklist-item:hover{background-color:#f9f9f9}.student-checklist-item.selected{background-color:#f0f9ff}.student-checklist-item input{margin-right:10px;cursor:pointer}.checklist-info{display:flex;flex-direction:column;font-size:.9rem}.checklist-info .name{font-weight:500}.checklist-info .meta{font-size:.75rem;color:#666}.manage-template-list-container{display:flex;gap:8px;overflow-x:auto;padding:4px 0;margin-right:15px;max-width:600px;align-items:center}.manage-template-tag{white-space:nowrap;background:var(--surface-color);border:1px solid var(--border-color);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;color:var(--text-color);display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d}.manage-template-tag:hover{border-color:var(--primary-color)}.editor-top-bar-layout{display:flex;align-items:center;gap:20px;background:#f8fafc;padding:15px 20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color)}.editor-template-list-scroller{display:flex;gap:10px;overflow-x:auto;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding:10px 0}.template-tag-edit{padding:6px 12px;border-radius:20px;font-size:.9rem;cursor:pointer;white-space:nowrap;border:1px solid var(--border-color);background:#fff;color:var(--text-color);transition:all .2s}.template-tag-edit:hover{border-color:var(--primary-color);color:var(--primary-color)}.template-tag-edit.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}@media(max-width:1024px){.dashboard-top-grid{grid-template-columns:repeat(3,1fr)}.assign-layout-grid{grid-template-columns:1fr!important;height:auto!important}.admin-stats-grid{grid-template-columns:repeat(1,1fr)}}@media(max-width:768px){.dashboard-top-grid{grid-template-columns:repeat(2,1fr)}}:root{--legal-teal-primary: #0EA5A4;--legal-teal-hover: #14B8A6;--legal-teal-active: #0F766E;--legal-bg-page: #FFFFFF;--legal-bg-message-user: #F0FDFA;--legal-bg-message-bot: transparent;--legal-border: #E2E8F0;--text-main: #334155;--text-header: #0F172A;--text-muted: #64748B}body[data-theme=dark]{--legal-bg-page: #0F172A;--legal-bg-message-user: #134E4A;--legal-bg-message-bot: transparent;--legal-border: #334155;--text-main: #E2E8F0;--text-header: #F1F5F9;--text-muted: #94A3B8}.legal-tool-container{background-color:var(--legal-bg-page);height:100vh;display:flex;flex-direction:column;font-family:var(--font-family);position:relative;overflow:hidden;color:var(--text-main)}.legal-header{position:sticky;top:0;z-index:100;background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--legal-border);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;height:60px}body[data-theme=dark] .legal-header{background-color:#0f172ae6}.legal-header-title h1{font-size:1.15rem;font-weight:700;color:var(--legal-teal-active);margin:0;display:flex;align-items:center;gap:10px}.legal-chat-area{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;width:100%;scroll-behavior:smooth;padding-bottom:140px;align-items:center}.legal-chat-wrapper{width:100%;max-width:800px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.legal-welcome-screen{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:60vh;animation:fadeIn .6s ease-out;width:100%}.welcome-logo{font-size:48px;margin-bottom:10px;background:linear-gradient(135deg,#0ea5a4,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-title{font-size:3rem;font-weight:700;margin-bottom:10px;background:linear-gradient(90deg,#0f766e,#0ea5a4,#14b8a6);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em;line-height:1.2}.welcome-subtitle{font-size:1.2rem;color:#64748b;max-width:600px;margin-bottom:40px;line-height:1.6;font-weight:400}.suggestion-grid{display:flex;flex-wrap:wrap;gap:15px;width:100%;margin-top:20px}.suggestion-card{background:#f8fafc;border:1px solid transparent;padding:15px 20px;border-radius:12px;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;flex:1 1 300px;max-width:400px;box-shadow:0 1px 2px #0000000d}body[data-theme=dark] .suggestion-card{background:#1e293b;border-color:#334155}.suggestion-card:hover{background-color:#f0fdfa;border-color:var(--legal-teal-primary);transform:translateY(-2px)}.suggestion-card span{font-size:.95rem;font-weight:500;color:var(--text-main);line-height:1.4}.message-row{display:flex;margin-bottom:30px;width:100%;animation:slideUp .3s ease-out}.message-row.user{justify-content:flex-end}.message-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;margin-top:6px}.message-avatar.bot{background:linear-gradient(135deg,#0ea5a4,#0f766e);color:#fff;margin-right:15px;box-shadow:0 2px 4px #0ea5a433}.message-content{max-width:85%;line-height:1.7;font-size:1rem;word-wrap:break-word}.message-row.user .message-content{background-color:#f1f5f9;color:#1e293b;padding:12px 20px;border-radius:20px;font-weight:500}body[data-theme=dark] .message-row.user .message-content{background-color:#334155;color:#f1f5f9}.message-row.bot .message-content{background-color:transparent;color:var(--text-main);padding:0;width:100%}.message-content h3,.message-content h4{margin-top:20px;margin-bottom:10px;color:var(--legal-teal-active);font-weight:700;font-size:1.1rem}.message-content strong{font-weight:700;color:var(--text-header)}.message-content ul{margin:10px 0;padding-left:20px}.message-content li{margin-bottom:5px}.message-sources{margin-top:15px;padding-top:10px;display:flex;flex-wrap:wrap;gap:8px}.source-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;padding:6px 12px;border-radius:8px;font-size:.75rem;color:var(--text-muted);text-decoration:none;border:1px solid #E2E8F0;transition:all .2s;font-weight:600;box-shadow:0 1px 2px #00000008}body[data-theme=dark] .source-chip{background:#1e293b;border-color:#334155}.source-chip:hover{border-color:var(--legal-teal-primary);color:var(--legal-teal-primary);transform:translateY(-1px)}.legal-input-container{position:absolute;bottom:0;left:0;width:100%;padding:20px 20px 30px;box-sizing:border-box;background:linear-gradient(to top,var(--legal-bg-page) 80%,transparent 100%);display:flex;flex-direction:column;align-items:center;z-index:50}.input-box-wrapper{background:#f1f5f9;border-radius:30px;display:flex;align-items:center;width:100%;max-width:800px;padding:8px 10px 8px 25px;box-shadow:none;border:1px solid transparent;transition:all .2s}body[data-theme=dark] .input-box-wrapper{background:#1e293b;border-color:#334155}.input-box-wrapper:focus-within{background:var(--legal-bg-page);box-shadow:0 4px 20px #0000001a;border-color:#e2e8f0}.legal-chat-input{flex-grow:1;border:none;background:transparent;font-size:1rem;padding:12px 0;outline:none;color:var(--text-main);font-family:inherit;resize:none;max-height:150px;min-height:24px;line-height:1.5}.btn-send-chat{background:var(--legal-teal-primary);border:none;cursor:pointer;color:#fff;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:10px;flex-shrink:0}.btn-send-chat:hover:not(:disabled){background:var(--legal-teal-hover);transform:scale(1.05)}.btn-send-chat:disabled{background:#cbd5e1;color:#f1f5f9;cursor:not-allowed}.legal-disclaimer-text{font-size:.75rem;color:#94a3b8;margin-top:12px;text-align:center;display:flex;align-items:center;gap:6px;font-weight:500}.ai-typing-container{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.9rem;font-style:italic;margin-bottom:20px;padding-left:45px;width:100%}.gemini-loader{width:18px;height:18px;border:2px solid #E2E8F0;border-top:2px solid var(--legal-teal-primary);border-radius:50%;animation:spin 1s linear infinite}.btn-teal-neutral{background-color:transparent;color:var(--text-main);border:1px solid var(--border-subtle);padding:6px 12px;border-radius:8px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-teal-neutral:hover{background-color:#f8fafc;border-color:#cbd5e1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.legal-chat-area::-webkit-scrollbar{width:6px}.legal-chat-area::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}@media(max-width:768px){.legal-header{padding:10px 15px;height:50px}.legal-header-title h1{font-size:1rem}.legal-header-title h1 svg{width:20px;height:20px}.legal-header button{padding:5px 10px;font-size:.75rem}.legal-chat-area{padding-bottom:120px}.legal-chat-wrapper{padding:15px}.legal-welcome-screen{min-height:50vh;justify-content:flex-start;padding-top:20px}.welcome-logo{font-size:40px}.welcome-title{font-size:2rem;margin-bottom:15px}.welcome-subtitle{font-size:1rem;margin-bottom:30px}.suggestion-grid{gap:10px;flex-direction:column;align-items:center}.suggestion-card{padding:12px 15px;font-size:.9rem;flex:none;width:100%;max-width:400px}.message-row{margin-bottom:20px}.message-content{max-width:90%;font-size:.95rem}.message-avatar{width:25px;height:25px;font-size:.9rem;margin-top:3px}.message-avatar.bot{margin-right:10px}.legal-input-container{padding:15px 15px 20px}.input-box-wrapper{padding:6px 8px 6px 15px;border-radius:25px}.legal-chat-input{padding:8px 0;font-size:.95rem;max-height:100px}.btn-send-chat{width:36px;height:36px;margin-left:8px}.legal-disclaimer-text{font-size:.7rem;margin-top:10px}.ai-typing-container{padding-left:35px;font-size:.85rem}}:root{--hsdt-primary: #2563EB;--hsdt-primary-hover: #1D4ED8;--hsdt-secondary: #EFF6FF;--hsdt-border: #BFDBFE;--hsdt-text-main: #1E293B;--hsdt-text-secondary: #475569;--hsdt-bg-page: #F8FAFC;--hsdt-card-bg: #FFFFFF;--hsdt-error: #EF4444;--hsdt-table-header-bg: #F8FAFC;--hsdt-table-header-text: #475569;--hsdt-table-row-hover: #F0F9FF}.hsdt-evaluator-container{background-color:var(--hsdt-bg-page);min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-family);color:var(--hsdt-text-main)}.hsdt-evaluator-container.full-screen-mode{max-width:none!important;padding:0!important}.hsdt-eval-header-floating{position:sticky;top:0;z-index:100;background-color:var(--hsdt-secondary);border-bottom:1px solid var(--hsdt-border);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #2563eb14;width:100%;max-width:none;padding:12px 40px}.hsdt-eval-header-title h1{font-size:1.25rem;font-weight:700;color:var(--hsdt-primary-hover);margin:0;letter-spacing:-.01em}.hsdt-eval-main-content{flex-grow:1;padding:30px 40px;margin:0 auto;width:100%;max-width:1600px;box-sizing:border-box}.hierarchical-table .group-row{cursor:pointer;font-weight:800;transition:background-color .2s}.hierarchical-table .group-row:hover{background-color:#f8fafc}.hierarchical-table .group-row.level-1{background-color:#eff6ff;color:#1e40af;font-size:1.1rem;border-top:2px solid #BFDBFE}.hierarchical-table .group-row.level-2{background-color:#f9fafb;color:#374151;font-size:1rem}.hierarchical-table .criteria-cell{display:flex;align-items:center;gap:8px;padding-left:15px!important}.collapse-icon{transition:transform .2s ease-in-out;display:inline-block;width:16px;height:16px;text-align:center;font-size:.8rem;flex-shrink:0}.collapse-icon.collapsed{transform:rotate(0)}.collapse-icon:not(.collapsed){transform:rotate(90deg)}.hsmt-req-text{font-size:.85rem;color:#6b7280;margin-top:4px;font-style:italic;white-space:normal}.hsdt-proposal-text{font-size:.95rem;color:#1e293b;white-space:normal;line-height:1.5}.citation-text{font-size:.8rem;color:#64748b;margin-top:4px;font-style:italic}.eval-layout{display:flex;flex-direction:column;padding:20px 40px 40px;max-width:100%;margin:0 auto;width:100%;box-sizing:border-box}.hsdt-step-wizard{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.hsdt-step-node{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;z-index:2;min-width:80px}.step-circle{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;justify-content:center;align-items:center;font-weight:600;margin-bottom:8px;transition:all .3s;font-size:.9rem}.step-label{font-size:.8rem;font-weight:500;color:#6b7280;text-align:center;white-space:nowrap}.hsdt-step-node.active .step-circle{background:var(--hsdt-primary);color:#fff;box-shadow:0 0 0 4px #2563eb1a}.hsdt-step-node.active .step-label{color:var(--hsdt-primary-hover);font-weight:700}.hsdt-step-node.completed .step-circle{background:#fff;border:2px solid var(--hsdt-primary);color:var(--hsdt-primary)}.step-connector{flex-grow:1;height:2px;background:#e5e7eb;margin:-22px 5px 0;max-width:100px}.step-connector.filled{background:var(--hsdt-border)}.package-type-grid{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.package-card{background:var(--hsdt-card-bg);border-radius:12px;padding:25px 20px;width:220px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s ease;border:2px solid transparent;box-shadow:0 2px 4px #00000005;border-color:#e2e8f0}.package-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #00000014}.pkg-border-blue:hover{border-color:#3b82f6;background-color:#eff6ff}.pkg-border-orange:hover{border-color:#f97316;background-color:#fff7ed}.pkg-border-purple:hover{border-color:#8b5cf6;background-color:#f5f3ff}.pkg-border-cyan:hover{border-color:#06b6d4;background-color:#ecfeff}.pkg-border-emerald:hover{border-color:#10b981;background-color:#ecfdf5}.package-icon-wrapper{width:60px;height:60px;border-radius:50%;background:#f3f4f6;display:flex;justify-content:center;align-items:center;font-size:1.8rem;margin-bottom:15px;transition:background .2s;color:var(--hsdt-primary-hover)}.package-card:hover .package-icon-wrapper{background:#fff}.package-card h4{margin:0 0 8px;font-size:1.1rem;color:var(--hsdt-text-main);font-weight:700}.package-card p{margin:0;font-size:.85rem;color:var(--hsdt-text-secondary);line-height:1.4}.eval-input-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.eval-input-card-clean{background:var(--hsdt-card-bg);border-radius:12px;border:1px solid #E2E8F0;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;height:550px;overflow:hidden}.accent-border-left-red{border-left:4px solid #EF4444}.accent-border-left-blue{border-left:4px solid #3B82F6}.accent-border-left-green{border-left:4px solid #10B981}.eval-card-header{padding:15px;border-bottom:1px solid #E2E8F0;font-weight:600;font-size:1rem;color:var(--hsdt-text-main);display:flex;justify-content:space-between;align-items:center;background:#fafafa}.eval-textarea-clean{flex-grow:1;width:100%;border:none;padding:15px;font-family:inherit;font-size:.95rem;resize:none;box-sizing:border-box;background-color:var(--hsdt-card-bg);color:var(--hsdt-text-main);line-height:1.6}.eval-textarea-clean:focus{outline:none;background:#fffef9}.file-upload-area{background:#f9fafb;border-top:1px solid #E2E8F0;display:flex;flex-direction:column;flex:1;min-height:0}.file-drop-trigger{padding:12px;border-bottom:1px dashed #E2E8F0;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--hsdt-text-secondary)}.file-list-scroll{flex:1;overflow-y:auto;padding:8px}.file-item-row{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:8px 12px;margin-bottom:5px;border-radius:6px;border:1px solid #E2E8F0;font-size:.9rem}.hsdt-report-table-wrapper{background:var(--hsdt-card-bg);border-radius:8px;border:1px solid #E2E8F0;overflow:hidden}.hsdt-report-table{width:100%;border-collapse:collapse;font-size:.95rem}.hsdt-report-table th{background:var(--hsdt-secondary);color:var(--hsdt-primary-hover);font-weight:700;padding:15px;text-align:left;border-bottom:1px solid var(--hsdt-border);white-space:nowrap;text-transform:uppercase;font-size:.85rem}.hsdt-report-table td{padding:15px;border-bottom:1px solid #E2E8F0;color:var(--hsdt-text-main);vertical-align:top}.hsdt-report-table tr:hover td{background-color:var(--hsdt-secondary)}.report-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.report-card{background:var(--hsdt-card-bg);border-radius:12px;padding:30px;border:1px solid #E2E8F0;box-shadow:0 2px 5px #00000008;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.report-card-title{font-size:1.2rem;font-weight:700;color:var(--hsdt-primary-hover);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.btn-hsdt-action{background-color:var(--hsdt-primary);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.btn-hsdt-action:hover{background-color:var(--hsdt-primary-hover)}.btn-hsdt-outline{background-color:transparent;color:var(--hsdt-primary-hover);border:1px solid var(--hsdt-border);padding:8px 20px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-hsdt-outline:hover{background-color:var(--hsdt-secondary);border-color:var(--hsdt-primary)}.box-guide-purple{background-color:#f5f3ff;border-left:4px solid #8B5CF6;padding:16px 20px;border-radius:4px;color:#4c1d95;display:flex;gap:15px;align-items:flex-start;margin-bottom:20px}.box-guide-purple h4{margin:0 0 5px;color:#6d28d9;font-size:1.05rem}.box-guide-purple p{margin:0;font-size:.95rem;line-height:1.5;color:#5b21b6}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.hsdt-eval-header-floating,.hsdt-step-wizard,.no-print{display:none!important}.eval-layout{padding:0;max-width:100%}.report-grid-2col{display:block}.report-card{margin-bottom:20px;break-inside:avoid;border:1px solid #ccc;box-shadow:none}body{background:#fff;color:#000}}@media(max-width:1024px){.report-grid-2col,.eval-input-grid-3col{grid-template-columns:1fr}.eval-input-card-clean{height:auto;min-height:400px}.package-type-grid{flex-direction:column;align-items:center}.package-card{width:100%;max-width:300px}}@media(max-width:768px){.hsdt-eval-header-floating{flex-direction:column;gap:10px;padding:15px 20px}.hsdt-eval-header-title h1{font-size:1rem}.hsdt-eval-header-title div{font-size:.75rem}.hsdt-eval-main-content{padding:20px 15px}.hsdt-step-wizard{flex-wrap:wrap;margin-bottom:20px}.hsdt-step-node{min-width:unset;flex:1}.step-label{font-size:.7rem}.step-connector{max-width:50px;margin:-20px 5px 0}.box-guide-purple{flex-direction:column;text-align:center;align-items:center;padding:15px}.box-guide-purple h4{font-size:1rem}.box-guide-purple p{font-size:.85rem}.eval-input-card-clean{height:auto;min-height:300px}.eval-textarea-clean{font-size:.9rem;padding:10px}.file-drop-trigger{flex-direction:column;gap:10px;align-items:flex-start}.file-list-scroll{padding:5px}.file-item-row{font-size:.85rem;padding:6px 10px}.file-item-row span{font-size:.9rem}.btn-hsdt-action,.btn-hsdt-outline{width:100%;padding:8px 16px;font-size:.85rem}.hsdt-report-table th,.hsdt-report-table td{padding:10px 8px;font-size:.85rem}.hsdt-report-table th,.hsmt-req-text,.citation-text{font-size:.75rem}.hsdt-proposal-text{font-size:.85rem}.report-card-title{font-size:1rem}.report-content{font-size:.9rem}}:root{--se-primary: #0EA5A4;--se-primary-hover: #0F766E;--se-bg-page: #F8FAFC;--se-card-bg: #FFFFFF;--se-border: #E2E8F0;--se-text-main: #1E293B;--se-text-muted: #64748B;--se-accent-green: #10B981;--se-accent-blue: #2563EB;--se-accent-orange: #F59E0B;--se-error: #EF4444;--report-header-text: #0F172A;--report-section-bg: #F0FDFA;--report-section-border: #5EEAD4;--report-price-min-bg: #E0F2FE;--report-price-min-border: #93C5FD;--report-price-min-text: #1D4ED8;--report-price-avg-bg: #FFFBEB;--report-price-avg-border: #FDE68A;--report-price-avg-text: #92400E;--report-price-max-bg: #FEF2F2;--report-price-max-border: #FCA5A5;--report-price-max-text: #DC2626;--report-total-package-bg-default: linear-gradient(135deg, #F0FDFA 0%, #CCFBF1 100%);--report-total-package-border-default: #5EEAD4;--breakdown-header-bg: #EFF6FF;--breakdown-header-text: #1E40AF;--breakdown-row-bg: #F8FAFC;--breakdown-border-light: #E2E8F0;--general-specs-table-bg-odd: #FDFEFE;--general-specs-table-bg-even: #F0FDFA}.spec-estimation-container{background-color:var(--se-bg-page);min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-family);color:var(--se-text-main)}.spec-est-header-floating{position:sticky;top:0;z-index:100;background-color:var(--se-card-bg);border-bottom:1px solid var(--se-border);padding:12px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000d}.spec-est-header-title h1{font-size:1.25rem;font-weight:700;color:var(--se-primary-hover);margin:0;letter-spacing:-.01em}.spec-est-main-content{flex-grow:1;padding:30px 40px;margin:0 auto;width:100%;max-width:1600px;box-sizing:border-box;display:flex;flex-direction:column;gap:30px;align-items:center}.spec-est-card-search{background:var(--se-card-bg);border-radius:16px;border:1px solid var(--se-border);box-shadow:0 8px 20px #00000014;padding:35px;display:flex;flex-direction:column;gap:20px;height:fit-content;width:100%;max-width:1200px;box-sizing:border-box}.card-title-search{margin-top:0;margin-bottom:15px;font-size:1.4rem;font-weight:800;color:var(--se-accent-blue);border-bottom:1px solid var(--se-border);padding-bottom:10px}.search-grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.advanced-search-fields-always-open h4{margin-top:0;margin-bottom:10px;color:#334155;font-size:1.05rem;border-bottom:1px dashed var(--se-border);padding-bottom:8px}.btn-search-gradient{background:linear-gradient(135deg,#0ea5a4,#0f766e);color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #0ea5a44d;display:flex;align-items:center;justify-content:center;gap:10px}.btn-search-gradient:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0ea5a466}.btn-search-gradient:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.spec-est-results-tables-container{width:100%;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;position:relative}.spec-est-card-results{background:var(--se-card-bg);border-radius:16px;border:1px solid var(--se-border);box-shadow:0 8px 20px #0000000d;padding:30px;display:flex;flex-direction:column;flex-grow:1;flex-basis:0;min-width:48%;position:relative}.card-title-exact{margin-top:0;margin-bottom:20px;font-size:1.35rem;font-weight:800;color:var(--se-accent-green);border-bottom:1px solid var(--se-border);padding-bottom:10px}.card-title-equivalent{margin-top:0;margin-bottom:20px;font-size:1.35rem;font-weight:800;color:var(--se-accent-orange);border-bottom:1px solid var(--se-border);padding-bottom:10px}.table-wrapper-spec-est{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--se-border);flex-grow:1}.spec-est-table{width:100%;border-collapse:collapse;font-size:.95rem}.spec-est-table th,.spec-est-table td{padding:14px 18px;border-bottom:1px solid #F1F5F9;vertical-align:middle;color:var(--se-text-main);white-space:normal;word-break:break-word}.spec-est-table th{background-color:#f0fdfa;color:#0f766e;font-weight:700;text-transform:uppercase;font-size:.85rem;text-align:left;border-bottom:1px solid var(--se-border)}.spec-est-table th:nth-child(1){width:40px;text-align:center}.spec-est-table th:nth-child(2){width:50px}.spec-est-table th:nth-child(3){width:25%;min-width:180px}.spec-est-table th:nth-child(4){width:10%;min-width:100px}.spec-est-table th:nth-child(5){width:30%;min-width:250px}.spec-est-table th:nth-child(6){width:15%;min-width:120px;text-align:right}.spec-est-table th:nth-child(7){width:10%;min-width:80px}.spec-est-table tr:hover{background-color:#f8fafc}.spec-est-table tr:last-child td{border-bottom:none}.spec-est-checkbox{width:18px;height:18px;accent-color:var(--se-accent-green);cursor:pointer}.spec-details-cell{max-height:80px;overflow-y:auto;padding-right:5px;line-height:1.5;font-size:.9rem;color:#334155}.spec-tax-info-badge{margin-left:8px;padding:4px 8px;font-size:.7rem;vertical-align:middle;line-height:1;white-space:nowrap;background:#d1fae5;color:#047857;border:1px solid #A7F3D0}.spec-est-card-selected{background:#f0fdfa;border-radius:16px;border:1px solid #CCFBF1;box-shadow:0 8px 20px #0000000d;padding:35px;display:flex;flex-direction:column;gap:20px;width:100%;max-width:1200px;box-sizing:border-box;flex-shrink:0}.card-title-selected{margin-top:0;margin-bottom:15px;font-size:1.35rem;font-weight:800;color:var(--se-primary);border-bottom:1px solid #CCFBF1;padding-bottom:10px}.summary-min-avg-max-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:10px 0;margin-bottom:10px}.price-label{border:1px solid;border-radius:12px;padding:15px 18px;text-align:center;font-size:.9rem;font-weight:600;display:flex;flex-direction:column;gap:8px;transition:all .2s}.price-label-min{background:var(--report-price-min-bg);border-color:var(--report-price-min-border);color:var(--report-price-min-text)}.price-label-avg{background:var(--report-price-avg-bg);border-color:var(--report-price-avg-border);color:var(--report-price-avg-text)}.price-label-max{background:var(--report-price-max-bg);border-color:var(--report-price-max-border);color:var(--report-price-max-text)}.price-value-sm{font-size:1.2rem;font-weight:800;color:inherit}.btn-synthesize-report{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #2563eb4d;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px}.btn-synthesize-report:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.btn-synthesize-report:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.spec-est-report-content{flex-grow:1;padding:30px 40px;margin:0 auto;width:100%;max-width:1600px;box-sizing:border-box;display:flex;flex-direction:column;gap:25px}.report-header-section{text-align:center;margin-bottom:10px}.report-title{font-size:2.1rem;font-weight:800;color:var(--report-header-text);margin:0 0 10px}.report-subtitle{font-size:1.1rem;color:var(--se-text-muted);margin:0}.report-card-section{background:var(--report-section-bg);border-radius:16px;border:1px solid var(--report-section-border);box-shadow:0 8px 20px #0000000d;padding:30px;display:flex;flex-direction:column;gap:20px}.section-header-report{margin:0;font-size:1.5rem;font-weight:700;color:var(--se-primary-hover);border-bottom:1px solid var(--se-border);padding-bottom:10px}.general-specs-table-container{background:#fff;border:1px solid #CBD5E1;border-radius:12px;font-size:1rem;color:var(--se-text-main);overflow-x:auto;line-height:1.6;padding:15px}.general-specs-table-container table{width:100%;border-collapse:collapse;font-size:1rem}.general-specs-table-container table th,.general-specs-table-container table td{border:1px solid #ddd;padding:12px 15px;vertical-align:top;text-align:left;white-space:normal;word-break:break-word;color:var(--se-text-main)}.general-specs-table-container table th{background-color:#f3f4f6;font-weight:700;color:#475569;text-transform:uppercase;font-size:.9rem}.general-specs-table-container table tbody tr:nth-child(2n){background-color:var(--general-specs-table-bg-even)}.general-specs-table-container table tbody tr:nth-child(odd){background-color:var(--general-specs-table-bg-odd)}.general-specs-table-container b,.general-specs-table-container strong{font-weight:700;color:var(--se-primary-hover)}.price-analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:15px;margin-bottom:15px}.clickable-price-card{cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.clickable-price-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.clickable-price-card.active{border-width:2px;box-shadow:0 0 0 3px #0ea5a433}.summary-min.active{border-color:var(--report-price-min-text)}.summary-avg.active{border-color:var(--report-price-avg-text)}.summary-max.active{border-color:var(--report-price-max-text)}.price-card-summary{border-radius:12px;padding:20px;text-align:center;border:1px solid;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 5px #00000008;min-height:120px;justify-content:center}.price-card-summary.summary-min{background:var(--report-price-min-bg);border-color:var(--report-price-min-border)}.price-card-summary.summary-min .summary-label,.price-card-summary.summary-min .summary-value{color:var(--report-price-min-text)}.price-card-summary.summary-avg{background:var(--report-price-avg-bg);border-color:var(--report-price-avg-border)}.price-card-summary.summary-avg .summary-label,.price-card-summary.summary-avg .summary-value{color:var(--report-price-avg-text)}.price-card-summary.summary-max{background:var(--report-price-max-bg);border-color:var(--report-price-max-border)}.price-card-summary.summary-max .summary-label,.price-card-summary.summary-max .summary-value{color:var(--report-price-max-text)}.total-package-price-summary{background:var(--report-total-package-bg-default);border:1px solid var(--report-total-package-border-default);border-radius:16px;padding:30px;margin-top:25px;box-shadow:0 8px 20px #0ea5a41a;transition:all .3s ease;color:var(--se-primary-hover)}.total-package-price-summary.total-summary-min-selected{background:linear-gradient(135deg,var(--report-price-min-bg) 0%,#BFDBFE 100%);border-color:var(--report-price-min-border);box-shadow:0 8px 20px #1d4ed81a;color:var(--report-price-min-text)}.total-package-price-summary.total-summary-avg-selected{background:linear-gradient(135deg,var(--report-price-avg-bg) 0%,#FDF6E3 100%);border-color:var(--report-price-avg-border);box-shadow:0 8px 20px #92400e1a;color:var(--report-price-avg-text)}.total-package-price-summary.total-summary-max-selected{background:linear-gradient(135deg,var(--report-price-max-bg) 0%,#FECDCD 100%);border-color:var(--report-price-max-border);box-shadow:0 8px 20px #dc26261a;color:var(--report-price-max-text)}.summary-label{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:2.5rem;font-weight:900;line-height:1}.report-disclaimer{font-size:.85rem;color:var(--se-text-muted);margin-top:15px;text-align:center;font-style:italic}.report-recommendation-note{background:#fff7ed;border-left:4px solid #F59E0B;padding:18px;border-radius:12px;margin-top:15px;font-size:1rem;color:#7c2d12;line-height:1.5}.report-recommendation-note strong{color:#92400e}.report-actions-footer{display:flex;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid var(--se-border)}.btn-export-word-excel,.btn-save-project,.btn-reset-report{padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-export-word-excel{background:#e0f2fe;color:#0c4a6e;border:1px solid #BAE6FD}.btn-export-word-excel:hover{background:#bfdbfe;border-color:#0ea5e9}.btn-save-project{background:#d1fae5;color:#047857;border:1px solid #A7F3D0}.btn-save-project:hover{background:#a7f3d0;border-color:#10b981}.btn-reset-report{background:#f1f5f9;color:#475569;border:1px solid #CBD5E1}.btn-reset-report:hover{background:#e2e8f0;border-color:#94a3b8}.inline-price-breakdown-section{background:#f8fafc;border:1px solid #E2E8F0;border-radius:16px;padding:25px;margin-top:20px;box-shadow:0 2px 5px #00000008}.breakdown-header{font-size:1.2rem;font-weight:700;color:var(--se-primary-hover);margin-top:0;margin-bottom:20px;padding-bottom:15px;border-bottom:1px dashed var(--se-border)}.inline-breakdown-table{border:1px solid var(--breakdown-border-light);border-radius:12px;overflow:hidden;background:#fff}.inline-breakdown-table .breakdown-row{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--breakdown-border-light);align-items:center}.inline-breakdown-table .breakdown-row:last-child{border-bottom:none}.inline-breakdown-table .breakdown-label{font-weight:600;color:var(--se-text-main);font-size:.95rem}.inline-breakdown-table .breakdown-value{font-weight:700;color:var(--se-text-main);text-align:right;font-size:1rem}.inline-breakdown-table .breakdown-row.total-row-vat-prefix{background-color:#e0f2fe;border-top:1px solid #BFDBFE;padding-top:16px;padding-bottom:16px}.inline-breakdown-table .breakdown-row.final-total-row{background-color:#d1fae5;font-size:1.2rem;padding-top:20px;padding-bottom:20px}.inline-breakdown-table .breakdown-value.final-price{font-size:1.5rem;font-weight:900;color:var(--se-accent-green)}.inline-price-breakdown-section .breakdown-note{font-size:.8rem;color:var(--se-text-muted);font-style:italic;padding:5px 15px 10px;margin-top:-12px;background:#fff;border-bottom:1px dashed var(--breakdown-border-light)}.loading-state-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.1rem;color:var(--se-primary-hover);font-weight:600;z-index:10;border-radius:12px}.loading-spinner-teal{width:40px;height:40px;border:4px solid #E0F2F1;border-top:4px solid var(--se-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.empty-state-message{text-align:center;padding:60px 20px;color:var(--se-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.empty-state-message p{margin:0;font-size:1.1rem;line-height:1.6}.empty-state-message-small{text-align:center;padding:40px 20px;color:var(--se-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.empty-state-message-small p{margin:0;font-size:.95rem;line-height:1.5}.error-message-box{background:#fef2f2;color:var(--se-error);padding:12px;border-radius:8px;font-size:.9rem;border:1px solid #FECACA;text-align:center;margin-top:15px}@media(max-width:1200px){.spec-est-results-tables-container{flex-direction:column;gap:20px}.spec-est-card-results{min-width:100%;flex-basis:auto}}@media(max-width:1024px){.spec-est-main-content{padding:20px}.spec-est-card-search,.spec-est-card-results,.spec-est-card-selected{padding:25px}.price-analysis-grid{grid-template-columns:1fr}.report-actions-footer{flex-direction:column}}@media(max-width:768px){.spec-est-header-floating{flex-direction:column;gap:15px;padding:15px 20px}.spec-est-header-title h1{font-size:1rem}.report-title{font-size:1.5rem}.report-subtitle{font-size:.9rem}.section-header-report{font-size:1.2rem}.breakdown-row{flex-direction:column;align-items:flex-start;gap:5px}.breakdown-value{align-self:flex-end}.search-grid-2-col{grid-template-columns:1fr}.spec-est-card-search{padding:25px;gap:15px}.card-title-search{font-size:1.2rem;margin-bottom:10px}.form-group label{font-size:.85rem}.input-field-clean{padding:10px 12px;font-size:.9rem}.btn-search-gradient{padding:12px 20px;font-size:1rem}.spec-est-card-results{padding:20px}.card-title-exact,.card-title-equivalent{font-size:1.1rem;margin-bottom:15px}.spec-est-table th,.spec-est-table td{padding:10px 12px;font-size:.85rem}.spec-est-table th:nth-child(1){width:30px}.spec-est-table th:nth-child(2){width:40px}.spec-est-table th:nth-child(3){width:25%;min-width:150px}.spec-est-table th:nth-child(4){width:10%;min-width:80px}.spec-est-table th:nth-child(5){width:30%;min-width:200px}.spec-est-table th:nth-child(6){width:15%;min-width:100px}.spec-est-table th:nth-child(7){width:10%;min-width:70px}.spec-details-cell{max-height:60px;font-size:.8rem}.spec-est-card-selected{padding:25px;gap:15px}.card-title-selected{font-size:1.2rem}.summary-min-avg-max-prices{grid-template-columns:1fr;gap:15px}.price-card-summary{padding:15px;min-height:90px}.summary-label{font-size:.85rem}.price-value-sm{font-size:1rem}.btn-synthesize-report{padding:12px 20px;font-size:1rem}.report-card-section{padding:20px;gap:15px}.general-specs-table-container{padding:10px}.general-specs-table-container table th,.general-specs-table-container table td{padding:8px 10px;font-size:.9rem}.report-actions-footer button{padding:10px 18px;font-size:.9rem}}:root{--auth-bg: #F0FDFA;--auth-text-dark: #1F2937;--auth-text-gray: #6B7280;--auth-primary: #0D9488;--auth-primary-hover: #0F766E;--auth-accent-orange: #F59E0B;--auth-accent-green: #10B981;--card-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}.auth-page-wrapper{min-height:100vh;background-color:var(--auth-bg);background-image:radial-gradient(at 0% 0%,rgba(13,148,136,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(245,158,11,.05) 0px,transparent 50%);font-family:var(--font-family);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.auth-navbar{padding:20px 40px;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;position:absolute;top:0;left:0;z-index:10}.btn-back-home{background:#fff;border:1px solid #E5E7EB;padding:8px 16px;border-radius:8px;font-weight:500;color:var(--auth-text-dark);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d}.btn-back-home:hover{border-color:var(--auth-primary);color:var(--auth-primary);transform:translate(-3px)}.auth-main-content{flex:1;display:flex;align-items:center;justify-content:center;max-width:1400px;width:100%;margin:0 auto;padding:80px 40px 40px;box-sizing:border-box;gap:60px}.auth-left-section{flex:1;max-width:600px;animation:slideInLeft .6s ease-out}.auth-brand-area{margin-bottom:50px}.auth-title{font-size:3.5rem;font-weight:800;color:var(--auth-text-dark);line-height:1.1;margin:0 0 20px;letter-spacing:-.02em}.highlight-text{color:var(--auth-primary)}.title-bold{color:var(--auth-text-dark)}.auth-subtitle{font-size:1.1rem;color:var(--auth-text-gray);line-height:1.6;margin-bottom:25px;max-width:500px}.auth-tagline{display:inline-block;background:#f0fdfa;color:var(--auth-primary);padding:6px 12px;border-radius:20px;font-weight:600;font-size:.9rem;border:1px solid #CCFBF1}.auth-utility-row{display:flex;gap:20px}.util-card{background:#fff;border-radius:16px;padding:20px;width:160px;border:1px solid transparent;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:120px;box-sizing:border-box}.util-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.util-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;margin-bottom:10px}.util-info{display:flex;flex-direction:column}.util-info strong{font-size:.95rem;color:var(--auth-text-dark);margin-bottom:2px}.util-info span{font-size:.85rem;color:var(--auth-text-gray)}.util-card-green:hover{border-color:var(--auth-accent-green)}.util-card-green .util-icon{background:var(--auth-accent-green);box-shadow:0 4px 10px #10b9814d}.util-card-orange:hover{border-color:var(--auth-accent-orange)}.util-card-orange .util-icon{background:var(--auth-accent-orange);box-shadow:0 4px 10px #f59e0b4d}.auth-right-section{flex:1;display:flex;justify-content:center;animation:fadeIn .8s ease-out}.login-card-refined{background:#fff;padding:40px;border-radius:24px;width:100%;max-width:420px;box-shadow:var(--card-shadow);border:1px solid rgba(0,0,0,.05)}.form-heading{text-align:center;color:var(--auth-text-dark);margin:0 0 30px;font-size:1.5rem;font-weight:800}.login-error-msg{background:#fef2f2;color:#dc2626;padding:12px;border-radius:8px;font-size:.9rem;margin-bottom:20px;border:1px solid #FECACA;text-align:center}.input-group-refined{margin-bottom:20px}.input-group-refined label{display:block;margin-bottom:8px;font-weight:600;font-size:.9rem;color:var(--auth-text-dark)}.input-group-refined input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #E5E7EB;background:#f9fafb;font-size:1rem;color:var(--auth-text-dark);transition:all .2s;box-sizing:border-box}.input-group-refined input:focus{outline:none;background:#fff;border-color:var(--auth-primary);box-shadow:0 0 0 3px #0d948826}.remember-me-row{margin-bottom:20px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:var(--auth-text-gray);-webkit-user-select:none;user-select:none}.checkbox-label input{margin-right:8px;width:16px;height:16px;accent-color:var(--auth-primary);cursor:pointer}.btn-submit-refined{width:100%;background:var(--auth-primary);color:#fff;border:none;padding:14px;border-radius:10px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #0d948840}.btn-submit-refined:hover:not(:disabled){background:var(--auth-primary-hover);transform:translateY(-1px);box-shadow:0 6px 12px #0d948859}.btn-submit-refined:disabled{opacity:.7;cursor:not-allowed}.form-divider{text-align:center;margin:25px 0;position:relative}.form-divider span{background:#fff;padding:0 10px;color:#9ca3af;font-size:.85rem;position:relative;z-index:1}.form-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb;z-index:0}.btn-guest-refined{width:100%;background:#f0fdfa;color:var(--auth-primary);border:1px solid var(--auth-primary);padding:12px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-guest-refined:hover{background:#ccfbf1;box-shadow:0 2px 4px #0000000d}.guide-content-modern{display:flex;flex-direction:column;gap:20px;padding:10px}.guide-item{display:flex;gap:15px;align-items:flex-start}.guide-icon{font-size:2rem;background:#f3f4f6;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-item h4{margin:0 0 5px;color:var(--auth-primary)}.guide-item p{margin:0;font-size:.95rem;color:#4b5563;line-height:1.5}@media(max-width:1024px){.auth-main-content{flex-direction:column;padding-top:100px;gap:40px}.auth-left-section{text-align:center}.auth-utility-row{justify-content:center}.auth-title{font-size:2.8rem}.auth-subtitle{margin:0 auto 30px}}@media(max-width:480px){.auth-navbar{padding:15px 20px}.btn-back-home{padding:6px 12px;font-size:.8rem}.auth-main-content{padding:80px 20px 20px;gap:30px}.auth-utility-row{flex-direction:column;align-items:stretch;gap:15px}.util-card{width:100%;flex-direction:row;align-items:center;height:80px;gap:20px;padding:15px}.util-icon{margin-bottom:0;font-size:1.1rem;width:36px;height:36px}.util-info strong{font-size:.9rem}.util-info span{font-size:.8rem}.login-card-refined{padding:30px 20px}.form-heading{font-size:1.3rem}.auth-title{font-size:2.2rem}.auth-subtitle{font-size:1rem}.input-group-refined label{font-size:.85rem}.input-group-refined input{padding:12px 14px;font-size:.95rem}.checkbox-label{font-size:.85rem}.btn-submit-refined{padding:12px;font-size:1rem}.btn-guest-refined{padding:10px;font-size:.9rem}.guide-item{flex-direction:column;text-align:center;align-items:center}.guide-icon{margin-bottom:10px}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-dashboard-container{display:flex;height:100vh;width:100%;overflow:hidden;background-color:#f8fafc;font-family:Inter,sans-serif}.admin-sidebar{width:280px;background:linear-gradient(180deg,#115e59,#0f766e);color:#fff;display:flex;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:50;box-shadow:4px 0 24px #0000000d;overflow-x:hidden;white-space:nowrap}.admin-sidebar.collapsed{width:80px}.sidebar-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:#0000001a;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden}.admin-sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar-logo-icon{font-size:1.8rem;margin-right:12px;background:#fff;color:#115e59;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 2px 10px #0003;flex-shrink:0}.sidebar-header h3{margin:0;font-size:1.1rem;color:#fff;font-weight:800;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.sidebar-toggle-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.sidebar-toggle-btn:hover{background:#fff3}.sidebar-nav{flex-grow:1;padding:25px 15px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;overflow-x:hidden}.sidebar-link{display:flex;align-items:center;padding:14px 16px;border:none;background:transparent;color:#ffffffbf;cursor:pointer;text-align:left;font-size:.95rem;font-weight:500;transition:all .2s ease;border-radius:12px;white-space:nowrap;position:relative;overflow:hidden;text-decoration:none}.admin-sidebar.collapsed .sidebar-link{justify-content:center;padding:14px 0;margin:0}.sidebar-link .link-icon{margin-right:15px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-link .link-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.admin-sidebar.collapsed .sidebar-link .link-icon{margin-right:0}.sidebar-link:hover{background-color:#ffffff1a;color:#fff;transform:translate(3px)}.sidebar-link.active{background-color:#ccfbf1;color:#0f766e;font-weight:700;box-shadow:0 4px 12px #0000001a}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);background-color:#0003}.btn-logout-soft{width:100%;background:#14b8a633;border:1px solid rgba(20,184,166,.4);color:#ccfbf1;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;overflow:hidden}.btn-logout-soft:hover{background:#14b8a666;color:#fff;border-color:#14b8a6cc}.btn-logout-icon{background:#14b8a633;border:none;color:#ccfbf1;width:40px;height:40px;border-radius:10px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.btn-logout-icon:hover{background:#14b8a666;color:#fff}.admin-main-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.content-header{height:60px;display:flex;align-items:center;padding:0 30px;background-color:#fff;border-bottom:1px solid #E2E8F0;box-shadow:0 1px 2px #00000005;flex-shrink:0}.content-header h2{margin:0;font-size:1.4rem;font-weight:800;color:#115e59;letter-spacing:-.5px}.content-body{flex-grow:1;padding:20px 30px;overflow-y:auto;background-color:#f8fafc;-webkit-overflow-scrolling:touch}.vector-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}.admin-toolbar{padding:15px 20px;background:#fff;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.toolbar-filters{display:flex;gap:10px;flex-wrap:wrap}.modal-section-frame{background:#fff;border:1px solid #E2E8F0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.section-frame-header{padding:10px 15px;font-weight:700;font-size:.95rem;display:flex;align-items:center;background:#f8fafc;color:#334155;border-bottom:1px solid #E2E8F0}.section-frame-body{padding:20px}.section-frame-header.checkbox-header{padding:0}.header-checkbox-label{display:flex;align-items:center;width:100%;padding:12px 15px;cursor:pointer;-webkit-user-select:none;user-select:none}.header-checkbox-label input[type=checkbox]{margin-right:12px;width:18px;height:18px;cursor:pointer;accent-color:#0F766E}.modal-section-frame.disabled-frame{opacity:.6;background-color:#fafafa}.modal-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.modal-grid-3,.modal-grid-2{grid-template-columns:1fr}}.quiz-settings-split{display:grid;grid-template-columns:250px 1fr;gap:25px;align-items:start}@media(max-width:900px){.quiz-settings-split{grid-template-columns:1fr;gap:20px}}.qs-section-inputs{background-color:#f8fafc;padding:20px;border-radius:8px;border:1px solid #E2E8F0;display:flex;flex-direction:column;gap:15px}.qs-section-toggles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.qs-input-group label{display:block;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:5px}.qs-input-group input,.qs-input-group select{width:100%;padding:10px;border:1px solid #CBD5E1;border-radius:6px;font-size:.95rem;box-sizing:border-box;transition:all .2s}.qs-input-group input:focus,.qs-input-group select:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.toggle-card-compact{border:1px solid #E2E8F0;border-radius:8px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:#fff;cursor:pointer;transition:all .2s}.toggle-card-compact:hover{border-color:#94a3b8;background:#f8fafc}.toggle-card-compact.active{border-color:#0d9488;background-color:#f0fdfa}.toggle-card-compact.disabled{opacity:.5;cursor:not-allowed}.toggle-label-text{font-size:.85rem;font-weight:600;color:#334155;line-height:1.3}.toggle-card-compact.active .toggle-label-text{color:#0f766e}.setting-card-toggle{position:relative;width:36px;height:20px;flex-shrink:0;margin-left:8px}.setting-card-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.toggle-slider{background-color:#0d9488}input:checked+.toggle-slider:before{transform:translate(16px)}.settings-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s;min-height:110px}.feature-card.active{border-color:#0d9488;background-color:#f0fdfa;box-shadow:0 4px 6px #0d94880d}.feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.feature-icon-box{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.feature-title{font-size:.95rem;font-weight:700;color:#1e293b;margin-bottom:5px}.feature-desc{font-size:.8rem;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modern-toggle-switch{position:relative;width:44px;height:24px;cursor:pointer}.modern-toggle-switch input{opacity:0;width:0;height:0}.modern-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.modern-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.modern-slider{background-color:#0d9488}input:checked+.modern-slider:before{transform:translate(20px)}.left-panel-context{background:#fff;border-right:1px solid #E2E8F0;display:flex;flex-direction:column;padding:0;z-index:5;height:100%}.context-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F1F5F9}.context-header h3{margin:0;color:#1e293b;font-size:1.1rem}.context-search-row{padding:15px;background:#f8fafc;border-bottom:1px solid #E2E8F0}.class-list-scrollable{flex-grow:1;overflow-y:auto}.right-panel-content{background:#f1f5f9;padding:30px;overflow-y:auto;display:flex;flex-direction:column}.class-detail-dashboard{display:flex;flex-direction:column;gap:25px;height:100%}.class-banner{background:#fff;border-radius:12px;padding:25px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 2px 4px #00000008;border:1px solid #E2E8F0}.class-title-large{margin:0 0 10px;font-size:2rem;color:#0f766e;font-weight:800}.class-meta-row{display:flex;gap:20px;color:#64748b;font-size:.95rem}.meta-pill{display:flex;align-items:center;gap:6px;background:#f8fafc;padding:6px 12px;border-radius:20px;border:1px solid #E2E8F0}.class-section-block{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 4px #00000008;border:1px solid #E2E8F0;display:flex;flex-direction:column}.class-section-block.flex-grow{flex-grow:1}.section-title-small{margin:0 0 20px;color:#334155;text-transform:uppercase;font-size:.9rem;font-weight:700;letter-spacing:.5px}.template-chip{padding:8px 16px;border-radius:20px;border:1px solid #E2E8F0;background:#f8fafc;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s;font-size:.9rem;display:flex;align-items:center;gap:8px;margin-right:5px;margin-bottom:5px;display:inline-flex}.template-chip:hover{border-color:#94a3b8}.template-chip.active{background:#ecfdf5;color:#047857;border-color:#10b981;font-weight:600}.templates-tags-wrapper{display:flex;flex-wrap:wrap;gap:8px}.empty-selection-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:15px;opacity:.5}@media(max-width:1200px){.settings-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.admin-sidebar{width:80px}.admin-sidebar:hover{width:280px}.sidebar-header{justify-content:center}.sidebar-header h3,.sidebar-toggle-btn{display:none}.admin-sidebar:hover .sidebar-header h3,.admin-sidebar:hover .sidebar-toggle-btn{display:block}.sidebar-link{justify-content:center;padding:14px 0}.admin-sidebar:hover .sidebar-link{justify-content:flex-start;padding-left:16px}.class-management-split-layout{grid-template-columns:250px 1fr}}@media(max-width:768px){.admin-dashboard-container{flex-direction:column}.admin-sidebar{width:100%;height:60px;flex-direction:row;overflow-y:hidden;overflow-x:auto;padding:0;z-index:100;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #0000001a}.admin-sidebar.collapsed{width:100%}.sidebar-header,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;padding:0;justify-content:space-around;width:100%;gap:0}.sidebar-link{flex-direction:column;padding:8px 0;font-size:.7rem;border-radius:0;flex:1;justify-content:center}.admin-main-content{margin-bottom:60px;height:calc(100vh - 60px)}.class-management-split-layout{display:flex;flex-direction:column;height:auto;overflow-y:visible}.left-panel-context{height:300px;border-right:none;border-bottom:1px solid #E2E8F0}.right-panel-content{padding:15px;overflow:visible}.class-banner{flex-direction:column}.class-banner-actions{margin-top:15px;width:100%;display:flex;justify-content:flex-end}.admin-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{margin-top:10px;justify-content:space-between}.settings-feature-grid{grid-template-columns:1fr}}:root{--student-teal-primary: #0EA5A4;--student-teal-hover: #14B8A6;--student-teal-active: #0F766E;--student-bg-light: #ECFEFF;--student-bg-subtle: #F0FDFA;--student-border: #99F6E4}body[data-theme=dark]{--student-bg-light: #134E4A;--student-bg-subtle: #1E293B;--student-border: #2DD4BF}.student-view-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-color)}.student-header-floating{position:sticky;top:0;z-index:100;background-color:var(--student-bg-light);border-bottom:1px solid var(--student-border);border-radius:0 0 16px 16px;box-shadow:0 4px 20px -5px #0ea5a41a;padding:12px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;width:100%;max-width:1600px;margin-left:auto;margin-right:auto;box-sizing:border-box}.student-header-title h1{font-size:1.25rem;font-weight:800;color:var(--student-teal-active);margin:0}.student-header-subtitle{font-size:.9rem;color:#475569;margin-top:2px}.student-header-subtitle strong{color:var(--student-teal-primary)}.student-header-actions{display:flex;align-items:center;gap:15px}.btn-teal-neutral{background-color:#fff;color:var(--student-teal-active);border:1px solid var(--student-border);padding:6px 16px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-teal-neutral:hover{background-color:var(--student-bg-subtle);border-color:var(--student-teal-primary)}.student-view-main{flex-grow:1;padding:0 25px 25px;width:100%;box-sizing:border-box;max-width:1600px;margin:0 auto}.dashboard-modern-grid{display:grid;grid-template-columns:350px 1fr 380px;grid-template-rows:auto auto auto;grid-template-areas:"info history practice" "action stats stats" "weak weak weak";gap:25px}.dashboard-area-info,.dashboard-area-history,.dashboard-area-practice,.dashboard-area-action,.dashboard-area-stats,.dashboard-area-weak{position:relative;z-index:1}.dashboard-area-info{grid-area:info}.dashboard-area-history{grid-area:history;display:flex;flex-direction:column;min-height:250px}.dashboard-area-practice{grid-area:practice;display:flex;flex-direction:column;min-height:250px}.dashboard-area-action{grid-area:action;display:flex;align-items:stretch}.dashboard-area-stats{grid-area:stats;display:flex;flex-direction:column;justify-content:center}.dashboard-area-weak{grid-area:weak;display:flex;flex-direction:column}.info-card-warm{background-color:#fffbeb;border-radius:12px;padding:25px;box-shadow:0 4px 6px #00000008;border:1px solid #FDE68A;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.card-title-warm{color:#92400e;margin:0 0 20px;font-size:1.35rem;font-weight:800}.info-row{display:flex;justify-content:space-between;margin-bottom:15px;border-bottom:1px dashed #FEF3C7;padding-bottom:8px;font-size:1.1rem;color:#4b5563}.info-row:last-child{border-bottom:none}.info-row strong{color:#b45309;font-weight:700;text-align:right}.stats-grid-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;height:100%}.stat-card-modern{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000000a;display:flex;flex-direction:column;justify-content:center;border-top:5px solid #ccc;position:relative;overflow:hidden;transition:transform .2s;height:100%;box-sizing:border-box}.stat-card-modern:hover{transform:translateY(-3px)}.stat-card-modern.accent-blue{border-top-color:#3b82f6}.stat-card-modern.accent-blue .stat-value{color:#1d4ed8}.stat-card-modern.accent-blue .stat-progress-bar div{background:#3b82f6}.stat-card-modern.accent-green{border-top-color:#10b981}.stat-card-modern.accent-green .stat-value{color:#047857}.stat-card-modern.accent-green .stat-progress-bar div{background:#10b981}.stat-card-modern.accent-orange{border-top-color:#f97316}.stat-card-modern.accent-orange .stat-value{color:#c2410c}.stat-card-modern.accent-orange .stat-progress-bar div{background:#f97316}.stat-card-modern.accent-purple{border-top-color:#8b5cf6}.stat-card-modern.accent-purple .stat-value{color:#6d28d9}.stat-card-modern.accent-purple .stat-progress-bar div{background:#8b5cf6}.stat-label{font-size:1.1rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:8px}.stat-value{font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:10px}.stat-sub{font-size:1.1rem;color:#64748b;font-weight:500}.stat-progress-bar{height:6px;width:100%;background:#e2e8f0;border-radius:3px;margin:8px 0;overflow:hidden}.section-header-teal{background:linear-gradient(90deg,#0ea5a4,#14b8a6);color:#fff;padding:12px 20px;font-size:1.15rem;font-weight:700;border-top-left-radius:12px;border-top-right-radius:12px;margin-bottom:0}.history-table-container{background:#fff;border-radius:0 0 12px 12px;border:1px solid #E2E8F0;border-top:none;overflow:hidden;box-shadow:0 2px 4px #00000008;flex-grow:1;display:flex;flex-direction:column}.modern-history-table{width:100%;border-collapse:collapse}.modern-history-table th{background:#f0fdfa;color:#0f766e;padding:18px;font-size:1rem;text-align:left;font-weight:800;text-transform:uppercase}.modern-history-table td{padding:18px;border-bottom:1px solid #F1F5F9;font-size:1.1rem;color:#334155;vertical-align:middle}.modern-history-table tr:last-child td{border-bottom:none}.score-badge-simple{font-weight:800;color:#0f766e;font-size:1.3rem}.btn-teal-ghost{background-color:#fff3;color:#fff;border:none;cursor:pointer;font-weight:600;padding:4px 10px;border-radius:4px}.btn-teal-ghost:hover{background-color:#ffffff4d}.section-header-warm{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;padding:12px 20px;font-size:1.15rem;font-weight:700;border-top-left-radius:12px;border-top-right-radius:12px;margin-bottom:0}.btn-start-exam-teal{width:100%;background:linear-gradient(135deg,#0ea5a4,#0f766e);color:#fff;border:none;padding:20px;border-radius:12px;font-family:var(--font-family);font-size:1.25rem;white-space:nowrap;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #0ea5a44d;height:100%}.btn-start-exam-teal:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0ea5a466}.practice-grid-scroll{overflow-y:auto;display:flex;flex-direction:column;gap:15px;padding:20px;background:#fff;border:1px solid #E2E8F0;border-top:none;border-radius:0 0 12px 12px;max-height:350px;flex-grow:1}.topic-stat-card-refined{background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .2s}.topic-stat-card-refined:hover{border-color:#0ea5a4;background:#f0fdfa;box-shadow:0 4px 12px #0ea5a414;transform:translate(4px)}.tsc-content{flex:1;display:flex;flex-direction:column;gap:6px}.tsc-title{margin:0;font-size:1rem;font-weight:800;color:#1e293b}.tsc-meta{font-size:.85rem;color:#64748b}.btn-practice-action{background-color:#0ea5a4;color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0ea5a433}.btn-practice-action:hover{background-color:#0f766e;transform:scale(1.05)}.topic-progress-bg{height:8px;width:100%;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-top:4px}.topic-progress-fill{height:100%;border-radius:4px;transition:width .5s ease-out}.weak-panel-modern{background:#fff;border-radius:12px;border:1px solid #E2E8F0;height:100%;display:flex;flex-direction:column;box-shadow:0 2px 4px #00000008;overflow:hidden}.weak-header{display:flex;align-items:center;gap:10px;padding:15px 20px;background:#fff5f5;border-bottom:1px solid #FECACA}.icon-warning{font-size:1.4rem}.weak-header h3{margin:0;color:#dc2626;font-size:1.15rem;font-weight:700}.weak-list-scroll{padding:20px;flex-grow:1;overflow-y:auto;max-height:400px}.weak-item-row{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #F1F5F9}.weak-item-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.w-meta{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.w-id{font-weight:700;color:#dc2626}.w-count{color:#dc2626;font-weight:600}.w-text{font-size:1.1rem;color:#334155;line-height:1.5;margin-bottom:10px;font-weight:500}.w-answer-box{background:#f0fdf4;border:1px solid #BBF7D0;padding:10px 15px;border-radius:6px}.w-answer-box strong{color:#166534;font-size:.9rem;display:block;margin-bottom:4px}.w-answer-box p{margin:0;color:#15803d;font-size:1rem;font-weight:500}@media(max-width:1200px){.dashboard-modern-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"info practice" "history history" "action action" "stats stats" "weak weak"}.stats-grid-row{grid-template-columns:repeat(2,1fr)}.btn-start-exam-teal{padding:15px;font-size:1.25rem;white-space:nowrap}}@media(max-width:768px){.dashboard-modern-grid{grid-template-columns:1fr;grid-template-areas:"info" "action" "stats" "history" "practice" "weak"}.stats-grid-row{grid-template-columns:1fr}.student-header-floating{flex-direction:column;gap:15px;height:auto;padding:15px 20px;position:relative;border-radius:0;margin-bottom:20px}.student-view-main{padding:15px}.topic-stat-card-refined{flex-direction:column;align-items:stretch;gap:12px}.btn-practice-action{width:100%}.info-card-warm{padding:20px}.card-title-warm{font-size:1.2rem;margin-bottom:15px}.info-row{font-size:1rem;padding-bottom:6px;margin-bottom:12px}.stat-card-modern{padding:15px}.stat-label{font-size:.95rem;margin-bottom:5px}.stat-value{font-size:2.5rem}.stat-sub{font-size:1rem}.section-header-teal,.section-header-warm{font-size:1rem;padding:10px 15px}.history-table-container,.practice-grid-scroll{border-radius:0 0 8px 8px;padding:15px}.modern-history-table th,.modern-history-table td{padding:10px 15px;font-size:.95rem}.score-badge-simple{font-size:1.1rem}.weak-header{padding:10px 15px}.weak-header h3{font-size:1rem}.weak-list-scroll{padding:15px}.w-text{font-size:1rem}.w-answer-box{padding:8px 12px}}.quiz-container{width:100%;height:100%;background-color:#f8fafc;display:flex;flex-direction:column;overflow:hidden;position:relative}@media(max-width:768px){:root{--mobile-header-height: 55px;--mobile-footer-height: 70px}}.quiz-layout{display:flex;width:100%;height:100%;max-width:1600px;margin:0 auto;padding:20px;box-sizing:border-box;flex-grow:1;overflow:hidden}.quiz-sidebar-v2{width:360px;flex-shrink:0;background-color:#fff;border-radius:24px;border:1px solid #E2E8F0;height:100%;display:flex;flex-direction:column;box-shadow:0 10px 25px -5px #0000000d;overflow:hidden;z-index:200}.sidebar-scrollable-content{flex-grow:1;overflow-y:auto;padding:24px}.side-panel-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.side-panel-title-row h4{margin:0;font-size:1.1rem;color:#1e293b;font-weight:700;letter-spacing:-.02em}.mobile-close-nav{display:none;background:none;border:none;font-size:1rem;color:#64748b;cursor:pointer;font-weight:600}.nav-grid-header{font-size:.85rem;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:15px;letter-spacing:.05em}.quiz-question-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.q-nav-btn{aspect-ratio:1;border:1px solid #E2E8F0;background-color:#f8fafc;border-radius:12px;color:#64748b;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.q-nav-btn:hover{background-color:#f1f5f9;transform:translateY(-2px)}.q-nav-btn.answered{background-color:#f0fdfa;color:#0ea5a4;border-color:#99f6e4}.q-nav-btn.active{background-color:#0f766e;color:#fff;border-color:#0f766e;box-shadow:0 4px 12px #0f766e4d;transform:scale(1.05)}.sidebar-fixed-footer{padding:20px;border-top:1px solid #F1F5F9;background:#fff}.btn-submit-v2{width:100%;padding:16px;background:linear-gradient(135deg,#0ea5a4,#0f766e);color:#fff;border:none;border-radius:16px;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 10px 20px -5px #0ea5a466;transition:transform .2s}.btn-submit-v2:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px #0ea5a480}.quiz-main-panel{flex-grow:1;background-color:#fff;border-radius:24px;border:1px solid #E2E8F0;padding:40px;overflow-y:auto;position:relative;box-shadow:0 4px 6px -1px #00000005}.all-questions-list{display:flex;flex-direction:column;gap:40px;max-width:900px;margin:0 auto;padding-bottom:80px}.quiz-mobile-top-header,.mobile-quiz-footer-nav{display:none}.question-box{background-color:#fff;border-radius:18px;padding:30px;border:1px solid #E2E8F0;box-shadow:0 4px 15px #0000000d;margin-bottom:30px}.question-text{font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1.5;margin-bottom:25px;padding-bottom:15px;border-bottom:1px dashed #E2E8F0}.options-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.option-label{display:flex;align-items:flex-start;background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:18px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000008;position:relative;width:100%;min-height:60px}.option-label:hover{border-color:#cbd5e1;background-color:#f1f5f9;transform:translateY(-2px);box-shadow:0 6px 15px #0000000f}.option-label input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;border:2px solid #CBD5E1;border-radius:50%;margin-right:15px;flex-shrink:0;position:relative;top:2px;transition:all .2s;outline:none;cursor:pointer}.option-label input[type=radio]:checked{border-color:#0ea5a4;background-color:#0ea5a4;box-shadow:0 0 0 4px #0ea5a433}.option-label input[type=radio]:checked:before{content:"";display:block;width:10px;height:10px;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.option-text-content{flex-grow:1;font-size:1.05rem;color:#334155;line-height:1.6;word-break:break-word;font-weight:500}.option-label.selected{background-color:#e0f2fe;border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.option-label.selected .option-text-content{color:#1d4ed8;font-weight:600}.option-label.selected input[type=radio]{border-color:#2563eb;background-color:#2563eb;box-shadow:0 0 0 4px #2563eb33}.option-label.feedback-correct{background-color:#ecfdf5;border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.option-label.feedback-correct .option-text-content{color:#065f46;font-weight:600}.option-label.feedback-correct input[type=radio]{border-color:#10b981;background-color:#10b981;box-shadow:0 0 0 4px #10b98133}.option-label.feedback-incorrect{background-color:#fef2f2;border-color:#ef4444;box-shadow:0 4px 12px #ef44441a}.option-label.feedback-incorrect .option-text-content{color:#991b1b;font-weight:600;text-decoration:line-through}.option-label.feedback-incorrect input[type=radio]{border-color:#ef4444;background-color:#ef4444;box-shadow:0 0 0 4px #ef444433}.option-label.feedback-correct-hint{background-color:#f0fdfa;border-color:#0ea5a4;box-shadow:0 2px 8px #0ea5a40d}.option-label.feedback-correct-hint .option-text-content{color:#0f766e;font-weight:600}.option-label.feedback-correct-hint input[type=radio]{border-color:#0ea5a4}.shake-animation{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.feedback-icon{margin-left:15px;font-size:1.3rem;flex-shrink:0;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.explanation-container{margin-top:25px;display:flex;flex-direction:column;gap:15px}.btn-explanation-modern{background-color:#f1f5f9;color:#475569;border:1px solid #CBD5E1;padding:12px 20px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;justify-content:center;width:fit-content;align-self:flex-start}.btn-explanation-modern:hover{background-color:#e2e8f0;border-color:#94a3b8;transform:translateY(-2px)}.btn-explanation-modern.active{background-color:#e0f2fe;border-color:#2563eb;color:#1d4ed8;box-shadow:0 4px 10px #2563eb1a}.btn-explanation-modern.active:hover{background-color:#bfdbfe}.explanation-box-content{background-color:#f8fafc;border:1px solid #E2E8F0;border-left:5px solid #2563EB;border-radius:12px;padding:25px;color:#334155;line-height:1.7;font-size:1rem;box-shadow:0 4px 10px #0000000a}.explanation-box-content .eb-header{font-weight:700;color:#1d4ed8;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #BFDBFE;display:flex;align-items:center;gap:8px;font-size:1.1rem}.explanation-box-content .eb-text{margin:0;white-space:pre-wrap}.end-quiz-notice-refined{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #5EEAD4;border-radius:24px;padding:50px 30px;text-align:center;margin-top:30px;margin-bottom:100px;box-shadow:0 10px 30px #0ea5a41a}.end-quiz-notice-refined .check-icon-large{font-size:4rem;color:#0ea5a4;margin-bottom:20px}.end-quiz-notice-refined p{font-size:1.1rem;color:#334155;line-height:1.6;margin-bottom:30px;font-weight:500}.quiz-fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center}.overlay-layer-content{background:#fff;border-radius:28px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #0000004d;display:flex;flex-direction:column}.overlay-visual-header{padding:30px;border-top-left-radius:28px;border-top-right-radius:28px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;height:120px}.overlay-icon-luxe{font-size:4rem;position:relative;z-index:1;filter:drop-shadow(0 5px 15px rgba(0,0,0,.1))}.overlay-body-luxe{padding:40px;text-align:center;flex-grow:1}.overlay-title-luxe{font-size:1.8rem;font-weight:800;margin:0 0 15px;line-height:1.3}.overlay-text-luxe{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:25px}.overlay-stats-pill{background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:16px;padding:15px 25px;display:inline-flex;align-items:center;justify-content:center;gap:25px;margin-bottom:30px}.pill-item{display:flex;flex-direction:column;align-items:center}.p-label{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.p-val{font-size:1.8rem;font-weight:900;line-height:1;color:#1e293b}.pill-divider{width:1px;height:40px;background-color:#e2e8f0}.overlay-footer-luxe{display:flex;gap:15px;justify-content:center}.btn-luxe-primary{background:linear-gradient(135deg,#0ea5a4,#0f766e);color:#fff;border:none;padding:18px 35px;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 10px 20px -5px #0ea5a466;transition:transform .2s;flex-grow:1;max-width:200px}.btn-luxe-primary:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px #0ea5a480}.btn-luxe-secondary{background-color:#f1f5f9;color:#475569;border:1px solid #CBD5E1;padding:18px 35px;border-radius:16px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .2s;flex-grow:1;max-width:200px}.btn-luxe-secondary:hover{background-color:#e2e8f0;color:#1e293b;transform:translateY(-1px)}@media(max-width:768px){.quiz-layout{padding:0;gap:0}.quiz-mobile-top-header{display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#fff;border-bottom:1px solid #e2e8f0;height:var(--mobile-header-height, 55px);position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:0 1px 3px #0000000d}.btn-exit-quiz-mobile{background:var(--warning-color);color:#fff;border:none;font-weight:600;font-size:.9rem;cursor:pointer;padding:8px 15px;border-radius:8px;transition:all .2s ease}.btn-exit-quiz-mobile:hover{filter:brightness(1.1);box-shadow:0 2px 8px #d977064d}.quiz-mobile-header-stats{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#334155}.stats-divider-v{color:#cbd5e1}.stats-text-progress strong{color:#0ea5a4}.timer-v2.compact{padding:4px 8px;font-size:.85rem;background:#f1f5f9;border:none}.quiz-main-panel{border-radius:0;border:none;padding:15px;margin-top:var(--mobile-header-height, 55px);margin-bottom:var(--mobile-footer-height, 70px);height:calc(100% - var(--mobile-header-height) - var(--mobile-footer-height))}.quiz-content-header-unified{padding:0 5px 20px}.quiz-content-header-unified h2{font-size:1.3rem}.quiz-content-header-unified p{font-size:.9rem}.question-box{padding:20px;border-radius:16px;margin-bottom:25px}.question-text{font-size:1.1rem;margin-bottom:20px;padding-bottom:12px}.option-label{padding:14px 15px;border-radius:10px;min-height:50px}.option-label input[type=radio]{width:20px;height:20px;margin-right:12px}.option-label input[type=radio]:checked:before{width:8px;height:8px}.option-text-content{font-size:.95rem}.feedback-icon{font-size:1.1rem;right:15px}.explanation-container{margin-top:20px;gap:10px}.btn-explanation-modern{padding:10px 15px;font-size:.85rem}.explanation-box-content{padding:20px}.explanation-box-content .eb-header{font-size:1rem;margin-bottom:8px;padding-bottom:8px}.explanation-box-content .eb-text{font-size:.9rem}.end-quiz-notice-refined{padding:30px 15px;border-radius:20px}.end-quiz-notice-refined .check-icon-large{font-size:3rem}.end-quiz-notice-refined p{font-size:1rem}.end-quiz-notice-refined .btn-submit-v2{padding:14px 25px}.mobile-quiz-footer-nav{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-top:1px solid #e2e8f0;position:fixed;bottom:0;left:0;right:0;z-index:100;height:var(--mobile-footer-height, 70px);box-shadow:0 -4px 6px -1px #0000000d}.mqf-btn{background:#f1f5f9;color:#475569;border:1px solid #E2E8F0;border-radius:8px;padding:0 12px;height:44px;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap}.mqf-btn:disabled{opacity:.5;cursor:not-allowed}.mqf-current-q-nav-btn{background:#f0fdfa;border:1px solid #0EA5A4;color:#0f766e;border-radius:8px;height:44px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.95rem;cursor:pointer}.mqf-icon-list{font-size:1.1rem}.mqf-submit-btn{background:#0ea5a4;color:#fff;border:none;border-radius:8px;padding:0 16px;height:44px;font-weight:700;cursor:pointer}.quiz-sidebar-v2{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;border-radius:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:0;visibility:hidden}.quiz-sidebar-v2.mobile-visible{transform:translateY(0);opacity:1;visibility:visible}.mobile-close-nav{display:block}.desktop-only{display:none!important}.quiz-question-nav{grid-template-columns:repeat(5,1fr);gap:12px;padding-bottom:80px}.q-nav-btn{height:50px;font-size:1rem}}.review-page-container{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:30px}.result-unified-card-compact{background:#fff;border-radius:28px;padding:40px;width:100%;max-width:900px;margin-bottom:30px;box-shadow:0 10px 30px #00000014;border:1px solid #E2E8F0}.result-header-compact{display:flex;justify-content:flex-start;margin-bottom:30px}.candidate-identity-compact{display:flex;align-items:center;gap:15px}.candidate-avatar-small{width:50px;height:50px;border-radius:50%;background:#0ea5a4;color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.candidate-details-compact{text-align:left}.result-body-compact{display:flex;justify-content:space-around;align-items:center;gap:30px;margin-bottom:30px}.result-circle-wrapper-compact{width:140px;height:140px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-circle-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.result-circle-content{text-align:center;position:relative;z-index:1}.result-score-value-compact{font-size:2.5rem;font-weight:900;color:#0ea5a4;line-height:1.2}.result-score-label-compact{font-size:.9rem;color:#64748b;font-weight:500}.evaluation-box-compact{flex-grow:1;background:#f8fafc;border-radius:16px;padding:30px;border:1px solid #E2E8F0;box-shadow:0 2px 8px #00000008;min-height:150px;display:flex;flex-direction:column;justify-content:center;text-align:left}.evaluation-box-compact.warning{background:#fffbeb;border-color:#fde68a}.evaluation-box-compact.success{background:#f0fdfa;border-color:#99f6e4}.evaluation-title-compact{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:10px;display:flex;align-items:center;gap:10px}.evaluation-desc-compact{font-size:1rem;color:#475569;line-height:1.6}.result-footer-compact{display:flex;justify-content:space-between;align-items:center;padding-top:25px;border-top:1px dashed #E2E8F0;margin-top:15px;flex-wrap:wrap;gap:20px}.stats-row-compact{display:flex;gap:20px;align-items:center}.stat-item-compact{display:flex;flex-direction:column;align-items:flex-start}.lbl-small{font-size:.8rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.val-small{font-size:1.1rem;font-weight:700;color:#334155}.stat-divider{width:1px;height:40px;background:#e2e8f0}.result-actions-compact{display:flex;gap:15px}.btn-action-review,.btn-action-home{padding:12px 24px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.btn-action-review{background-color:#e0f2fe;color:#1d4ed8;border:1px solid #BFDBFE}.btn-action-review:hover{background-color:#bfdbfe}.btn-action-home{background-color:#0ea5a4;color:#fff;border:none;box-shadow:0 4px 12px #0ea5a433}.btn-action-home:hover{background-color:#0f766e;transform:translateY(-2px)}.review-questions-list{max-width:900px;width:100%;margin:0 auto;padding-top:20px}@media(max-width:768px){.review-page-container{padding:15px}.result-unified-card-compact{padding:25px;border-radius:24px;width:calc(100% - 30px);margin:20px auto;max-width:none}.result-body-compact{flex-direction:column;text-align:center;gap:25px}.evaluation-box-compact{width:100%;box-sizing:border-box;padding:20px;flex:none;text-align:center;min-height:auto}.evaluation-title-compact{justify-content:center;font-size:1.3rem}.evaluation-desc-compact{font-size:.9rem}.result-footer-compact{flex-direction:column;gap:20px;align-items:stretch}.stats-row-compact{width:100%;justify-content:space-around}.stat-item-compact{align-items:center}.result-actions-compact{width:100%;flex-direction:column}.result-actions-compact button{width:100%;padding:14px;font-size:.95rem}.result-circle-wrapper-compact{margin:0 auto;width:120px;height:120px}.result-score-value-compact{font-size:2rem}.result-score-label-compact{font-size:.8rem}.overlay-layer-content{max-width:90%;border-radius:20px}.overlay-body-luxe{padding:20px}.overlay-title-luxe{font-size:1.3rem;margin-bottom:10px}.overlay-text-luxe{font-size:.9rem;line-height:1.4;margin-bottom:20px}.overlay-stats-pill{padding:10px 15px;gap:15px;margin-bottom:20px}.p-val{font-size:1.4rem}}:root{--bento-bg: #F8FAFC;--text-dark: #1F2937;--intro-btn-bg: #fff;--gradient-terracotta: linear-gradient(135deg, #FED7AA 0%, #EA580C 100%);--gradient-amber: linear-gradient(135deg, #FEF3C7 0%, #F59E0B 100%);--gradient-teal: linear-gradient(135deg, #CCFBF1 0%, #0D9488 100%);--gradient-cyan: linear-gradient(135deg, #CFFAFE 0%, #0EA5E9 100%);--gradient-pink: linear-gradient(135deg, #FCE7F3 0%, #EC4899 100%);--gradient-purple: linear-gradient(135deg, #F5EEFF 0%, #8B5CF6 100%);--text-on-terracotta: #431407;--text-on-amber: #78350F;--text-on-teal: #064E3B;--text-on-cyan: #0C4A6E;--text-on-pink: #831843;--text-on-purple: #4C1D95;--glow-terracotta: #F97316;--glow-amber: #F59E0B;--glow-teal: #0EA5A4;--glow-cyan: #0EA5E9;--glow-purple: #8B5CF6;--glow-pink: #EC4899}body[data-theme=dark]{--bento-bg: #111827;--text-dark: #F3F4F6;--intro-btn-bg: #1F2937;--gradient-terracotta: linear-gradient(135deg, #7C2D12 0%, #C2410C 100%);--gradient-amber: linear-gradient(135deg, #78350F 0%, #D97706 100%);--gradient-teal: linear-gradient(135deg, #064E3B 0%, #0F766E 100%);--gradient-cyan: linear-gradient(135deg, #0E7490 0%, #0284C7 100%);--gradient-pink: linear-gradient(135deg, #831843 0%, #DB2777 100%);--gradient-purple: linear-gradient(135deg, #4C1D95 0%, #6D28D9 100%);--text-on-terracotta: #FFEDD5;--text-on-amber: #FEF3C7;--text-on-teal: #CCFBF1;--text-on-cyan: #E0F2FE;--text-on-pink: #FCE7F3;--text-on-purple: #F5F3FF;--glow-terracotta: #EA580C;--glow-amber: #D97706;--glow-teal: #14B8A6;--glow-cyan: #0284C7;--glow-purple: #6D28D9;--glow-pink: #DB2777}.bento-wrapper{background-color:var(--bento-bg);min-height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start;padding:40px;box-sizing:border-box;overflow-y:auto}.bento-container{display:grid;grid-template-columns:1fr 2.5fr;width:100%;max-width:1400px;gap:40px}.bento-intro{max-width:100%;display:flex;flex-direction:column;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);padding:30px;border-radius:24px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 40px #00000014,0 10px 15px #0000000a;z-index:10}body[data-theme=dark] .bento-intro{background:#1e293b99;border-color:#44516780;box-shadow:0 20px 40px #0003,0 10px 15px #0000001a}.bento-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.brand-logo-minimal{display:flex;align-items:center;gap:15px}.logo-text{font-weight:800;letter-spacing:.5px;font-size:1rem;color:var(--text-dark);text-transform:uppercase}.intro-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.intro-badge{display:inline-block;background:linear-gradient(90deg,#60a5fa,#2dd4bf);color:#fff;padding:6px 12px;border-radius:20px;font-weight:600;font-size:.75rem;margin-bottom:20px;box-shadow:0 2px 8px #2563eb33;letter-spacing:.5px;text-transform:uppercase}body[data-theme=dark] .intro-badge{background:linear-gradient(90deg,#1d4ed8,#0f766e);box-shadow:0 2px 8px #1d4ed84d}.intro-title{font-size:3.5rem;font-weight:900;line-height:1.2;margin:0 0 25px;letter-spacing:-.02em;padding-bottom:0}.title-part-black{color:#0f172a;display:block}body[data-theme=dark] .title-part-black{color:#e2e8f0}.title-part-blue{background:linear-gradient(90deg,#2563eb,#0d9488);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}body[data-theme=dark] .title-part-blue{background:linear-gradient(90deg,#60a5fa,#2dd4bf);-webkit-background-clip:text;background-clip:text}.intro-description{margin-bottom:40px}.intro-description p{font-size:1.1rem;color:#475569;line-height:1.6;margin:0;font-weight:500}body[data-theme=dark] .intro-description p{color:#94a3b8}.intro-actions{margin-bottom:20px;width:100%}.btn-about-compact{display:flex;align-items:center;gap:15px;background:linear-gradient(90deg,#2563eb,#0d9488);border:none;padding:14px 25px;border-radius:14px;cursor:pointer;width:100%;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;position:relative;overflow:hidden;box-shadow:0 6px 20px #2563eb59}.btn-about-compact:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-about-compact:hover:before{left:100%}.btn-about-compact:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0d948880;filter:brightness(1.05)}.btn-about-compact .icon{font-size:1.4rem;background-color:#ffffff40;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;flex-shrink:0;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.btn-about-compact .text-content{flex-grow:1;display:flex;flex-direction:column}.btn-about-compact .label{font-weight:700;color:#fff;font-size:1.05rem}.btn-about-compact .sub-label{display:none}.btn-about-compact .arrow{color:#fff;font-weight:700;font-size:1.3rem;transition:transform .2s;opacity:1}.btn-about-compact:hover .arrow{transform:translate(8px);opacity:1}.bento-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(220px,1fr));gap:20px}.bento-card{border-radius:24px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease;overflow:hidden;background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #00000014,0 5px 15px #0000000a}body[data-theme=dark] .bento-card{background:#1e293b66;border-color:#4451674d;box-shadow:0 10px 30px #0003,0 5px 15px #0000001a}.bento-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026,0 10px 20px #00000014;border-color:#fff9;z-index:5}.bento-card.card-terracotta:hover{box-shadow:0 0 20px var(--glow-terracotta),0 0 40px #ea580c33}.bento-card.card-amber:hover{box-shadow:0 0 20px var(--glow-amber),0 0 40px #f59e0b33}.bento-card.card-teal:hover{box-shadow:0 0 20px var(--glow-teal),0 0 40px #0ea5a433}.bento-card.card-cyan:hover{box-shadow:0 0 20px var(--glow-cyan),0 0 40px #0ea5e933}.bento-card.card-purple:hover{box-shadow:0 0 20px var(--glow-purple),0 0 40px #8b5cf633}.bento-card.card-pink:hover{box-shadow:0 0 20px var(--glow-pink),0 0 40px #ec489933}.bento-card.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5);transform:none!important;box-shadow:none!important;border-color:#fff3!important}.bento-card.disabled:hover{transform:none;box-shadow:none}.card-terracotta{color:var(--text-on-terracotta)}.card-amber{color:var(--text-on-amber)}.card-teal{color:var(--text-on-teal)}.card-cyan{color:var(--text-on-cyan)}.card-purple{color:var(--text-on-purple)}.card-pink{color:var(--text-on-pink)}.card-header{height:80px}.card-action-icon{position:absolute;bottom:20px;right:20px;width:36px;height:36px;border-radius:50%;background-color:#fff6;display:flex;justify-content:center;align-items:center;color:currentColor;transition:transform .3s ease,background-color .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}body[data-theme=dark] .card-action-icon{background-color:#0000004d}.bento-card:hover .card-action-icon{transform:rotate(90deg) scale(1.1);background-color:#fff9}body[data-theme=dark] .bento-card:hover .card-action-icon{background-color:#00000080}.card-content{margin-top:auto;z-index:2}.card-content h3{margin:0;font-size:1.4rem;line-height:1.3;font-weight:800;letter-spacing:-.01em;white-space:normal;word-break:break-word}.card-content p{margin:8px 0 0;font-size:.95rem;color:#64748b;opacity:.85;font-weight:500}body[data-theme=dark] .card-content p{color:#94a3b8}.card-decorative-circle{position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;z-index:1;pointer-events:none;transition:transform .3s ease,opacity .3s ease;opacity:.6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bento-card:hover .card-decorative-circle{transform:scale(1.05);opacity:.7}.card-terracotta .card-decorative-circle{background:var(--gradient-terracotta)}.card-amber .card-decorative-circle{background:var(--gradient-amber)}.card-teal .card-decorative-circle{background:var(--gradient-teal)}.card-cyan .card-decorative-circle{background:var(--gradient-cyan)}.card-purple .card-decorative-circle{background:var(--gradient-purple)}.card-pink .card-decorative-circle{background:var(--gradient-pink)}@media(max-width:1200px){.bento-container{gap:30px}.intro-title{font-size:2.5rem}.bento-grid{gap:15px}}@media(max-width:1024px){.bento-container{grid-template-columns:1fr;gap:30px}.bento-wrapper{align-items:flex-start;padding:25px;height:auto}.bento-intro{flex:none;width:100%;margin-bottom:30px;padding:25px;min-height:auto}.bento-header{margin-bottom:20px}.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.card-content h3{font-size:1.3rem}.card-content p{font-size:.9rem}}@media(max-width:600px){.bento-grid{grid-template-columns:1fr}.bento-card{min-height:160px;padding:20px;border-radius:20px}.intro-title{font-size:2rem;margin-bottom:20px}.intro-badge{font-size:.65rem;padding:5px 10px;margin-bottom:15px}.intro-description p{font-size:1rem;margin-bottom:30px}.btn-about-compact{padding:10px 15px;border-radius:12px}.btn-about-compact .icon{width:32px;height:32px;font-size:1.1rem}.btn-about-compact .label{font-size:.95rem}.btn-about-compact .arrow{font-size:1.1rem}.card-content h3{font-size:1.2rem}.card-content p{font-size:.85rem}.card-action-icon{width:32px;height:32px;bottom:15px;right:15px}}