:root{--primary:#0a1628;--secondary:#0d1f3c;--surface:#132035;--surface-2:#1a2a44;--accent:#00d4aa;--accent-dim:#00d4aa26;--error:#ff4b6e;--warning:#f59e0b;--text:#fff;--text-secondary:#8899b2;--text-muted:#5a6e8a;--border:#243656;--border-light:#1e3355;--input-bg:#0f1d33;--radius:12px;--radius-sm:8px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body{background:var(--primary);height:100%;color:var(--text);margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}*{-webkit-tap-highlight-color:transparent}button{cursor:pointer}input,select,textarea{font-family:inherit}.app{background:var(--primary);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.page{background:var(--primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.page-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow-y:auto}.page-content{width:100%;max-width:600px;margin:0 auto;padding:0 16px 32px}.pt-safe{padding-top:max(env(safe-area-inset-top,0px), 20px)}.pb-nav{padding-bottom:calc(64px + max(env(safe-area-inset-bottom,0px), 8px))}.bg-gradient{pointer-events:none;z-index:0;background:linear-gradient(160deg,#0a1628 0%,#0d1f3c 50%,#0a1628 100%);position:fixed;inset:0}.page>*{z-index:1;position:relative}.page-header{padding:max(env(safe-area-inset-top,0px), 20px) 16px 16px;flex-direction:column;gap:4px;display:flex}.page-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-title{color:var(--text);font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:13px}.btn-back{color:var(--text);background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:15px;font-weight:500;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.divider{background:var(--border);height:1px;margin:14px 0}.greeting-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:14px 16px}.greeting-row{justify-content:space-between;align-items:center;display:flex}.user-avatar{background:var(--accent-dim);border:1.5px solid var(--accent);width:40px;height:40px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text);font-size:15px;font-weight:600}.user-role{color:var(--text-muted);font-size:12px}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--surface-2);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--border)}.icon-btn.admin{color:var(--warning)}.date-row{align-items:center;gap:8px;margin-top:8px;display:flex}.date-text{color:var(--text-muted);font-size:12px}.section-label{color:var(--text);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.radio-group{flex-wrap:wrap;gap:20px;display:flex}.radio-option{cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:flex}.radio-outer{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s;display:flex}.radio-outer.active{border-color:var(--accent)}.radio-inner{background:var(--accent);border-radius:50%;width:10px;height:10px}.radio-label{color:var(--text-secondary);font-size:14px;font-weight:500}.radio-label.active{color:var(--accent)}.sample-summary{cursor:pointer;background:#00d4aa14;border:1px solid #00d4aa40;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;display:flex}.sample-summary-text{color:var(--accent);flex:1;font-size:12px}.input-group{margin-bottom:14px}.input-label{color:var(--text);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.input-range{color:var(--text-muted);margin-top:4px;font-size:11px}.input-wrap{position:relative}.input-field{background:var(--input-bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);appearance:none;outline:none;padding:10px 14px;font-size:16px;transition:border-color .2s}.input-field:focus{border-color:var(--accent)}.input-field::placeholder{color:var(--text-muted)}.input-field.error{border-color:var(--error)}.unit-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.unit-chip{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .2s}.unit-chip.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0a1628}.btn-primary:not(:disabled):hover{background:#00b899}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-danger{color:var(--error);background:#ff4b6e26;border:1px solid #ff4b6e4d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-sm{border-radius:6px;width:auto;padding:8px 14px;font-size:13px}.btn-xs{border-radius:6px;width:auto;padding:5px 10px;font-size:12px}.btn-row{gap:10px;display:flex}.record-kind-row{gap:8px;display:flex}.record-kind-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.record-kind-btn.active-test{border-color:var(--warning);color:var(--warning);background:#f59e0b1f}.record-kind-btn.active-real{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:4px;padding:20px}.result-vol{text-align:center;margin:4px 0;font-size:48px;font-weight:800;line-height:1}.result-unit{color:var(--text-secondary);text-align:center;margin-bottom:12px;font-size:16px;font-weight:500}.result-label-badge{border-radius:20px;align-items:center;margin-bottom:14px;padding:4px 14px;font-size:13px;font-weight:700;display:inline-flex}.result-bar-bg{background:var(--border);border-radius:5px;height:10px;margin-bottom:8px;position:relative;overflow:visible}.result-bar-fill{border-radius:5px;height:100%;transition:width .6s}.result-bar-markers{justify-content:space-between;margin-top:4px;display:flex}.result-bar-marker{color:var(--text-muted);font-size:10px}.result-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:4px;margin-top:10px;font-size:12px;display:flex}.error-msg{color:var(--error);background:#ff4b6e1a;border:1px solid #ff4b6e4d;border-radius:6px;margin-top:6px;padding:10px 12px;font-size:13px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding:8px 0 max(env(safe-area-inset-bottom,0px), 8px);flex-shrink:0;align-items:center;display:flex}.nav-item{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:4px 0;text-decoration:none;transition:color .2s;display:flex;position:relative}.nav-item.active{color:var(--accent)}.nav-label{font-size:10px;font-weight:500}.nav-badge{background:var(--error);color:#fff;text-align:center;border-radius:10px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:2px;right:calc(50% - 16px)}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:10px;padding:14px}.history-item:active{opacity:.8}.history-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.history-vol{font-size:22px;font-weight:800}.history-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.status-badge{border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-optimal{color:var(--accent);background:#00d4aa26}.status-low{color:#ff8c00;background:#ff8c0026}.status-caution{color:var(--warning);background:#f59e0b26}.status-high{color:var(--error);background:#ff4b6e26}.history-detail{color:var(--text-secondary);flex-wrap:wrap;gap:10px;margin-top:6px;font-size:13px;display:flex}.history-detail-item{align-items:center;gap:4px;display:flex}.test-badge{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.delete-btn-row{justify-content:flex-end;margin-top:10px;display:flex}.filter-row{gap:6px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-chip{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;flex-shrink:0;padding:5px 14px;font-size:12px;font-weight:500;transition:all .2s}.filter-chip.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state-icon{color:var(--text-muted);opacity:.5}.empty-state-text{color:var(--text-secondary);font-size:16px;font-weight:600}.empty-state-sub{color:var(--text-muted);font-size:13px}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-overlay.center{align-items:center}.modal-sheet{background:var(--surface);border:1px solid var(--border);border-radius:20px 20px 0 0;width:100%;max-width:600px;max-height:90dvh;padding:20px;overflow-y:auto}.modal-sheet.center-modal{border-radius:16px;width:calc(100% - 32px);margin:16px}.modal-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.modal-title{color:var(--text);margin-bottom:16px;font-size:18px;font-weight:700}.tab-bar{border-bottom:1px solid var(--border);margin-bottom:0;display:flex}.tab-item{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 4px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-item-icon{color:inherit}.user-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:14px}.user-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.user-avatar-sm{background:var(--accent-dim);width:36px;height:36px;color:var(--accent);border:1.5px solid #00d4aa4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.user-card-name{color:var(--text);font-size:14px;font-weight:600}.user-card-email{color:var(--text-muted);font-size:12px}.role-badge{border-radius:10px;align-items:center;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.user-card-actions{flex-wrap:wrap;gap:6px;display:flex}.action-chip{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.user-status-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.active-dot{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.stat-val{color:var(--text);font-size:28px;font-weight:800}.stat-label{color:var(--text-muted);margin-top:2px;font-size:12px}.login-page{background:var(--primary);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-logo{text-align:center;margin-bottom:32px}.login-logo-text{color:var(--text);font-size:26px;font-weight:800}.login-logo-sub{color:var(--text-muted);margin-top:4px;font-size:13px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;padding:24px}.login-title{margin-bottom:20px;font-size:20px;font-weight:700}.change-pass-page{background:var(--primary);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.req-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:14px}.req-reason{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.req-justif{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.req-meta{color:var(--text-muted);font-size:12px}.req-actions{gap:8px;margin-top:10px;display:flex}.pending-badge{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;display:inline-flex}.manual-section{margin-bottom:20px}.manual-section-title{color:var(--text);align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:700;display:flex}.manual-p{color:var(--text-secondary);margin-bottom:8px;font-size:14px;line-height:1.6}.co2-table{border-collapse:collapse;width:100%;font-size:13px}.co2-table th{background:var(--surface-2);color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);padding:8px 12px}.co2-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:8px 12px}.co2-table tr:last-child td{border-bottom:none}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{justify-content:center;align-items:center;height:100%;display:flex}.trend-chart{align-items:flex-end;gap:3px;height:60px;padding:0 4px;display:flex}.trend-bar-wrap{flex:1;align-items:flex-end;display:flex}.trend-bar{border-radius:3px 3px 0 0;width:100%;min-height:3px}.more-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible{outline:none}.toast{bottom:calc(80px + max(env(safe-area-inset-bottom,0px), 8px));background:var(--surface-2);border:1px solid var(--border);color:var(--text);z-index:200;white-space:nowrap;border-radius:8px;padding:10px 18px;font-size:14px;animation:.25s fadeUp;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}select.input-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235A6E8A' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.copy-msg{color:var(--accent);margin-top:6px;font-size:12px}.badge-approved{color:var(--accent);background:#00d4aa1f;border:1px solid #00d4aa40}.badge-rejected{color:var(--error);background:#ff4b6e1f;border:1px solid #ff4b6e40}.badge-pending{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b40}.info-box{color:var(--text-secondary);background:#00d4aa0f;border:1px solid #00d4aa33;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:12px;font-size:13px;display:flex}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.nav-links-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.nav-links-info{border-bottom:1px solid var(--border);background:#00d4aa0a;padding:10px 14px}.nav-link-item{border:none;border-top:1px solid var(--border);cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:13px 14px;transition:background .15s;display:flex}.nav-link-item:hover{background:var(--surface-2)}.nav-link-label{color:var(--text);font-size:14px;font-weight:500}.nav-link-badge{color:var(--accent);background:#00d4aa26;border:1px solid #00d4aa4d;border-radius:10px;justify-content:center;align-items:center;min-width:20px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-flex}.nav-links-card .btn{border-top:1px solid var(--border);border-radius:0}.result-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:8px;display:flex}.pt-tag{border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.pt-tag-p{color:var(--accent);background:#00d4aa1f;border:1px solid #00d4aa4d}.pt-tag-t{color:#ff7b6b;background:#ff7b6b1f;border:1px solid #ff7b6b4d}.date-group-header{justify-content:space-between;align-items:center;padding:4px 0 8px;display:flex}.date-group-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.history-item-v2{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;padding:12px 14px}.history-item-v2-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-bottom:4px;display:flex}.time-badge{color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:2px 8px;font-size:13px;font-weight:700}.type-badge-prod{color:var(--accent);background:#00d4aa1a;border:1px solid #00d4aa40;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.level-badge{border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.delete-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .15s;display:flex}.delete-icon-btn:hover{color:var(--error)}.history-params-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.param-tag{color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:2px 8px;font-size:12px}.history-vol-v2{margin-top:4px;font-size:26px;font-weight:800;line-height:1}