.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-card{background:#fff;border-radius:1rem;padding:2rem;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.login-header{text-align:center;margin-bottom:2rem}.login-icon{color:var(--primary-color);margin-bottom:1rem}.login-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.login-header p{color:var(--text-secondary);font-size:.875rem}.login-form{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.input-error{border-color:var(--error-color)!important}.error-message{display:block;margin-top:.25rem;font-size:.75rem;color:var(--error-color)}.btn-block{width:100%}.login-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.language-toggle{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s}.language-toggle:hover{background-color:var(--surface)}.version{font-size:.75rem;color:var(--text-secondary)}.data-management{padding:20px;max-width:1400px;margin:0 auto}.management-header{margin-bottom:30px}.management-header h2{display:flex;align-items:center;gap:10px;color:var(--color-primary);margin-bottom:10px}.subtitle{color:var(--color-text-secondary);font-size:1.1rem}.message{padding:12px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease}.message.success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.message.error{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.management-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.management-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.management-card.full-width{grid-column:1 / -1}.management-card h3{display:flex;align-items:center;gap:8px;color:var(--color-primary);margin-bottom:15px;font-size:1.2rem}.card-description{color:var(--color-text-secondary);margin-bottom:20px;line-height:1.6}.button-group{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;font-weight:500}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #2962ff4d}.btn-secondary{background:var(--color-background);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.data-summary{background:var(--color-background);border-radius:8px;padding:15px}.data-summary h4{color:var(--color-text);margin-bottom:10px;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.data-summary ul{list-style:none;padding:0}.data-summary li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border)}.data-summary li:last-child{border-bottom:none}.data-summary li span{color:var(--color-text-secondary)}.data-summary li strong{color:var(--color-primary);font-weight:600}.report-options{background:var(--color-background);border-radius:8px;padding:15px}.report-options h4{color:var(--color-text);margin-bottom:10px;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.feature-list{list-style:none;padding:0}.feature-list li{display:flex;align-items:center;gap:8px;padding:6px 0;color:var(--color-text-secondary)}.feature-list li svg{color:var(--color-success)}.export-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.export-btn{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.export-btn:hover{border-color:var(--color-primary);background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.export-btn svg{color:var(--color-primary)}.export-btn span{display:block}.export-btn .count{font-size:.85rem;color:var(--color-text-secondary)}.info-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a}.info-section h3{color:var(--color-primary);margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-item{padding:15px;background:var(--color-background);border-radius:8px;border-left:4px solid var(--color-primary)}.info-item h4{color:var(--color-text);margin-bottom:10px;font-size:1rem}.info-item p{color:var(--color-text-secondary);line-height:1.6;font-size:.95rem}.export-btn svg[size="20"]:nth-of-type(1){width:20px;height:20px}@media (max-width: 768px){.management-grid,.export-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.report-settings{background:var(--color-background);border-radius:8px;padding:20px;margin-top:20px;border:1px solid var(--color-border)}.report-settings h4{color:var(--color-text);margin-bottom:15px;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.settings-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--color-text-secondary);transition:color .2s}.checkbox-label:hover{color:var(--color-text)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.settings-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.settings-row label{display:flex;flex-direction:column;gap:5px;color:var(--color-text-secondary);font-size:.95rem}.settings-row select{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text);font-size:1rem;cursor:pointer;transition:border-color .2s}.settings-row select:hover{border-color:var(--color-primary)}.settings-row select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2962ff1a}.btn-save{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-success);color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .3s ease}.btn-save:hover{background:var(--color-success-dark, #45a049);transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}@media print{.data-management{background:#fff}.management-card{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}button{display:none}}.dashboard{max-width:1200px;margin:0 auto}.page-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:.5rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a}.stat-icon{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.stat-card.primary .stat-icon{background-color:#2563eb1a;color:var(--primary-color)}.stat-card.warning .stat-icon{background-color:#f59e0b1a;color:var(--warning-color)}.stat-card.success .stat-icon{background-color:#16a34a1a;color:var(--success-color)}.stat-card.secondary .stat-icon{background-color:#64748b1a;color:var(--secondary-color)}.stat-content h3{font-size:1.875rem;font-weight:700;margin:0;color:var(--text-primary)}.stat-content p{margin:0;color:var(--text-secondary);font-size:.875rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;margin-bottom:1rem}.grade-list,.schedule-list,.test-list{display:flex;flex-direction:column;gap:.75rem}.grade-item,.schedule-item,.test-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--surface);border-radius:.375rem}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:var(--primary-color);color:#fff}.badge.pending{background-color:var(--warning-color)}.badge.running{background-color:var(--success-color)}.badge.completed{background-color:var(--secondary-color)}.card h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}@media (max-width: 768px){.dashboard-grid,.stats-grid{grid-template-columns:1fr}}.data-management-section{margin-top:40px;padding-top:30px;border-top:2px solid var(--color-border)}:root{--process-bg: #f1f5f9;--process-text: #0f172a;--process-muted: #475569;--process-border: rgba(148, 163, 184, .35);--process-surface: #ffffff;--process-highlight: #2563eb;--process-danger: #dc2626}.process-page{display:flex;flex-direction:column;gap:16px;padding:16px;color:var(--process-text);background:var(--process-bg);min-height:100%}.process-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.process-header__left{display:flex;flex-direction:column;gap:4px}.process-title{font-size:1.5rem;font-weight:700}.process-subtitle{font-size:.9rem;color:var(--process-muted)}.process-actions{display:flex;align-items:center;gap:8px}.help-button,.queue-badge,.view-toggle button{height:48px;padding:0 18px;border-radius:18px;border:1px solid var(--process-border);background:var(--process-surface);font-weight:600}.queue-badge{display:inline-flex;align-items:center;gap:8px;background:#1e293b;color:#f8fafc}.queue-badge.offline{background:var(--process-danger)}.view-toggle{display:flex;gap:8px}.view-toggle button.active{background:var(--process-highlight);color:#fff}.process-card{background:var(--process-surface);border-radius:24px;padding:16px;border:1px solid var(--process-border);display:flex;flex-direction:column;gap:16px}.process-card h3{margin:0;font-size:1.1rem;font-weight:700}.home-hero{display:grid;gap:16px}.home-hero button{height:56px;border-radius:20px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:1.1rem;font-weight:700;border:none}.recent-runs{display:grid;gap:12px}.recent-run{padding:16px;border-radius:20px;border:1px solid var(--process-border);display:grid;gap:8px;background:#ffffffbf}.recent-run__meta{display:flex;justify-content:space-between;font-weight:600}.form-grid{display:grid;gap:16px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:700}.section-description{font-size:.85rem;color:var(--process-muted)}.card-grid{display:grid;gap:16px}@media (min-width: 992px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-footer{position:sticky;bottom:16px;display:flex;gap:12px;justify-content:flex-end;background:#f1f5f9e6;padding:12px;border-radius:24px;border:1px solid var(--process-border);box-shadow:0 20px 40px #0f172a1f}.form-footer button{height:56px;border-radius:20px;padding:0 24px;font-size:1rem;font-weight:700;border:none}.form-footer .secondary{background:var(--process-surface);color:var(--process-highlight);border:1px solid var(--process-highlight)}.form-footer .primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.surface-radio{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.surface-radio label{display:flex;justify-content:center;align-items:center;height:48px;border-radius:18px;border:1px solid var(--process-border);font-weight:600;background:#fff}.surface-radio input{display:none}.surface-radio input:checked+span{background:var(--process-highlight);color:#fff;border-radius:18px;padding:8px 16px}.quality-section textarea{width:100%;min-height:120px;border-radius:16px;border:1px solid var(--process-border);padding:12px;font-size:1rem;resize:vertical}.meta-grid{display:grid;gap:12px}.meta-grid__field{display:flex;flex-direction:column;gap:8px}@media (min-width: 720px){.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.meta-grid input,.meta-grid select{height:48px;border-radius:16px;border:1px solid var(--process-border);padding:0 16px;font-size:1rem}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#2563eb1f;color:var(--process-highlight);font-size:.85rem}.status-indicator.offline{background:#dc26261f;color:var(--process-danger)}.pending-count{font-size:.85rem;color:var(--process-muted)}.trend-wrapper{display:grid;gap:16px}@media (max-width: 640px){.process-page{padding-bottom:96px}.process-header{flex-direction:column;align-items:flex-start}.process-actions{align-self:stretch;justify-content:space-between}.view-toggle{width:100%}.view-toggle button{flex:1}}.numeric-field{display:flex;flex-direction:column;gap:8px;font-size:1rem;color:var(--text-strong, #0f172a)}.numeric-field__header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.numeric-field__label{font-weight:600}.numeric-field__required{color:var(--accent-strong, #ef4444)}.numeric-field__description{font-size:.75rem;color:var(--text-muted, #475569)}.numeric-field__controls{display:grid;grid-template-columns:56px 1fr 56px auto;align-items:center;gap:8px}.numeric-field__stepper{height:48px;border-radius:16px;border:1px solid var(--border-strong, #0f172a);background:var(--surface-elevated, #ffffff);font-size:1.5rem;line-height:1;font-weight:600;color:inherit}.numeric-field__stepper:focus-visible{outline:3px solid var(--focus-ring, #2563eb);outline-offset:2px}.numeric-field__input{height:48px;border-radius:16px;border:1px solid var(--border-subtle, #cbd5f5);padding:0 16px;font-size:1.2rem;font-weight:600;color:inherit;background:var(--surface-muted, #f8fafc)}.numeric-field__input:focus-visible{border-color:var(--focus-ring, #2563eb);outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.numeric-field__unit{font-weight:600;color:var(--text-muted, #475569);min-width:48px;text-align:right}@media (max-width: 480px){.numeric-field__controls{grid-template-columns:48px 1fr 48px auto}.numeric-field__input{font-size:1.1rem}}.temp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}@media (max-width: 600px){.temp-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.media-capture{display:flex;flex-direction:column;gap:16px;background:var(--surface-elevated, #ffffff);padding:16px;border-radius:24px;border:1px solid rgba(15,23,42,.08)}.media-capture__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.media-capture__header h3{margin:0;font-size:1.1rem;font-weight:700}.media-capture__header p{margin:4px 0 0;font-size:.85rem;color:var(--text-muted, #475569)}.media-capture__photo,.media-capture__record{height:48px;padding:0 20px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;font-weight:600;letter-spacing:.02em}.media-capture__photo:focus-visible,.media-capture__record:focus-visible{outline:3px solid rgba(37,99,235,.4);outline-offset:2px}.media-capture__record{width:100%;margin-top:12px;background:linear-gradient(135deg,#dc2626,#b91c1c)}.media-capture__record--active{background:linear-gradient(135deg,#f97316,#ea580c)}.media-capture__video{display:flex;flex-direction:column}.media-capture__preview{width:100%;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#0f172a;min-height:180px}.media-capture__list{display:grid;gap:12px}.media-item{display:grid;gap:8px}.media-item img,.media-item video{width:100%;border-radius:16px;border:1px solid rgba(15,23,42,.08)}.media-item__meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-muted, #475569)}.media-item__meta button{border:none;background:none;color:#ef4444;font-weight:600}.media-capture__input{display:none}.barcode-scan{position:relative;display:flex;flex-direction:column;gap:8px}.barcode-scan__button{align-self:flex-end;height:48px;padding:0 20px;border-radius:18px;border:1px solid rgba(15,23,42,.2);background:#fff;font-weight:600}.barcode-scan__notice{font-size:.8rem;color:var(--text-muted, #475569);text-align:right}.barcode-scan__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;z-index:1000}.barcode-scan__frame{position:relative;width:min(420px,100%);max-width:420px;border:4px solid rgba(148,163,184,.6);border-radius:24px;overflow:hidden}.barcode-scan__video{width:100%;height:auto}.barcode-scan__close{position:absolute;top:12px;right:12px;border:none;background:#0f172a99;color:#fff;border-radius:999px;padding:6px 12px;font-weight:600}.barcode-scan__tip{margin-top:16px;color:#f8fafc;font-weight:600}.barcode-scan__error{margin-top:8px;color:#fee2e2}.live-trend-chart{height:320px;background:var(--surface-elevated, #ffffff);border-radius:24px;border:1px solid rgba(15,23,42,.08);padding:16px}@media (max-width: 600px){.live-trend-chart{height:280px}}.help-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;justify-content:center;align-items:center;padding:24px;z-index:1200}.help-modal__content{width:min(960px,100%);max-height:90vh;background:#fff;border-radius:24px;display:flex;flex-direction:column;box-shadow:0 30px 60px #0f172a2e}.help-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(148,163,184,.25)}.help-modal__header h2{margin:0;font-size:1.3rem}.help-modal__header button{border:none;background:#0f172a0d;border-radius:12px;padding:8px 16px;font-weight:600}.help-modal__body{padding:20px 24px;overflow-y:auto;font-size:.95rem;line-height:1.6}.help-modal__markdown h1,.help-modal__markdown h2,.help-modal__markdown h3{margin-top:1.5rem}.help-modal__markdown pre,.help-modal__markdown code{background:#f1f5f9cc;padding:4px 6px;border-radius:6px;font-family:Fira Code,monospace}.help-modal__error{color:#dc2626}@media (max-width: 600px){.help-modal{padding:12px}.help-modal__content{border-radius:20px}}.grade-manager{max-width:1200px;margin:0 auto}.grade-form{margin-bottom:2rem}.grade-form h2{margin-bottom:1.5rem}.error-box{background-color:#fee;border:1px solid var(--error-color);border-radius:.375rem;padding:1rem;margin-bottom:1rem;color:var(--error-color)}.error-box p{margin:.25rem 0;font-size:.875rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.form-group label{font-weight:500;color:var(--text-secondary);font-size:.875rem}.components-section{margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{font-size:1.125rem;font-weight:600}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.components-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.component-row{display:grid;grid-template-columns:2fr 1fr auto 1fr auto;gap:.75rem;align-items:center;padding:.75rem;background:var(--surface);border-radius:.375rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.btn-icon{padding:.5rem;background:none;border:1px solid var(--border);border-radius:.375rem;cursor:pointer;transition:all .2s}.btn-icon:hover{background-color:var(--surface)}.btn-icon.delete{color:var(--error-color);border-color:var(--error-color)}.btn-icon.delete:hover{background-color:var(--error-color);color:#fff}.calculated-4hb{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border-radius:.375rem;border:2px solid var(--primary-color)}.calculated-4hb .value{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.temp-section{margin-bottom:1.5rem}.temp-section h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.auto-profile-note{padding:.75rem;background:linear-gradient(135deg,#dbeafe,#ede9fe);border-radius:.375rem;border:1px solid var(--primary-color);margin-bottom:1rem;font-size:.875rem;color:var(--text-primary);font-weight:500}.temp-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.temp-input-group{display:flex;flex-direction:column;gap:.25rem}.temp-input-group label{font-size:.75rem;color:var(--text-secondary)}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.grades-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.grade-card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.grade-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.grade-header h3{font-size:1.125rem;font-weight:600;margin:0}.grade-header p{margin:.25rem 0 0;font-size:.875rem}.grade-actions{display:flex;gap:.5rem}.grade-info{display:flex;flex-wrap:wrap;gap:1rem}.info-item{display:flex;gap:.5rem;align-items:center}.info-item .label{font-size:.875rem;color:var(--text-secondary)}.info-item .value{font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.component-row,.grades-list{grid-template-columns:1fr}}.test-results-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:.5rem;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content.large{max-width:1200px}.results-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}.results-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.results-header p{margin:0;color:var(--text-secondary)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.result-card{background:var(--surface);border-radius:.5rem;padding:1.5rem;border:1px solid var(--border)}.result-card h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.metric{display:flex;flex-direction:column;gap:.25rem}.metric .label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.metric .value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.metric .value.success{color:var(--success-color)}.metric .value.error{color:var(--error-color)}.yield-rate{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.375rem;background:#fff}.yield-rate.quality-good{background:linear-gradient(135deg,#10b98115,#10b98125);border:1px solid var(--success-color)}.yield-rate.quality-warning{background:linear-gradient(135deg,#f59e0b15,#f59e0b25);border:1px solid var(--warning-color)}.yield-rate.quality-poor{background:linear-gradient(135deg,#ef444415,#ef444425);border:1px solid var(--error-color)}.yield-rate svg{color:var(--primary-color)}.yield-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.yield-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.quality-list{display:flex;flex-direction:column;gap:.75rem}.quality-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border-radius:.25rem}.quality-item .label{flex:1;font-size:.875rem;color:var(--text-secondary)}.quality-item .value{font-weight:600;color:var(--text-primary);margin-right:.5rem}.status-icon{flex-shrink:0}.status-icon.good{color:var(--success-color)}.temp-comparison{display:flex;flex-direction:column;gap:1rem}.temp-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#fff;border-radius:.25rem}.temp-row .label{font-weight:600;color:var(--text-secondary);font-size:.875rem}.temp-row .temps{font-family:monospace;font-size:.875rem;color:var(--primary-color);font-weight:600}.temp-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.temp-stats>div{display:flex;flex-direction:column;gap:.25rem}.temp-stats .label{font-size:.75rem;color:var(--text-secondary)}.temp-stats .value{font-size:1.125rem;font-weight:700;color:var(--primary-color)}.issues-list{display:flex;flex-direction:column;gap:.5rem}.issue-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:.25rem;border-left:3px solid transparent}.issue-item.severity-low{border-left-color:#10b981}.issue-item.severity-medium{border-left-color:var(--warning-color)}.issue-item.severity-high{border-left-color:var(--error-color)}.issue-item .time{font-weight:600;color:var(--text-secondary);font-size:.875rem}.issue-item .description{flex:1;font-size:.875rem}.issue-item svg.low{color:#10b981}.issue-item svg.medium{color:var(--warning-color)}.issue-item svg.high{color:var(--error-color)}.recommendations-section{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--primary-color)}.recommendations-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.recommendations-list{margin:0;padding-left:1.5rem}.recommendations-list li{margin-bottom:.5rem;line-height:1.6;color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.test-results-modal,.modal-content.large{padding:1rem}.results-header{flex-direction:column;gap:1rem}.results-grid,.metrics-grid{grid-template-columns:1fr}}.test-schedule{max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header .btn{display:flex;align-items:center;gap:.5rem}.add-form-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.add-form{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:90%}.add-form h3{margin:0 0 1.5rem;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-secondary);font-size:.875rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.day-section{margin-bottom:2rem}.day-header{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding:.75rem;background:var(--surface);border-radius:.5rem}.runs-table{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.table-header{display:grid;grid-template-columns:80px 2fr 1.5fr 120px 150px;gap:1rem;padding:1rem;background:var(--surface);font-weight:600;font-size:.875rem;color:var(--text-secondary);border-bottom:2px solid var(--border)}.table-row{display:grid;grid-template-columns:80px 2fr 1.5fr 120px 150px;gap:1rem;padding:1rem;align-items:center;border-bottom:1px solid var(--border);transition:background-color .2s}.table-row:hover{background-color:var(--surface)}.run-number{font-weight:600;color:var(--text-primary)}.sample-info{display:flex;flex-direction:column;gap:.125rem}.sample-info strong{color:var(--text-primary)}.temp-profile{font-family:monospace;font-size:.875rem;color:var(--text-secondary)}.status{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500}.status-pending{color:var(--warning-color)}.status-running{color:var(--success-color)}.status-completed{color:var(--secondary-color)}.actions{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.btn-danger{background-color:#ef4444;color:#fff;border:none}.btn-danger:hover{background-color:#dc2626}.running-controls{display:flex;align-items:center;gap:.5rem}.control-btn{padding:.375rem;background:#fff;border:1px solid var(--primary-color);border-radius:.25rem;cursor:pointer;transition:all .2s;color:var(--primary-color)}.control-btn:hover{background-color:var(--primary-color);color:#fff}.control-btn.stop{border-color:var(--error-color);color:var(--error-color)}.control-btn.stop:hover{background-color:var(--error-color);color:#fff}.running-indicator{display:flex;align-items:center;gap:.5rem;color:var(--success-color);font-weight:500;font-size:.875rem}.running-indicator.paused{color:var(--warning-color)}.pulse{display:inline-block;width:8px;height:8px;background-color:var(--success-color);border-radius:50%;animation:pulse 1.5s infinite}.running-indicator.paused .pulse{background-color:var(--warning-color);animation:none}.edit-form-inline{display:flex;gap:.5rem;align-items:center;width:100%}.input-sm{padding:.25rem .5rem;font-size:.875rem;border:1px solid var(--border);border-radius:.25rem;flex:1}.btn-icon{padding:.25rem .5rem;background:#fff;border:1px solid var(--border);border-radius:.25rem;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-icon.save:hover{background-color:var(--success-color);color:#fff}.btn-icon.cancel:hover{background-color:var(--error-color);color:#fff}.btn-warning{background:#f59e0b;color:#fff;border:none}.btn-warning:hover{background:#d97706}@keyframes pulse{0%{box-shadow:0 0 #16a34ab3}70%{box-shadow:0 0 0 10px #16a34a00}to{box-shadow:0 0 #16a34a00}}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header span,.table-row>*{padding:.5rem 0}.table-header{display:none}.table-row{border:1px solid var(--border);margin-bottom:.5rem;border-radius:.375rem}}.troubleshooting{max-width:1400px;margin:0 auto}.troubleshooting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.grade-selector{display:flex;align-items:center;gap:1rem}.grade-selector label{font-weight:600;color:var(--text-primary)}.grade-select{min-width:300px;padding:.5rem;border:1px solid var(--border);border-radius:.375rem;font-size:.875rem}.grade-info-bar{display:flex;gap:2rem;padding:.75rem 1.5rem;background:var(--surface);border-radius:.375rem;font-weight:600;color:var(--primary-color)}.troubleshooting-grid{display:grid;grid-template-columns:450px 1fr;gap:2rem;min-height:600px}.issues-list{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;max-height:800px;overflow-y:auto}.issues-list h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.issue-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.75rem;background:var(--surface);border-radius:.375rem;cursor:pointer;transition:all .2s;border:2px solid transparent;position:relative}.issue-item:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.issue-item.selected{background:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px #2563eb26}.issue-item.severity-high:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--error-color);border-radius:.375rem 0 0 .375rem}.issue-item.severity-medium:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--warning-color);border-radius:.375rem 0 0 .375rem}.issue-item svg:first-child{color:var(--warning-color);flex-shrink:0}.issue-item svg:last-child{color:var(--text-secondary);flex-shrink:0}.issue-content{flex:1}.issue-content h3{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.issue-content p{margin:0;font-size:.75rem}.issue-details{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;max-height:800px;overflow-y:auto}.issue-details h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.detail-card{display:flex;flex-direction:column;gap:1.5rem}.detail-section h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.detail-section p{font-size:1rem;color:var(--text-primary);line-height:1.6}.diagnostic-box{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fef3c7;border-radius:.5rem;border:1px solid #fbbf24}.diagnostic-box svg{color:#f59e0b;flex-shrink:0}.diagnostic-box p{margin:0;color:#92400e}.adjustments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.adjustment-card{padding:1rem;background:var(--surface);border-radius:.5rem;border:1px solid var(--border)}.adjustment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.adjustment-header svg{color:var(--primary-color)}.parameter-name{font-weight:600;font-size:.875rem;color:var(--text-secondary)}.adjustment-value{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.adjustment-value svg{color:var(--success-color)}.adjustment-value .value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.adjustment-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin:0}.profile-direction-box{padding:1rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:.5rem;border:1px solid var(--primary-color)}.profile-badge{display:inline-block;padding:.5rem 1rem;border-radius:9999px;font-weight:600;margin-bottom:.75rem}.profile-badge.reverse{background:#fef3c7;color:#92400e}.profile-badge.forward{background:#dbeafe;color:#1e3a8a}.grade-recommendations{padding:1rem;background:var(--surface);border-radius:.5rem}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.rec-item{display:flex;flex-direction:column;gap:.25rem}.rec-item label{font-size:.75rem;color:var(--text-secondary);font-weight:600}.rec-item span{font-size:1rem;font-weight:700;color:var(--primary-color)}.grade-notes{padding:.75rem;background:#fff;border-radius:.375rem;border-left:3px solid var(--primary-color)}.grade-notes p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.apply-recommendations-btn{margin-top:1.5rem;width:100%;padding:.75rem;font-weight:600}.applied-badge{margin-top:1.5rem;padding:.75rem;background:linear-gradient(135deg,#10b98115,#10b98125);border:1px solid var(--success-color);border-radius:.375rem;text-align:center;color:var(--success-color);font-weight:600}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:1rem}.no-selection svg{opacity:.3}@media (max-width: 1024px){.troubleshooting-grid{grid-template-columns:1fr}.issues-list{max-height:400px}}@media (max-width: 768px){.troubleshooting-header{flex-direction:column;gap:1rem}.grade-info-bar{width:100%;justify-content:space-around}.adjustments-grid{grid-template-columns:1fr}.rec-grid{grid-template-columns:repeat(2,1fr)}}.data-analysis{max-width:1400px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.analysis-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.analysis-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.header-actions{display:flex;gap:.75rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:.5rem;border:1px solid var(--border, #e2e8f0);background:#fff;font-size:.875rem;font-weight:600;cursor:pointer;color:var(--text-primary);transition:background .2s ease,box-shadow .2s ease}.btn.primary{background:var(--primary-color, #2563eb);color:#fff;border-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){background:var(--surface, #f8fafc)}.btn.primary:hover:not(:disabled){background:#1d4ed8}.error-banner{padding:1rem 1.25rem;background:#ef44441f;color:#991b1b;border-radius:.5rem;border:1px solid rgba(239,68,68,.3)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px -20px #0f172a40;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.card h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-actions{display:flex;gap:.5rem}.input-row{display:flex;flex-direction:column;gap:.5rem}.input-row label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.input-row input,.input-row select{padding:.55rem .75rem;border:1px solid var(--border, #e2e8f0);border-radius:.5rem;font-size:.9rem}.radio-group{display:flex;gap:1rem;flex-wrap:wrap;font-size:.875rem;color:var(--text-secondary)}.radio-group label{display:inline-flex;align-items:center;gap:.35rem}.shift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.data-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.die-table{border:1px solid var(--border, #e2e8f0);border-radius:.75rem;overflow:hidden;background:var(--surface, #f8fafc)}.die-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#2563eb14}.die-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.die-title input{width:70px;padding:.3rem .5rem;border-radius:.5rem;border:1px solid var(--border, #e2e8f0)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.3rem;border-radius:.4rem;border:none;background:transparent;cursor:pointer;color:var(--text-secondary)}.icon-btn:hover{background:#0f172a0f}.die-table table{width:100%;border-collapse:collapse}.die-table th,.die-table td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.2)}.die-table tbody tr:last-child td{border-bottom:none}.die-table input{width:100%;padding:.45rem .6rem;border:1px solid var(--border, #e2e8f0);border-radius:.4rem;font-size:.85rem}.results{margin-top:.5rem}.params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.params-grid div{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--surface, #f8fafc);border-radius:.75rem;border:1px solid rgba(148,163,184,.2)}.params-grid .label{font-weight:600;color:var(--text-secondary);font-size:.8rem}.warning-list{padding:.75rem 1rem;background:#facc1533;border-radius:.75rem;border:1px solid rgba(250,204,21,.4)}.warning-list h4{margin:0 0 .5rem;font-weight:600}.warning-list ul{margin:0;padding-left:1.25rem;font-size:.85rem}.summary-table{width:100%;border-collapse:collapse}.summary-table th,.summary-table td{padding:.65rem .75rem;border-bottom:1px solid rgba(148,163,184,.2);text-align:left}.summary-table thead{background:#2563eb14;font-weight:600;color:var(--text-secondary)}.chart-container{display:flex;flex-direction:column;gap:.75rem}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}@media (max-width: 768px){.analysis-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.grid,.charts{grid-template-columns:1fr}}.process-log{max-width:1200px;margin:0 auto}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.log-header h2{margin:0;font-size:1.5rem;font-weight:600}.header-actions{display:flex;gap:1rem}.current-test-info{display:flex;gap:2rem;padding:1rem;background:var(--surface);border-radius:.375rem;margin-bottom:1.5rem;font-weight:500}.log-form{margin-bottom:2rem;padding:1.5rem}.log-form h3{margin-bottom:1.5rem;font-size:1.125rem;font-weight:600}.temp-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.image-upload-section{margin:1.5rem 0}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.image-preview{position:relative;border-radius:.375rem;overflow:hidden;aspect-ratio:1}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:.5rem;right:.5rem;padding:.25rem;background:#000000b3;color:#fff;border:none;border-radius:.25rem;cursor:pointer}.remove-image:hover{background:#000000e6}.logs-list{display:flex;flex-direction:column;gap:1rem}.log-entry{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border-left:4px solid transparent}.log-entry.severity-normal{border-left-color:var(--success-color)}.log-entry.severity-warning{border-left-color:var(--warning-color)}.log-entry.severity-critical{border-left-color:var(--error-color)}.log-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.log-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.log-meta svg{color:var(--text-secondary)}.grade-badge{padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600}.type-badge{padding:.25rem .75rem;background:var(--surface);border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.type-badge.issue{background:#fee;color:var(--error-color)}.type-badge.adjustment{background:#fef3c7;color:#92400e}.type-badge.temperature{background:#dbeafe;color:#1e3a8a}.severity-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.severity-badge.warning{background:#fef3c7;color:#92400e}.severity-badge.critical{background:#fee;color:var(--error-color)}.log-actions{display:flex;gap:.5rem}.log-content{margin:1rem 0}.log-content p{margin:0 0 1rem;line-height:1.6}.temp-data{display:flex;gap:1.5rem;padding:.75rem;background:var(--surface);border-radius:.375rem;font-weight:500;margin:1rem 0}.temp-data span{color:var(--primary-color)}.log-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;margin-top:1rem}.log-images img{width:100%;height:100px;object-fit:cover;border-radius:.375rem;cursor:pointer;transition:transform .2s}.log-images img:hover{transform:scale(1.05)}.log-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:.5rem;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-content h3{margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.zones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.zone-input{display:flex;flex-direction:column;gap:.25rem}.zone-input label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer}.image-modal img{max-width:90%;max-height:90%;object-fit:contain}.close-modal{position:absolute;top:2rem;right:2rem;font-size:3rem;color:#fff;cursor:pointer;line-height:1}@media (max-width: 768px){.log-header{flex-direction:column;gap:1rem}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.temp-inputs{grid-template-columns:1fr}.zones-grid{grid-template-columns:repeat(2,1fr)}.log-meta{font-size:.875rem}}.temperature-graph{max-width:1400px;margin:0 auto}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.graph-header h2{margin:0;font-size:1.5rem;font-weight:600}.header-controls{display:flex;gap:1rem;align-items:center}.export-controls{display:flex;align-items:center;gap:.5rem}.export-select{padding:.5rem 1rem;border:1px solid var(--border);border-radius:.375rem;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s}.export-select:hover{border-color:var(--primary-color)}.grade-filter{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.grade-filter label{font-weight:600;color:var(--text-secondary)}.grade-checkboxes{display:flex;gap:1.5rem;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.checkbox-label input{cursor:pointer}.graph-container{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.data-table-container{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.data-table-container h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600}.data-table{overflow-x:auto}.data-table table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:.75rem;background:var(--surface);font-weight:600;font-size:.875rem;color:var(--text-secondary);border-bottom:2px solid var(--border)}.data-table td{padding:.75rem;border-bottom:1px solid var(--border);font-size:.875rem}.data-table tr:hover{background:var(--surface)}.grade-badge{padding:.25rem .5rem;background:var(--primary-color);color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:600}.highlight-temp{font-weight:600;color:var(--primary-color)}.edit-input{width:60px;padding:.25rem;border:1px solid var(--primary-color);border-radius:.25rem;font-size:.875rem}.edit-actions{display:flex;gap:.5rem}.btn-icon{padding:.375rem;background:#fff;border:1px solid var(--border);border-radius:.25rem;cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--surface)}.btn-icon.save{color:var(--success-color);border-color:var(--success-color)}.btn-icon.save:hover{background:var(--success-color);color:#fff}.btn-icon.cancel{color:var(--error-color);border-color:var(--error-color)}.btn-icon.cancel:hover{background:var(--error-color);color:#fff}.btn-icon.delete{color:#ef4444;border-color:#ef4444}.btn-icon.delete:hover{background:#ef4444;color:#fff}.filter-section{display:flex;gap:2rem;margin-bottom:1.5rem}.filter-section>div{flex:1;padding:1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.filter-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.parameter-selection{flex:2}.parameter-controls{display:flex;gap:.5rem;margin-bottom:1rem}.parameter-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.no-data-message{padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.no-data-message p{font-size:1.125rem;margin:0}.temperature-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}@media (max-width: 1024px){.header-controls{flex-direction:column;width:100%}.header-controls button{width:100%}.filter-section{flex-direction:column;gap:1rem}.filter-section>div{width:100%}}@media (max-width: 768px){.graph-header{flex-direction:column;gap:1rem}.grade-filter{flex-direction:column;align-items:flex-start}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.5rem}.edit-input{width:45px}}.navigation{background:#fff;border-right:1px solid var(--border);width:250px;height:100vh;display:flex;flex-direction:column;position:fixed;left:0;top:0}.nav-header{padding:1.5rem 1rem;border-bottom:1px solid var(--border)}.nav-title{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin:0}.nav-menu{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background-color:var(--surface);color:var(--text-primary)}.nav-item.active{background-color:var(--surface);color:var(--primary-color);border-left-color:var(--primary-color)}.nav-footer{padding:1rem;border-top:1px solid var(--border)}.nav-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:none;border:1px solid var(--border);border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.nav-button:hover{background-color:var(--surface);color:var(--text-primary)}.nav-button.logout{margin-bottom:0;color:var(--error-color);border-color:var(--error-color)}.nav-button.logout:hover{background-color:var(--error-color);color:#fff}.app{display:flex}.main-content{margin-left:250px;flex:1;padding:2rem;min-height:100vh;background-color:var(--surface)}@media (max-width: 768px){.navigation{width:200px}.main-content{margin-left:200px}}@media (max-width: 640px){.navigation{width:100%;position:static;height:auto}.app{flex-direction:column}.main-content{margin-left:0}}:root{--primary-color: #2563eb;--secondary-color: #64748b;--success-color: #16a34a;--warning-color: #f59e0b;--error-color: #dc2626;--background: #ffffff;--surface: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--border: #e2e8f0}body{margin:0;padding:0;background-color:var(--background);color:var(--text-primary)}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.btn{padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:var(--secondary-color);color:#fff}.input{padding:.5rem;border:1px solid var(--border);border-radius:.375rem;font-size:.875rem;width:100%}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.grid{display:grid;gap:1rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center}.flex-center{justify-content:center;align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}