:root{--text:#e8e6f0;--text-muted:#a8a3b8;--glass-bg:#ffffff14;--glass-bg-strong:#ffffff24;--glass-border:#ffffff2e;--accent-gradient:linear-gradient(135deg, #6a3df5 0%, #a23bdb 50%, #d43b7d 100%);--radius-lg:8px;--radius-md:8px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}html,body,#root{min-height:100%;margin:0}body{background-color:#14101c;background-image:radial-gradient(circle at 15% 20%,#d23c5a8c,#0000 40%),radial-gradient(circle at 85% 15%,#3c46c880,#0000 45%),radial-gradient(circle at 25% 85%,#7832c880,#0000 45%),radial-gradient(circle at 80% 80%,#281e5a99,#0000 50%);background-attachment:fixed}h1,h2,h3{color:var(--text);font-weight:600}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 32px #00000059}.glass-input{border:none;border-bottom:1px solid var(--glass-border);color:var(--text);background:0 0;outline:none;width:100%;padding:8px 4px;font-size:15px;transition:border-color .15s}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{border-bottom-color:var(--text)}.glass-button{background:var(--accent-gradient);color:#fff;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px 0;font-size:14px;font-weight:600;transition:filter .15s,transform .15s}.glass-button:hover:not(:disabled){filter:brightness(1.1)}.glass-button:active:not(:disabled){transform:scale(.98)}.glass-button:disabled{opacity:.6;cursor:not-allowed}.text-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px}.text-button.is-active{color:var(--text);border-bottom:2px solid var(--text);font-weight:600}.avatar-circle{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 24px;display:flex}.app-nav{justify-content:space-between;align-items:center;max-width:1100px;margin:16px auto;padding:14px 28px;display:flex}.app-nav>.glass-button-small{padding:8px 16px}.app-nav-tabs{flex-wrap:wrap;gap:10px;display:flex}.nav-button{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.nav-button:hover{background:var(--glass-bg-strong);color:var(--text)}.nav-button.is-active{color:#fff;background:#6a3df5;border-color:#0000}.nav-badge{color:#fff;background:#b3261e;border-radius:8px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.nav-badge.is-pulsing{animation:1.1s ease-in-out infinite nav-badge-pulse}@keyframes nav-badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 #b3261ed9}50%{transform:scale(1.22);box-shadow:0 0 0 7px #b3261e00}}.due-indicator{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.due-indicator.is-overdue{background:#ff4d4d;animation:2.4s ease-in-out infinite due-indicator-glow}.due-indicator.is-soon{background:#e6c65a}@keyframes due-indicator-glow{0%,to{box-shadow:0 0 2px #ff4d4d80}50%{box-shadow:0 0 8px 3px #ff4d4dd9}}.app-content{max-width:1100px;margin:0 auto;padding:0 28px 40px}.glass-section{margin-bottom:24px;padding:24px 28px}.glass-section h3{margin:0 0 16px;font-size:17px}.glass-list-row{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.glass-list-row:last-child{border-bottom:none}.glass-list-row-main{flex-direction:column;gap:2px;display:flex}.glass-list-row-detail{color:var(--text-muted);font-size:13px}.glass-list-row-actions{gap:8px;display:flex}.glass-input-boxed{border:1px solid var(--glass-border);color:var(--text);box-sizing:border-box;background:#ffffff0d;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:14px}.glass-input-boxed:focus{border-color:var(--text-muted)}.glass-input-boxed option{color:#1a1a1a;background:#fff}.field-label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.field-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.field-grid.is-two-col{grid-template-columns:repeat(2,1fr)}.field-label-row{align-items:center;gap:4px;display:flex}.section-description{color:var(--text-muted);margin:-8px 0 16px;font-size:13px}.field-hint{display:inline-flex;position:relative}.field-hint-icon{border:1px solid var(--glass-border);background:var(--glass-bg-strong);width:14px;height:14px;color:var(--text-muted);cursor:help;border-radius:50%;padding:0;font-size:10px;line-height:1}.field-hint-bubble{border:1px solid var(--glass-border);width:220px;max-width:60vw;color:var(--text);text-transform:none;z-index:200;background:#14101cf7;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.4;display:none;position:fixed}.field-hint:hover .field-hint-bubble,.field-hint-icon:focus+.field-hint-bubble{display:block}.glass-button-small{background:var(--glass-bg-strong);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 14px;font-size:13px}.glass-button-small:hover:not(:disabled){background:var(--glass-bg)}.glass-button-small:disabled{opacity:.5;cursor:not-allowed}.glass-button-small.is-danger{color:#ff8a8a}.glass-button-small.is-active{color:#fff;background:#6a3df5;border-color:#0000}.glass-button-small.has-unsaved-changes{color:#fff;background:#1a7a3c;border-color:#1a7a3c;font-weight:700;animation:2s ease-in-out infinite unsaved-changes-shake}@keyframes unsaved-changes-shake{0%,60%,to{transform:translate(0)}65%{transform:translate(-4px)}70%{transform:translate(4px)}75%{transform:translate(-3px)}80%{transform:translate(3px)}85%{transform:translate(0)}}.compartment-subform-row{align-items:flex-end;gap:10px;margin-bottom:10px;display:flex}.quick-add-row{align-items:flex-end;gap:10px;margin-top:16px;display:flex}.calibration-quick-entry-row{align-items:flex-end;gap:10px;margin-bottom:8px;display:flex}.status-banner{border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:14px}.status-banner.is-ok{color:#7be8ab;background:#3cc88226}.status-banner.is-editing{color:#e6c65a;background:#e6b42826}.status-banner.is-overloaded{color:#ff8a8a;background:#e646462e}.build-calculate-layout{grid-template-columns:1.3fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=1200px){.build-calculate-layout{grid-template-columns:1fr}}.build-calculate-results-column{max-height:calc(100vh - 40px);position:sticky;top:20px;overflow-y:auto}@media (width<=1200px){.build-calculate-results-column{max-height:none;position:static;overflow-y:visible}}.mobile-results-bar-wrapper{position:static}.mobile-results-bar{display:none}@media (width<=1200px){.mobile-results-bar-wrapper{z-index:20;position:sticky;top:0}.mobile-results-bar{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);width:100%;font:inherit;text-align:left;color:var(--text-muted);cursor:pointer;background:#14101ceb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;font-size:13px;display:flex}.mobile-results-bar.is-ok{color:#7be8ab}.mobile-results-bar.is-editing{color:#e6c65a}.mobile-results-bar.is-overloaded{color:#ff8a8a}.mobile-results-bar-mass{color:var(--text);font-weight:700}.mobile-results-bar-dropdown{border-radius:var(--radius-md);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);background:#14101ceb;max-height:70vh;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000073}.mobile-results-bar-dropdown .glass-section{margin-bottom:0}}.compartment-cell-name{grid-area:name}.compartment-cell-product{grid-area:product}.compartment-cell-density{grid-area:density}.compartment-cell-volume{grid-area:volume}.compartment-cell-percent{grid-area:percent}.compartment-cell-actions{grid-area:actions}.compartment-cell-lock{grid-area:lock}.compartment-row{border-bottom:1px solid var(--glass-border);grid-template-columns:1.3fr 1fr 1fr 1fr .6fr 64px 40px;grid-template-areas:"name product density volume percent actions lock";align-items:start;gap:8px;padding:8px 0;display:grid}.compartment-row:last-child{border-bottom:none}.compartment-row-header{color:var(--text-muted);grid-template-columns:1.3fr 1fr 1fr 1fr .6fr 64px 40px;align-items:center;gap:8px;padding-bottom:6px;font-size:11px;font-weight:600;display:grid}.compartment-row.is-locked{opacity:.6}.compartment-row.exceeds-sfl .glass-input-boxed{border-color:#e6c65a}.compartment-name{font-size:13px}.compartment-sfl-hint{color:var(--text-muted);font-size:11px}.sfl-warning-text{color:#e6c65a;font-size:11px;font-weight:600}.axle-row{border-bottom:1px solid var(--glass-border);grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:8px 0;font-size:14px;display:grid}.axle-row.is-overloaded{color:#ff8a8a;background:#e6464626;border-radius:8px;padding-left:8px}.axle-row-header{color:var(--text-muted);grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:4px 0;font-size:12px;font-weight:700;display:grid}.axle-row-calibration{grid-template-columns:1.5fr 1fr 1fr 1fr auto}.calibration-explainer{border-top:1px solid var(--glass-border);margin-top:20px;padding-top:16px}.calibration-explainer p{color:var(--text-muted);margin:0 0 14px;font-size:13px;line-height:1.6}.calibration-explainer p:last-child{margin-bottom:0}.calibration-explainer strong{color:var(--text)}.warning-box{background:#3c82e61f;border:1px solid #3c82e659;border-radius:8px;margin:16px 0;padding:14px 18px}.warning-box-title{color:#7cb3ff;margin:0 0 8px;font-size:13px;font-weight:700}.warning-box li{color:#7cb3ff;margin-bottom:4px;font-size:13px}.disclaimer-strip{color:#e6c65a;background:#e6b4281a;border:1px solid #e6b4284d;border-radius:8px;margin-bottom:16px;padding:8px 14px;font-size:12px}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-dialog{background:#14101cfc;width:100%;max-width:560px;max-height:85vh;padding:28px;overflow-y:auto}.app-footer{justify-content:center;padding:16px 0 24px;display:flex}.version-tag{color:var(--text-muted);opacity:.6;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px}.version-tag:hover{opacity:1;text-decoration:underline}.changelog-body{font-size:14px;line-height:1.5}@media (width<=640px){.app-nav{flex-wrap:wrap;row-gap:10px;margin:8px auto;padding:12px 16px}.app-nav-tabs{flex-wrap:wrap;gap:12px 20px}.glass-section{padding:18px 16px}.field-grid,.field-grid.is-two-col{grid-template-columns:1fr}.glass-list-row{flex-wrap:wrap}.glass-list-row-main{flex:100%}.glass-list-row-actions{flex-wrap:wrap}.axle-row,.axle-row-header,.axle-row-calibration{grid-template-columns:1fr 1fr;row-gap:2px}.compartment-subform-row,.quick-add-row{flex-wrap:wrap}.compartment-subform-row>*{flex:45%!important}.quick-add-row>*{flex:100%!important}.calibration-quick-entry-row{flex-direction:column;align-items:stretch}.calibration-quick-entry-row>*{flex:100%!important}.compartment-row{grid-template-columns:1fr;grid-template-areas:"name""product""density""volume""percent""actions""lock";row-gap:10px}.compartment-row-header{display:none}.compartment-cell-product:before,.compartment-cell-density:before,.compartment-cell-volume:before,.compartment-cell-percent:before,.compartment-cell-lock:before{content:attr(data-mobile-label);color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.compartment-cell-lock{justify-content:flex-start!important}}:root:not([data-theme=glass]){--radius-lg:6px;--radius-md:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:14px}:root:not([data-theme=glass]) body{background-image:none}:root:not([data-theme=glass]) .glass-card{background:var(--glass-bg);-webkit-backdrop-filter:none;box-shadow:none}:root:not([data-theme=glass]) .glass-section{margin-bottom:14px;padding:14px 18px}:root:not([data-theme=glass]) .glass-section h3{margin-bottom:10px;font-size:15px}:root:not([data-theme=glass]) .glass-list-row{padding:7px 0}:root:not([data-theme=glass]) .glass-list-row-detail{font-size:12px}:root:not([data-theme=glass]) .glass-input,:root:not([data-theme=glass]) .glass-input-boxed{background:var(--glass-bg);padding:6px 8px;font-size:13px}:root:not([data-theme=glass]) .glass-button{padding:10px 0}:root:not([data-theme=glass]) .glass-button-small{background:var(--glass-bg);padding:5px 12px;font-size:12px}:root:not([data-theme=glass]) .glass-button-small:hover:not(:disabled){background:var(--glass-bg-strong)}:root:not([data-theme=glass]) .glass-button-small.is-active{background:var(--accent-gradient);color:#fff}:root:not([data-theme=glass]) .nav-button{background:var(--glass-bg);padding:6px 14px;font-size:12px}:root:not([data-theme=glass]) .nav-button.is-active{background:var(--accent-gradient)}:root:not([data-theme=glass]) .section-description{font-size:12px}:root:not([data-theme=glass]) .field-label{font-size:11px}:root:not([data-theme=glass]) .field-hint-bubble{background:var(--glass-bg);color:var(--text)}:root:not([data-theme=glass]) .avatar-circle{background:var(--glass-bg-strong)}:root:not([data-theme=glass]) .status-banner.is-ok{color:#1a7a3c;background:#e3f5e9}:root:not([data-theme=glass]) .status-banner.is-editing{color:#8a6d1a;background:#fbf1d8}:root:not([data-theme=glass]) .status-banner.is-overloaded{color:#b3261e;background:#fbe3e3}:root:not([data-theme=glass]) .glass-button-small.is-danger{color:#b3261e}:root:not([data-theme=glass]) .glass-button-small.has-unsaved-changes{color:#fff;background:#1a7a3c}:root:not([data-theme=glass]) .disclaimer-strip{color:#8a6d1a;background:#fbf1d8}:root:not([data-theme=glass]) .nav-badge{background:#b3261e}@media (width<=1200px){:root:not([data-theme=glass]) .mobile-results-bar-dropdown{background:var(--glass-bg);-webkit-backdrop-filter:none}:root:not([data-theme=glass]) .mobile-results-bar.is-ok{color:#1a7a3c}:root:not([data-theme=glass]) .mobile-results-bar.is-editing{color:#8a6d1a}:root:not([data-theme=glass]) .mobile-results-bar.is-overloaded{color:#b3261e}}:root[data-theme=plain]{--text:#1a1a2e;--text-muted:#5a5a6e;--glass-bg:#fff;--glass-bg-strong:#eeeef4;--glass-border:#d5d5e0;--accent-gradient:#5236c9;--radius-lg:4px;--radius-md:4px}:root[data-theme=plain] body{background-color:#f3f3f7}:root[data-theme=slate]{--text:#1a2733;--text-muted:#56697a;--glass-bg:#eaeff4;--glass-bg-strong:#dbe3ea;--glass-border:#b7c4cf;--accent-gradient:#2f5771;--radius-lg:0px;--radius-md:0px}:root[data-theme=slate] body{background-color:#c7d0d8}:root[data-theme=slate] .glass-card{border-width:2px}:root[data-theme=forest]{--text:#24301f;--text-muted:#5e6b53;--glass-bg:#f3f1e4;--glass-bg-strong:#e6e3cd;--glass-border:#c9c39f;--accent-gradient:#3d6b34;--radius-lg:16px;--radius-md:16px}:root[data-theme=forest] body{background-color:#dedbc4}:root[data-theme=sunset]{--text:#fdf3ea;--text-muted:#f0d3ba;--glass-bg:#b3542a;--glass-bg-strong:#9c4622;--glass-border:#7a3618;--accent-gradient:#e8874a;--radius-lg:10px;--radius-md:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=sunset] body{background-color:#6e3016}:root[data-theme=sunset] .glass-input-boxed option{color:#1a1a1a;background:#fff}:root[data-theme=sunset] .glass-button-small.is-danger{color:#ff9a80}:root[data-theme=ocean]{--text:#0d2b30;--text-muted:#3f6b72;--glass-bg:#fff;--glass-bg-strong:#d3eef1;--glass-border:#8fcdd4;--accent-gradient:#08808f;--radius-lg:22px;--radius-md:22px}:root[data-theme=ocean] body{background-color:#cdeef1}:root[data-theme=midnight]{--text:#e7e9ec;--text-muted:#9aa3ac;--glass-bg:#1b2026;--glass-bg-strong:#262c33;--glass-border:#383f47;--accent-gradient:#7c8cf8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=midnight] body{background-color:#121417}:root[data-theme=midnight] .glass-input-boxed option{color:#1a1a1a;background:#fff}