*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f8f9fc;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{color:#fff;background:#1a1a2e;border-bottom:3px solid #f59e0b;padding:1.25rem 2rem}.app-header h1{letter-spacing:.5px;font-size:1.5rem;font-weight:700}.app-header .subtitle{color:#cbd5e1;margin-top:.25rem;font-size:.875rem}.app-main{flex:1;grid-template-columns:340px 1fr;gap:1.25rem;width:100%;max-width:1400px;margin:0 auto;padding:1.25rem 2rem;display:grid}.left-column{z-index:1;flex-direction:column;gap:1rem;display:flex;position:relative}.right-column{flex-direction:column;gap:1.25rem;display:flex}.app-footer{color:#94a3b8;text-align:center;background:#1a1a2e;padding:.75rem 2rem;font-size:.8rem}.app-footer__copyright{color:#64748b;margin-top:.25rem;font-size:.75rem}.app-footer__link{color:#64748b;text-decoration:none}.app-footer__link:hover{color:#94a3b8;text-decoration:underline}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem;box-shadow:0 2px 8px #00000014}.card h2{color:#1a1a2e;margin-bottom:.5rem;font-size:1rem;font-weight:700}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.panel-header h2{margin:0}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-estimated{color:#a16207;background:#fef9c3;border:1px solid #fde68a}.badge-ok{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;margin-left:.5rem}.badge-warn{color:#a16207;background:#fef9c3;border:1px solid #fde68a;margin-left:.5rem}.blend-card{overflow:hidden}.blend-card h2{margin-bottom:.25rem;font-size:1rem;font-weight:700}.hint{color:#64748b;margin-bottom:.75rem;font-size:.8rem}.blend-rows{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.blend-row{grid-template-columns:1fr 70px 24px 28px;align-items:center;gap:.4rem;display:grid}.blend-row select,.blend-row input{color:#1a1a2e;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.35rem .5rem;font-size:.875rem}.blend-row select:focus,.blend-row input:focus{border-color:#f59e0b;outline:2px solid #f59e0b}.unit{color:#6b7280;text-align:center;font-size:.875rem}.btn-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;width:28px;height:28px;padding:0;font-size:1.1rem;line-height:1}.btn-remove:hover{background:#fee2e2}.blend-actions{margin-bottom:.75rem}.add-oil-row{align-items:center;gap:.5rem;display:flex}.add-oil-row select{color:#1a1a2e;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;min-width:0;padding:.35rem .5rem;font-size:.875rem}.btn-add{white-space:nowrap;color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.875rem;font-weight:600}.btn-add:hover{background:#2d2d4e}.total-indicator{color:#374151;border-top:1px solid #e2e8f0;padding-top:.5rem;font-size:.875rem}.total-indicator.valid strong{color:#16a34a}.total-indicator.invalid strong{color:#dc2626}.chart-container{max-height:280px;margin-bottom:1rem}.chart-bar{max-height:220px}.result-table{border-collapse:collapse;width:100%;font-size:.875rem}.result-table th{color:#374151;text-align:center;background:#f1f5f9;border:1px solid #e2e8f0;padding:.4rem .6rem;font-weight:700}.result-table td{text-align:center;color:#1a1a2e;border:1px solid #e2e8f0;padding:.35rem .6rem}.result-table td:first-child{text-align:left;font-weight:500}.result-table tr.row-total{background:#f8fafc;font-weight:700}.fa-layout{grid-template-columns:220px 1fr;align-items:start;gap:1.25rem;display:grid}.pie-container{max-width:220px}.fa-table td:first-child{text-align:left}.tag-group{border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.tag-sfa{color:#991b1b;background:#fee2e2}.tag-mufa{color:#a16207;background:#fef9c3}.tag-pufa{color:#166534;background:#dcfce7}.btn-toggle{cursor:pointer;color:#374151;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;margin-bottom:.75rem;padding:.4rem .9rem;font-size:.875rem;font-weight:600}.btn-toggle:hover:not(:disabled){background:#e2e8f0}.btn-toggle:disabled{opacity:.5;cursor:not-allowed}.tag-content{flex-direction:column;gap:1rem;display:flex}.disclaimer{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;flex-direction:column;gap:.3rem;padding:.9rem 1rem;font-size:.8rem;display:flex}.disabled-panel{opacity:.6}.disabled-msg{text-align:center;color:#94a3b8;padding:2rem 1rem;font-style:italic}@media (width<=900px){.app-main{grid-template-columns:1fr;gap:.75rem;padding:.75rem}.fa-layout{grid-template-columns:1fr}.pie-container{max-width:180px;margin:0 auto}.app-fhco-section{padding:0 .75rem 1rem}.app-header{padding:1rem .75rem}.app-header h1{font-size:1.2rem}.app-header .subtitle{font-size:.78rem}.tab-btn{padding:.45rem .75rem;font-size:.8rem}}@media (width<=768px){.app-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.35rem;padding-bottom:.25rem;overflow-x:auto}.tab-btn{white-space:nowrap;flex-shrink:0;padding:.4rem .65rem;font-size:.78rem}.app-header{padding:.85rem .75rem}.app-header h1{font-size:1.1rem}.app-header .subtitle{display:none}.card{border-radius:8px;padding:.9rem}.sector-templates-grid{grid-template-columns:1fr}.advisor-sector-grid{grid-template-columns:repeat(2,1fr)}.advisor-budget-btns,.advisor-maxoils-btns{flex-wrap:wrap}.sfc-chart-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.blend-row input[type=number],.advisor-target-input,.price-input{min-height:40px;font-size:1rem}.btn-load-template,.advisor-submit-btn,.advisor-apply-btn{padding:.6rem 1rem;font-size:.875rem}.advisor-exclude-grid{grid-template-columns:repeat(2,1fr)}.advisor-result-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.advisor-result-tab{white-space:nowrap;flex-shrink:0}.comparison-grid{grid-template-columns:1fr}.app-saved{padding:.75rem}}.oil-guide-wrap{width:100%;max-width:860px;margin:0 auto;padding:1.25rem 2rem 2rem}.oil-guide-title{color:#1a1a2e;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.oil-guide-hint{color:#64748b;margin-bottom:1rem;font-size:.85rem}.oil-guide-list{flex-direction:column;gap:.4rem;display:flex}.oil-guide-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.oil-guide-header{cursor:pointer;color:#1a1a2e;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.65rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.oil-guide-header:hover{background:#f8fafc}.oil-guide-header--open{background:#fef9c3;border-bottom:1px solid #fde68a}.oil-guide-name{flex:1}.oil-guide-chevron{color:#94a3b8;margin-left:.5rem;font-size:.7rem}.oil-guide-body{background:#fffbeb;flex-direction:column;gap:.45rem;padding:.75rem 1rem;display:flex}.oil-guide-row{color:#374151;grid-template-columns:100px 1fr;gap:.5rem;font-size:.85rem;display:grid}.oil-guide-label{color:#92400e;white-space:nowrap;font-weight:600}.oil-guide-noinfo{color:#94a3b8;margin:0;font-size:.85rem}.source-badge{color:#0ea5e9;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;margin-left:.75rem;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.hardness-warning{color:#991b1b;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;flex-direction:column;gap:.3rem;padding:.85rem 1rem;font-size:.85rem;display:flex}.hardness-warning strong{font-size:.9rem}.hardness-warning p{margin:0}.app-fhco-section{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem 1.5rem}.fhco-scenarios-card{border-top:3px solid #f59e0b}.fhco-scenarios-hint{margin-bottom:1rem}.fhco-scenarios-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}@media (width<=1100px){.fhco-scenarios-grid{grid-template-columns:1fr}}.fhco-scenario-card{border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.fhco-scenario-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:.15rem;padding:.6rem .85rem;display:flex}.fhco-scenario-label{color:#1a1a2e;font-size:.875rem;font-weight:700}.fhco-scenario-ratio{color:#64748b;font-size:.775rem}.fhco-scenario-body{flex-direction:column;flex:1;gap:.85rem;padding:.75rem .85rem;display:flex}.fhco-sfc-title{color:#374151;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.fhco-sfc-values{flex-wrap:wrap;gap:.4rem;display:flex}.fhco-sfc-cell{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;flex-direction:column;align-items:center;min-width:52px;padding:.3rem .55rem;display:flex}.fhco-sfc-temp{color:#a16207;font-size:.7rem}.fhco-sfc-val{color:#92400e;font-size:.85rem;font-weight:700}.fhco-section-title{color:#374151;margin-bottom:.3rem;font-size:.75rem;font-weight:700}.fhco-text{color:#4b5563;font-size:.8rem;line-height:1.55}.fhco-tag-values{color:#4b5563;flex-wrap:wrap;gap:.75rem;margin-bottom:.4rem;font-size:.8rem;display:flex}.fhco-scenarios-disclaimer{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-size:.78rem;display:flex}.fhco-scenarios-disclaimer p{margin:0}.sector-templates-card{border-top:3px solid #6366f1;padding:0;overflow:hidden}.sector-templates-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.85rem 1.25rem;display:flex}.sector-templates-toggle:hover{background:#f8fafc}.sector-templates-title{color:#1a1a2e;flex:1;font-size:1rem;font-weight:700}.sector-templates-badge{color:#5b21b6;white-space:nowrap;background:#ede9fe;border:1px solid #c4b5fd;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.sector-templates-chevron{color:#6b7280;font-size:.75rem}.sector-templates-hint{margin-bottom:.75rem;padding:0 1.25rem}.sector-templates-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 1.25rem 1rem;display:grid}@media (width<=900px){.sector-templates-grid{grid-template-columns:1fr}}.sector-template-card{border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;transition:box-shadow .15s;display:flex;overflow:hidden}.sector-template-card:hover{box-shadow:0 4px 12px #0000001a}.sector-template-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:.6rem;padding:.65rem .85rem;display:flex}.sector-template-emoji{flex-shrink:0;font-size:1.5rem;line-height:1.2}.sector-template-meta{flex-direction:column;gap:.15rem;display:flex}.sector-template-name{color:#1a1a2e;font-size:.875rem;font-weight:700}.sector-template-oils{color:#64748b;font-size:.775rem}.sector-template-body{flex-direction:column;flex:1;gap:.5rem;padding:.65rem .85rem;display:flex}.sector-template-sfc{align-items:center;gap:.5rem;display:flex}.sector-template-sfc-label{color:#6b7280;font-size:.75rem;font-weight:600}.sector-template-sfc-value{color:#4f46e5;background:#ede9fe;border-radius:4px;padding:.1rem .45rem;font-size:.8rem;font-weight:700}.sector-template-cost{align-items:center;gap:.5rem;display:flex}.sector-template-cost-label{color:#6b7280;font-size:.75rem;font-weight:600}.sector-template-cost-value{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:.1rem .45rem;font-size:.8rem;font-weight:700}.sector-template-composition{flex-wrap:wrap;gap:.3rem;display:flex}.sector-template-comp-item{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.1rem .4rem;font-size:.72rem;font-weight:600}.btn-load-template{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;align-self:flex-start;margin-top:auto;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:background .15s}.btn-load-template:hover{background:#4338ca}.sector-templates-disclaimer{color:#92400e;background:#fffbeb;border-top:1px solid #fde68a;padding:.6rem 1.25rem;font-size:.78rem}.app-tabs{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.tab-btn{color:#cbd5e1;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:.4rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s,color .15s}.tab-btn:hover{color:#fff;background:#ffffff2e}.tab-btn--active{color:#1a1a2e;background:#f59e0b;border-color:#f59e0b}.save-blend-card{border-top:3px solid #f59e0b}.save-blend-row{align-items:center;gap:.5rem;display:flex}.save-blend-input{color:#1a1a2e;border:1px solid #d1d5db;border-radius:6px;flex:1;min-width:0;padding:.4rem .65rem;font-size:.875rem}.save-blend-input:focus{border-color:#f59e0b;outline:2px solid #f59e0b}.btn-save{white-space:nowrap;color:#1a1a2e;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.875rem;font-weight:700;transition:background .15s}.btn-save:hover:not(:disabled){background:#d97706}.btn-save:disabled{opacity:.5;cursor:not-allowed}.save-msg{color:#16a34a;margin:.4rem 0 0;font-size:.82rem;font-weight:600}.app-saved{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.25rem 2rem}.saved-page-title{color:#1a1a2e;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.saved-blends-list{flex-direction:column;gap:1rem;display:flex}.saved-blends-empty{text-align:center;color:#64748b;padding:3rem 1rem;font-size:1rem}.saved-blend-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000012}.saved-blend-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem .5rem;display:flex}.saved-blend-title-row{flex-direction:column;gap:.15rem;display:flex}.saved-blend-name{color:#1a1a2e;margin:0;font-size:1rem;font-weight:700}.saved-blend-date{color:#94a3b8;font-size:.75rem}.saved-blend-actions{align-items:center;gap:.5rem;display:flex}.btn-delete{color:#991b1b;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.btn-delete:hover{background:#fee2e2}.saved-blend-summary{flex-wrap:wrap;gap:.4rem;padding:0 1rem .75rem;display:flex}.blend-chip{color:#374151;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:.2rem .65rem;font-size:.78rem}.saved-blend-details{background:#f8fafc;border-top:1px solid #e2e8f0;flex-direction:column;gap:1.25rem;padding:1rem;display:flex}.detail-title{color:#374151;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.cost-calculator{background:#fff;border:1px solid #fde68a;border-radius:8px;padding:.85rem 1rem}.cost-title{color:#92400e;margin:0 0 .25rem;font-size:.9rem;font-weight:700}.cost-hint{color:#a16207;margin:0 0 .65rem;font-size:.78rem}.cost-rows{flex-direction:column;gap:.4rem;margin-bottom:.75rem;display:flex}.cost-row{grid-template-columns:1fr 48px 100px;align-items:center;gap:.5rem;display:grid}.cost-oil-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.cost-pct{color:#6b7280;text-align:right;font-size:.82rem}.cost-table-wrap{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.75rem;overflow-x:auto}.cost-table{border-collapse:collapse;background:#fff;width:100%;font-size:.85rem}.cost-table th{color:#92400e;white-space:nowrap;text-align:left;background:#fef9c3;border-bottom:1.5px solid #fde68a;padding:.45rem .6rem;font-weight:700}.cost-table td{vertical-align:middle;color:#1a1a2e;border-bottom:1px solid #f1f5f9;padding:.4rem .6rem}.cost-table tbody tr:last-child td{border-bottom:none}.cost-table tbody tr:hover{background:#fffbeb}.cost-th-pct,.cost-th-price,.cost-th-subtotal,.cost-td-pct,.cost-td-price,.cost-td-subtotal{text-align:right}.cost-td-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.82rem;overflow:hidden}.cost-empty{color:#cbd5e1}.cost-total-row{background:#fffbeb;border-top:2px solid #fde68a}.cost-total-row td{border-bottom:none;padding:.55rem .6rem}.cost-total-label{color:#92400e;font-size:.82rem;font-weight:700;text-align:left!important}.cost-total-value{text-align:right;white-space:nowrap}.cost-total-value strong{color:#78350f;font-size:1rem}.cost-total-unit{color:#a16207;font-size:.75rem}.cost-input{box-sizing:border-box;text-align:right;border:1px solid #d1d5db;border-radius:6px;width:100%;min-width:70px;max-width:110px;padding:.3rem .5rem;font-size:.82rem}.cost-input:focus{border-color:#f59e0b;outline:2px solid #f59e0b}.cost-result{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.875rem;display:flex}.cost-result strong{color:#78350f;font-size:1rem}.cost-incomplete{color:#94a3b8;margin:.4rem 0 0;font-size:.78rem}.btn-save-prices{color:#1a1a2e;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;width:100%;margin-bottom:.65rem;padding:.4rem .85rem;font-size:.82rem;font-weight:700;transition:background .15s;display:block}.btn-save-prices:hover{background:#d97706}.blend-chip--cost{color:#92400e;background:#fffbeb;border-color:#fde68a;font-weight:600}.saved-blends-toolbar{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.75rem 0;display:flex}.saved-blends-sort{align-items:center;gap:.5rem;display:flex}.toolbar-label{color:#374151;white-space:nowrap;font-size:.82rem;font-weight:600}.toolbar-select{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.35rem .65rem;font-size:.82rem}.toolbar-select:focus{border-color:#f59e0b;outline:2px solid #f59e0b}.toolbar-filter{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.toolbar-filter input[type=checkbox]{accent-color:#f59e0b;cursor:pointer;width:16px;height:16px}.saved-blends-no-results{text-align:center;color:#94a3b8;padding:2rem 1rem;font-style:italic}@media (width<=600px){.cost-row{grid-template-columns:1fr 40px 85px}.app-saved{padding:.75rem}.saved-blend-header{flex-direction:column;gap:.5rem}.saved-blend-actions{justify-content:flex-end;width:100%}.saved-page-title{font-size:1rem}.oil-prices-header{flex-direction:column;align-items:stretch}.oil-prices-header-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-save-all-prices,.btn-clear-prices{text-align:center;flex:1}.price-input{width:100%}.blend-row{grid-template-columns:1fr 60px 24px 28px}.fhco-sfc-values{gap:.3rem}.fhco-sfc-cell{min-width:44px;padding:.25rem .4rem}.result-table th,.result-table td,.cost-table th,.cost-table td{padding:.3rem .4rem;font-size:.78rem}.saved-blends-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem}.toolbar-select{width:100%}}.oil-prices-page{flex-direction:column;gap:1rem;display:flex}.oil-prices-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.oil-prices-title{color:#1a1a2e;margin-bottom:.3rem;font-size:1.2rem;font-weight:700}.oil-prices-hint{color:#64748b;max-width:600px;font-size:.85rem}.oil-prices-count{color:#16a34a;font-size:.82rem;font-weight:600}.oil-prices-header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-save-all-prices{white-space:nowrap;color:#1a1a2e;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.82rem;font-weight:700;transition:background .15s}.btn-save-all-prices:hover:not(:disabled){background:#d97706}.btn-save-all-prices:disabled{opacity:.6;cursor:not-allowed}.btn-clear-prices{white-space:nowrap;color:#991b1b;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;flex-shrink:0;padding:.4rem .85rem;font-size:.82rem;font-weight:600}.btn-clear-prices:hover{background:#fee2e2}.oil-prices-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto;box-shadow:0 2px 8px #00000012}.oil-prices-table{border-collapse:collapse;background:#fff;width:100%;font-size:.875rem}.oil-prices-table thead tr{background:#f1f5f9}.oil-prices-table th{color:#374151;text-align:left;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:.6rem 1rem;font-weight:700}.oil-prices-table th:nth-child(2),.oil-prices-table th:nth-child(3){text-align:center}.oil-prices-table td{color:#1a1a2e;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.45rem 1rem}.oil-prices-table tbody tr:last-child td{border-bottom:none}.oil-prices-table tbody tr:hover{background:#fafbfc}.oil-prices-name{color:#1a1a2e;font-size:.875rem}.oil-prices-input-cell,.oil-prices-status-cell{text-align:center}.price-input{box-sizing:border-box;text-align:right;border:1px solid #d1d5db;border-radius:6px;width:130px;padding:.3rem .5rem;font-size:.875rem}.price-input:focus{border-color:#f59e0b;outline:2px solid #f59e0b}.price-status{white-space:nowrap;font-size:.78rem;font-weight:600}.price-status--saved{color:#16a34a}.price-status--set{color:#0ea5e9}.price-status--empty{color:#cbd5e1}.oil-prices-footer-note{color:#94a3b8;font-size:.78rem}.table-scroll-wrap{overflow-x:auto}.login-overlay{z-index:1000;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 60%,#0f3460 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{text-align:center;background:#fff;border-radius:1rem;width:100%;max-width:380px;padding:2.5rem 2rem 2rem;box-shadow:0 8px 40px #00000059}.login-title{color:#1a1a2e;margin-bottom:.4rem;font-size:1.35rem;font-weight:700}.login-subtitle{color:#64748b;margin-bottom:1.75rem;font-size:.8rem}.login-form{text-align:left;flex-direction:column;gap:.75rem;display:flex}.login-label{color:#334155;font-size:.85rem;font-weight:600}.login-input{box-sizing:border-box;border:1.5px solid #cbd5e1;border-radius:.5rem;outline:none;width:100%;padding:.65rem .85rem;font-size:.95rem;transition:border-color .15s}.login-input:focus{border-color:#f59e0b}.login-input--error{border-color:#ef4444}.login-error{color:#ef4444;margin:0;font-size:.8rem}.login-btn{color:#1a1a2e;cursor:pointer;background:#f59e0b;border:none;border-radius:.5rem;margin-top:.5rem;padding:.7rem;font-size:.95rem;font-weight:700;transition:background .15s,transform .1s}.login-btn:hover{background:#d97706}.login-btn:active{transform:scale(.98)}.panel-header-right{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.sfc-range-toggle{border:1px solid #d1d5db;border-radius:6px;display:flex;overflow:hidden}.toggle-btn{color:#475569;cursor:pointer;background:#f8fafc;border:none;padding:.25rem .65rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s}.toggle-btn:hover{background:#e2e8f0}.toggle-btn--active{color:#f59e0b;background:#1a1a2e}.share-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.btn-share{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:6px;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:background .15s}.btn-share:hover{background:#2563eb}.share-hint{color:#64748b;font-size:.75rem}.export-panel{border-top:3px solid #3b82f6}.export-buttons{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.btn-export{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.1rem;font-size:.875rem;font-weight:600;transition:background .15s,opacity .15s}.btn-export:disabled{opacity:.6;cursor:not-allowed}.btn-export--pdf{color:#fff;background:#ef4444}.btn-export--pdf:hover:not(:disabled){background:#dc2626}.btn-export--excel{color:#fff;background:#22c55e}.btn-export--excel:hover:not(:disabled){background:#16a34a}.comparison-page{flex-direction:column;gap:1.25rem;width:100%;max-width:1400px;margin:0 auto;padding:1.25rem 2rem;display:flex}.comparison-header{flex-direction:column;gap:.4rem;display:flex}.comparison-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.btn-add-scenario{color:#1a1a2e;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;padding:.4rem .9rem;font-size:.875rem;font-weight:600;transition:background .15s}.btn-add-scenario:hover{background:#d97706}.comparison-inputs{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:1rem;display:grid}.comparison-scenario-col{flex-direction:column;gap:.5rem;display:flex}.scenario-col-header{justify-content:space-between;align-items:center;display:flex}.scenario-badge{color:#fff;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.btn-remove-scenario{cursor:pointer;color:#ef4444;background:0 0;border:none;padding:0 .25rem;font-size:1.2rem}.btn-remove-scenario:hover{color:#dc2626}.comparison-chart-card,.comparison-fa-card{width:100%}.comparison-table td:first-child{white-space:nowrap}.scenario-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.scenario-cost-badge{margin-top:.5rem}.cost-chip{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.8rem;display:inline-flex}.cost-chip--empty{color:#94a3b8;background:#f1f5f9;border-color:#cbd5e1}.comparison-save-card{margin-bottom:.75rem}.comparison-save-card h3{margin-bottom:.5rem;font-size:.95rem;font-weight:700}.save-comparison-row{align-items:center;gap:.5rem;display:flex}.comparison-cost-card{width:100%}.comparison-cost-chart{max-height:260px}.btn-show-saved{color:#0369a1;cursor:pointer;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;display:flex}.btn-show-saved:hover{background:#bae6fd}.saved-count-badge{color:#fff;background:#0369a1;border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.saved-comparisons-panel{margin-bottom:.75rem}.panel-sub-title{color:#1a1a2e;margin-bottom:.75rem;font-size:.95rem;font-weight:700}.saved-comparisons-list{flex-direction:column;gap:.5rem;display:flex}.saved-comparison-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.saved-comparison-info{flex-direction:column;gap:.15rem;display:flex}.saved-comparison-name{color:#1a1a2e;font-size:.9rem;font-weight:600}.saved-comparison-date{color:#94a3b8;font-size:.75rem}.saved-comparison-scenarios{color:#64748b;font-size:.75rem}.saved-comparison-actions{flex-shrink:0;gap:.4rem;display:flex}.btn-load-comparison{color:#166534;cursor:pointer;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;padding:.3rem .65rem;font-size:.8rem}.btn-load-comparison:hover{background:#dcfce7}.btn-delete-comparison{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fca5a5;border-radius:6px;padding:.3rem .5rem;font-size:.85rem}.btn-delete-comparison:hover{background:#fee2e2}.db-admin-page{max-width:900px;margin:0 auto;padding:1.25rem 1rem}.db-admin-header{margin-bottom:1.5rem}.db-admin-title{color:#1a1a2e;margin-bottom:.4rem;font-size:1.4rem;font-weight:700}.db-admin-hint{color:#64748b;margin-bottom:.75rem;font-size:.875rem}.btn-refresh-stats{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:.4rem .9rem;font-size:.85rem}.btn-refresh-stats:hover:not(:disabled){background:#e2e8f0}.btn-refresh-stats:disabled{opacity:.6;cursor:not-allowed}.db-admin-loading{color:#64748b;font-size:.9rem}.db-admin-offline{color:#713f12;background:#fef9c3;border:1px solid #fde047;border-radius:8px;padding:1rem 1.25rem}.db-stats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.db-stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;display:flex;box-shadow:0 1px 4px #0000000d}.db-stat-icon{font-size:1.5rem}.db-stat-value{color:#1a1a2e;font-size:1.6rem;font-weight:700}.db-stat-label{color:#64748b;text-align:center;font-size:.72rem;line-height:1.3}.db-admin-table-card{margin-bottom:1rem}.db-admin-table-card h3{margin-bottom:.5rem;font-size:1rem;font-weight:700}.db-admin-warning{color:#b45309;margin-bottom:.75rem}.db-admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.db-admin-table th,.db-admin-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:.6rem .75rem}.db-admin-table th{color:#475569;background:#f8fafc;font-weight:600}.db-admin-table tr:last-child td{border-bottom:none}.btn-purge{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:.3rem .75rem;font-size:.8rem}.btn-purge:hover:not(:disabled){background:#fecaca}.btn-purge:disabled{opacity:.45;cursor:not-allowed}.btn-purge--done{color:#166534;background:#dcfce7;border-color:#86efac}.btn-purge--error{color:#713f12;background:#fef9c3;border-color:#fde047}.db-admin-footer-note{color:#94a3b8;margin-top:1rem;font-size:.75rem}.advisor-card{padding:0;overflow:hidden}.advisor-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.advisor-toggle:hover{background:#f8fafc}.advisor-title{color:#1a1a2e;flex:1;font-size:1rem;font-weight:700}.advisor-badge{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.advisor-body{border-top:1px solid #e2e8f0;padding:0 1.25rem 1.25rem}.advisor-section{margin-top:1rem}.advisor-label{color:#374151;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.advisor-sector-grid{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.advisor-sector-btn{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .6rem;transition:border-color .15s,background .15s;display:flex}.advisor-sector-btn:hover,.advisor-sector-btn--active{background:#eef2ff;border-color:#6366f1}.advisor-sector-emoji{flex-shrink:0;font-size:1.1rem}.advisor-sector-label{color:#1e293b;font-size:.78rem;font-weight:500}.advisor-sfc-targets{flex-direction:column;gap:.4rem;display:flex}.advisor-target-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.advisor-target-label{color:#475569;flex-shrink:0;width:110px;font-size:.8rem}.advisor-target-input{text-align:center;border:1px solid #d1d5db;border-radius:6px;width:60px;padding:.3rem .4rem;font-size:.875rem}.advisor-target-sep{color:#94a3b8;font-size:1rem}.advisor-freetext{resize:vertical;color:#1a1a2e;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.5rem;font-size:.85rem}.advisor-freetext:focus{border-color:#6366f1;outline:2px solid #6366f1}.advisor-toggles-row{flex-direction:column;gap:.75rem;display:flex}.advisor-toggles{flex-wrap:wrap;gap:.75rem;display:flex}.advisor-toggle-label{color:#374151;cursor:pointer;align-items:center;gap:.35rem;font-size:.82rem;display:flex}.advisor-budget-row,.advisor-maxoils-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.advisor-budget-row .advisor-label,.advisor-maxoils-row .advisor-label{flex-shrink:0;width:auto;margin-bottom:0}.advisor-budget-btns,.advisor-maxoils-btns{gap:.3rem;display:flex}.advisor-budget-btn,.advisor-maxoils-btn{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;padding:.3rem .65rem;font-size:.78rem;font-weight:500;transition:border-color .12s,background .12s}.advisor-budget-btn:hover,.advisor-maxoils-btn:hover{border-color:#6366f1}.advisor-budget-btn--active,.advisor-maxoils-btn--active{color:#fff;background:#6366f1;border-color:#6366f1}.advisor-exclude-grid{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:.2rem .6rem;max-height:140px;padding:.4rem;display:grid;overflow-y:auto}.advisor-exclude-item{color:#374151;cursor:pointer;align-items:center;gap:.3rem;font-size:.78rem;display:flex}.advisor-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;width:100%;margin-top:1.1rem;padding:.65rem 1rem;font-size:.95rem;font-weight:700;transition:opacity .15s}.advisor-submit-btn:hover{opacity:.9}.advisor-error{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;margin-top:.75rem;padding:.6rem .9rem;font-size:.85rem}.advisor-loading{color:#475569;text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;font-size:.9rem;display:flex}@keyframes advisor-spin{to{transform:rotate(360deg)}}.advisor-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite advisor-spin}.advisor-results-header{justify-content:space-between;align-items:flex-start;margin-top:.75rem;margin-bottom:.5rem;display:flex}.advisor-results-title-group{flex-direction:column;gap:.15rem;display:flex}.advisor-sector-heading{color:#1a1a2e;margin:0;font-size:1.05rem;font-weight:700}.advisor-results-title{color:#475569;font-size:.85rem;font-weight:500}.advisor-back-btn{cursor:pointer;color:#475569;background:0 0;border:1.5px solid #e2e8f0;border-radius:6px;padding:.3rem .65rem;font-size:.8rem}.advisor-back-btn:hover{color:#6366f1;border-color:#6366f1}.advisor-result-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.advisor-result-tab{cursor:pointer;color:#475569;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;padding:.3rem .75rem;font-size:.78rem;font-weight:500}.advisor-result-tab:hover{color:#6366f1;border-color:#6366f1}.advisor-result-tab--active{color:#fff;background:#6366f1;border-color:#6366f1}.advisor-result-card{background:#fafafa;border:1.5px solid #e2e8f0;border-radius:10px;padding:1rem}.advisor-result-strategy{color:#6366f1;font-size:.85rem;font-weight:700}.advisor-blend-composition{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.advisor-oil-chip{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .7rem;display:flex}.advisor-oil-percent{color:#4f46e5;font-size:.85rem;font-weight:700}.advisor-oil-name{color:#1e293b;font-size:.8rem}.advisor-sfc-summary{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.advisor-sfc-item{background:#f1f5f9;border-radius:8px;flex-direction:column;align-items:center;min-width:60px;padding:.4rem .7rem;display:flex}.advisor-sfc-temp{color:#64748b;font-size:.72rem}.advisor-sfc-val{color:#1e293b;font-size:.95rem;font-weight:700}.advisor-sfc-primary{color:#4f46e5}.advisor-sfc-melt{color:#dc2626}.advisor-fa-summary{color:#475569;background:#f8fafc;border-radius:6px;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;padding:.4rem .6rem;font-size:.8rem;display:flex}.advisor-roles{margin-bottom:.75rem}.advisor-roles-title{color:#374151;margin-bottom:.4rem;font-size:.82rem;font-weight:600}.advisor-role-row{align-items:flex-start;gap:.5rem;margin-bottom:.4rem;display:flex}.advisor-role-percent{color:#4f46e5;flex-shrink:0;width:32px;font-size:.85rem;font-weight:700}.advisor-role-info{flex-direction:column;display:flex}.advisor-role-name{color:#1e293b;font-size:.82rem;font-weight:600}.advisor-role-desc{color:#64748b;font-size:.77rem;line-height:1.4}.advisor-role-cost{color:#d97706;font-size:.72rem;font-weight:600}.advisor-cost-summary{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .85rem;display:flex}.advisor-cost-label{color:#92400e;font-size:.8rem;font-weight:600}.advisor-cost-value{color:#b45309;font-size:.9rem;font-weight:700}.advisor-cost-missing{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;margin-bottom:.75rem;padding:.4rem .75rem;font-size:.78rem}.advisor-result-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.advisor-result-cost{color:#d97706;white-space:nowrap;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:.15rem .65rem;font-size:.8rem;font-weight:700}.advisor-result-tab{flex-direction:column;align-items:center;gap:.1rem;display:flex}.advisor-tab-cost{color:#d97706;opacity:.9;font-size:.7rem;font-weight:600}.advisor-tab-label{font-weight:600}.advisor-tab-desc{opacity:.75;text-align:center;font-size:.65rem;font-weight:400;line-height:1.2}.advisor-result-strategy-group{flex-direction:column;gap:.1rem;display:flex}.advisor-result-strategy-desc{color:#64748b;font-size:.75rem;font-weight:400}.advisor-apply-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.advisor-apply-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:8px;padding:.55rem 1.1rem;font-size:.875rem;font-weight:700;transition:opacity .15s}.advisor-apply-btn:hover:not(:disabled){opacity:.9}.advisor-apply-btn:disabled{opacity:.7;cursor:default}.advisor-apply-btn--done{background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%)}.advisor-apply-hint{color:#64748b;flex:1;font-size:.75rem}.advisor-compare-all-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;border-radius:8px;padding:.55rem 1.1rem;font-size:.875rem;font-weight:700;transition:opacity .15s}.advisor-compare-all-btn:hover:not(:disabled){opacity:.9}.advisor-compare-all-btn:disabled{opacity:.7;cursor:default}.advisor-compare-all-btn--done{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%)}.advisor-explanation{border-top:1px solid #e2e8f0;padding-top:.5rem}.advisor-explanation-toggle{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.82rem}.advisor-explanation-text{color:#374151;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;max-height:260px;margin-top:.5rem;padding:.6rem;font-family:inherit;font-size:.78rem;line-height:1.5;overflow-y:auto}.oil-standards-page{width:100%;max-width:1200px;margin:0 auto;padding:1.25rem 2rem}.oil-standards-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.oil-standards-title{color:#1a1a2e;margin-bottom:.3rem;font-size:1.25rem;font-weight:700}.oil-standards-hint{color:#64748b;max-width:680px;font-size:.875rem}.btn-restore-all{color:#1a1a2e;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:7px;padding:.6rem 1.1rem;font-size:.875rem;font-weight:700;transition:background .15s,opacity .15s}.btn-restore-all:hover{background:#d97706}.btn-restore-all:disabled{opacity:.6;cursor:not-allowed}.btn-restore-all--done{color:#fff;background:#22c55e}.btn-restore-all--error{color:#fff;background:#ef4444}.oil-standards-offline{color:#92400e;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.oil-standards-list{flex-direction:column;gap:.5rem;display:flex}.oil-standards-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:box-shadow .15s;overflow:hidden;box-shadow:0 1px 4px #0000000d}.oil-standards-item--expanded{border-color:#f59e0b;box-shadow:0 3px 12px #0000001a}.oil-standards-item-header{flex-wrap:wrap;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}.oil-standards-item-name{flex-direction:column;flex:0 0 200px;min-width:200px;display:flex}.oil-standards-item-slug{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-family:monospace;font-size:.75rem;font-weight:700}.oil-standards-item-fullname{color:#1a1a2e;font-size:.85rem;font-weight:600}.oil-standards-sfc-preview{flex-wrap:wrap;flex:1;gap:.3rem;display:flex}.sfc-preview-chip{background:#f1f5f9;border-radius:5px;flex-direction:column;align-items:center;min-width:38px;padding:.2rem .4rem;display:flex}.sfc-preview-temp{color:#94a3b8;font-size:.65rem;font-weight:600}.sfc-preview-val{color:#1e40af;font-size:.8rem;font-weight:700}.btn-edit-oil{color:#fff;cursor:pointer;white-space:nowrap;background:#1e40af;border:none;border-radius:6px;flex-shrink:0;padding:.35rem .8rem;font-size:.8rem;font-weight:600;transition:background .15s}.btn-edit-oil:hover{background:#1d4ed8}.oil-standards-edit-form{background:#f8fafc;border-top:1px solid #e2e8f0;flex-direction:column;gap:1rem;padding:1rem;display:flex}.oil-standards-section-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.oil-standards-sfc-grid,.oil-standards-fa-grid{flex-wrap:wrap;gap:.6rem;display:flex}.oil-standards-field{flex-direction:column;gap:.2rem;display:flex}.oil-standards-field-label{color:#64748b;font-size:.73rem;font-weight:600}.oil-standards-input{color:#1a1a2e;background:#fff;border:1px solid #cbd5e1;border-radius:5px;width:72px;padding:.3rem .5rem;font-size:.85rem;transition:border-color .15s}.oil-standards-input:focus{border-color:#f59e0b;outline:none}.oil-standards-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.oil-standards-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn-save-standards{color:#fff;cursor:pointer;background:#1e40af;border:none;border-radius:7px;padding:.45rem 1rem;font-size:.85rem;font-weight:700;transition:background .15s,opacity .15s}.btn-save-standards:hover{background:#1d4ed8}.btn-save-standards:disabled{opacity:.55;cursor:not-allowed}.btn-save-standards--done{background:#22c55e}.btn-save-standards--error{background:#ef4444}.btn-restore-oil{color:#92400e;cursor:pointer;background:#fff;border:1.5px solid #f59e0b;border-radius:7px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s,opacity .15s}.btn-restore-oil:hover{background:#fef3c7}.btn-restore-oil:disabled{opacity:.55;cursor:not-allowed}.btn-restore-oil--done{color:#fff;background:#22c55e;border-color:#22c55e}.btn-restore-oil--error{color:#fff;background:#ef4444;border-color:#ef4444}.oil-standards-footer-note{color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:1.25rem;padding-top:.75rem;font-size:.78rem}.oil-standards-item--inactive{opacity:.7;background:#fafafa}.oil-standards-item--inactive .oil-standards-item-fullname{color:#94a3b8;text-decoration:line-through}.oil-standards-item--inactive .sfc-preview-chip{opacity:.5}.oil-active-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.4rem;display:flex}.oil-active-toggle--loading{opacity:.6;pointer-events:none}.oil-active-checkbox{opacity:0;width:0;height:0;position:absolute}.oil-active-slider{background:#cbd5e1;border-radius:9px;flex-shrink:0;width:34px;height:18px;transition:background .2s;display:inline-block;position:relative}.oil-active-slider:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.oil-active-checkbox:checked+.oil-active-slider{background:#22c55e}.oil-active-checkbox:checked+.oil-active-slider:after{left:18px}.oil-active-label{color:#64748b;min-width:32px;font-size:.75rem;font-weight:600}.oil-active-checkbox:checked~.oil-active-label{color:#16a34a}.app-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.app-header-user{flex-shrink:0;align-items:center;gap:.75rem;padding-top:.25rem;display:flex}.app-user-info{color:#cbd5e1;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.user-role-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.role-admin{color:#1a1a2e;background:#f59e0b}.role-member{color:#fff;background:#3b82f6}.btn-logout{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;font-weight:600;transition:background .15s}.btn-logout:hover{background:#ffffff38}.login-tabs{border-bottom:2px solid #e2e8f0;margin-bottom:1.25rem;display:flex}.login-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:color .15s,border-color .15s}.login-tab--active{color:#1a1a2e;border-bottom-color:#f59e0b}.login-tab:hover:not(.login-tab--active){color:#334155}.login-success{color:#16a34a;text-align:left;background:#dcfce7;border:1px solid #bbf7d0;border-radius:.5rem;margin-bottom:.75rem;padding:.6rem .85rem;font-size:.85rem}.login-register-hint{color:#64748b;text-align:center;margin-top:.75rem;font-size:.8rem}.login-link-btn{color:#f59e0b;cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.login-link-btn:hover{color:#d97706}.pending-card{text-align:center}.pending-icon{margin-bottom:.5rem;font-size:3rem}.pending-title{color:#1a1a2e;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.pending-text{color:#475569;margin-bottom:.5rem;font-size:.9rem}.pending-email{color:#1a1a2e;margin-bottom:.5rem;font-size:.85rem}.pending-hint{color:#64748b;margin-bottom:1rem;font-size:.8rem}.pending-msg{margin-bottom:.75rem}.pending-check-btn{width:100%;margin-bottom:.75rem}.pending-logout-btn{margin:0 auto;display:block}.tab-btn--admin{border-left:2px solid #f59e0b}.admin-users-page{max-width:1100px;margin:0 auto;padding:1.5rem 2rem}.admin-users-header{margin-bottom:1.5rem}.admin-users-title{color:#1a1a2e;margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.admin-users-hint{color:#64748b;margin-bottom:.75rem;font-size:.85rem}.admin-users-section{margin-bottom:2rem}.admin-users-section-title{color:#1a1a2e;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.admin-users-count-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.admin-users-loading{color:#64748b;font-size:.9rem}.admin-users-no-pending{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:.9rem}.admin-users-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.admin-users-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-users-table th{color:#475569;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.65rem 1rem;font-weight:600}.admin-users-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.65rem 1rem}.admin-users-table tr:last-child td{border-bottom:none}.admin-users-table tr:hover td{background:#fafafa}.user-row-pending td{background:#fffbeb}.user-email-cell{color:#1a1a2e;font-weight:600}.user-role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.user-role-badge.role-admin{color:#a16207;background:#fef9c3;border:1px solid #fde68a}.user-role-badge.role-member{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.user-status-badge{border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.user-status-badge.status-pending{color:#a16207;background:#fef9c3;border:1px solid #fde68a}.user-status-badge.status-approved{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.user-status-badge.status-rejected{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.user-actions-cell{white-space:nowrap}.user-actions-row{flex-wrap:wrap;gap:.35rem;display:flex}.user-action-loading{color:#94a3b8}.user-action-done{color:#16a34a;font-weight:600}.user-action-error{color:#ef4444;font-weight:600}.btn-approve{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-approve:hover{background:#15803d}.btn-reject{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-reject:hover{background:#dc2626}.btn-make-admin{color:#1a1a2e;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-make-admin:hover{background:#d97706}.btn-make-member{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-make-member:hover{background:#2563eb}.btn-sm{padding:.25rem .5rem;font-size:.78rem}