*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #242424;--surface: #2e2e2e;--surface2: #383838;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.16);--text: #ffffffde;--text-muted: rgba(255,255,255,.5);--text-hint: rgba(255,255,255,.3);--accent: #5b8dee;--accent-dim: rgba(91,141,238,.15);--danger: #e05c5c;--danger-dim: rgba(224,92,92,.12);--success: #5cb85c;--success-dim: rgba(92,184,92,.12);--warning: #e0a033;--radius: 8px;--radius-lg: 12px}[data-theme=light]{--bg: #f0f2f5;--surface: #ffffff;--surface2: #eaecf0;--border: rgba(0,0,0,.09);--border-hover: rgba(0,0,0,.18);--text: #1a1a2e;--text-muted: rgba(0,0,0,.5);--text-hint: rgba(0,0,0,.3);--accent: #3b6fd4;--accent-dim: rgba(59,111,212,.12);--danger: #c0392b;--danger-dim: rgba(192,57,43,.1);--success: #27ae60;--success-dim: rgba(39,174,96,.1);--warning: #c77b00}body{background:var(--bg);color:var(--text);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-height:100vh;min-width:320px;transition:background .2s,color .2s}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{opacity:.8}.app-topbar{height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;position:sticky;top:0;z-index:10}.app-title{font-size:16px;font-weight:500;letter-spacing:-.3px;color:var(--text);white-space:nowrap;margin-right:4px}.app-title span{color:var(--accent)}.topbar-tabs{display:flex;gap:2px}.topbar-sep{flex:1}.topbar-filters{display:flex;align-items:center;gap:16px}.app-content{padding:24px 28px}.option{display:inline-flex;align-items:center;padding:7px 14px;border-radius:var(--radius);font-size:14px;color:var(--text-muted);cursor:pointer;border:none;background:none;transition:background .15s,color .15s;font-family:inherit;font-weight:400;line-height:1}.option:hover{background:var(--surface2);color:var(--text)}.option.active{background:var(--accent-dim);color:var(--accent);font-weight:500}button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:400;cursor:pointer;border:1px solid var(--border-hover);background:var(--surface2);color:var(--text);font-family:inherit;line-height:1;transition:background .15s,border-color .15s}button:hover{background:var(--surface)}button:active{transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}button:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.addBtn{background:var(--accent);border-color:var(--accent);color:#fff}.addBtn:hover{background:#4a7de0;border-color:#4a7de0}.theme-toggle{background:none;border:1px solid var(--border-hover);color:var(--text-muted);padding:6px 10px;border-radius:var(--radius);font-size:15px;line-height:1;flex-shrink:0}.theme-toggle:hover{background:var(--surface2);color:var(--text)}.prod-change-btn{margin-left:8px;font-size:.8em;padding:2px 8px;border-radius:var(--radius);border:1px solid var(--border-hover);background:transparent;cursor:pointer;color:var(--text-muted)}.prod-change-btn:hover{background:var(--surface2);color:var(--text)}label{font-size:13px;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}input[type=text],input[type=number],input[type=date],input[type=datetime-local],input[type=email],input[type=password],select,textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:13px;color:var(--text);font-family:inherit;outline:none;transition:border-color .2s;-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select option{background:var(--surface2)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.tank-gauging-form table{border-spacing:0;border-collapse:collapse;width:100%;max-width:1000px}.tank-gauging-form table th:first-child{border-left:1px solid var(--border)}.tank-gauging-form table th{border-bottom:2px solid var(--border-hover);border-top:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);text-align:left;height:40px;padding:4px 10px;position:sticky;top:56px;z-index:2;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.tank-gauging-form table td:first-child{border-left:1px solid var(--border)}.tank-gauging-form table td{border-bottom:1px solid var(--border);text-align:left;height:36px;border-right:1px solid var(--border);padding:4px 10px;font-size:14px}.tank-gauging-form table .time{background:var(--surface2)}.tank-gauging-form table tbody tr:hover{background:var(--surface)}.tank-gauging-form table th:nth-child(2),.tank-gauging-form table td:nth-child(2){text-align:center}.tank-table{margin-top:4px;font-family:inherit;border-spacing:0;border-collapse:collapse;width:100%;max-width:1000px}.tank-table tr{height:36px}.tank-table td{border-bottom:1px solid var(--border);text-align:left;padding:4px 8px;font-size:13px;color:var(--text)}.tank-table thead th{font-size:12px;font-weight:500;text-align:left;border-bottom:2px solid var(--border-hover);position:sticky;top:0;background:var(--surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;z-index:2;padding:4px 8px}.tank-table tbody tr:hover{background:var(--surface2)}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;min-width:750px;height:771px;box-shadow:0 10px 40px #0006;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.modal-title{font-size:16px;font-weight:500;margin:0;color:var(--text)}.modal-close{border:none;background:none;font-size:1.4rem;cursor:pointer;color:var(--text-muted);padding:4px 8px;border-radius:var(--radius)}.modal-close:hover{color:var(--text);background:var(--surface2)}.modal-body{display:flex;flex-direction:column;gap:12px}.modal-details{padding-left:40px;border-left:1px solid var(--border);min-width:550px}.modal-details .label-group label:first-child{width:140px}.leftModal{margin-right:80px}.input-group{display:flex;flex-direction:column}.input-group-row{display:flex;flex-direction:row;align-items:center;gap:4px}.input-group label{width:80px;margin:0;text-align:left;font-size:12px;color:var(--text-muted);display:block}.input-group input{height:28px;width:100px}.input-group input[type=datetime-local]{height:28px;width:180px}.input-group-row .input-group{display:flex;flex-direction:column}.input-group-row input[type=checkbox]{width:15px;height:15px;margin-right:6px;padding:0;flex-shrink:0;accent-color:var(--accent)}.input-group-row .input-group label{width:auto}.input-group-row .input-group input{height:28px;width:40px;margin-right:5px}.label-group{display:flex;flex-direction:row;gap:8px;margin-bottom:4px}.label-group label{width:80px;margin:0;text-align:left;font-size:13px;color:var(--text-muted);display:block}.prod-list-item{padding:6px 10px;cursor:pointer;font-size:.85em;border-bottom:1px solid var(--border);color:var(--text);background:transparent;transition:background .1s}.prod-list-item:hover{background:var(--surface2)}.prod-list-item.selected{background:var(--accent-dim);color:var(--accent)}.prod-list-item.selected:hover{background:var(--accent-dim)}.table-wrapper{transition:opacity .3s ease;opacity:1}.table-wrapper.fade{opacity:0}.date-row{display:flex;justify-content:flex-end;margin-bottom:12px}.header-row{margin-bottom:12px}.date-filter{height:30px;font-size:13px}.addIcon{vertical-align:text-bottom}.editIcon{padding:3px;margin:5px 0 0 5px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);background:transparent;cursor:pointer}.editIcon:hover{background:var(--surface2);color:var(--text)}