:root{--bg:#f4f7f5;--panel:#fff;--text:#16211b;--muted:#66736c;--line:#e4ebe7;--green:#0d6b4f;--green2:#10936a;--dark:#0c2f24;--danger:#b42318;--shadow:0 16px 50px #12392b14}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a{transition:all .18s}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0d3428;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand>div:last-child{flex-direction:column;display:flex}.brand b{letter-spacing:-.3px;font-size:18px}.brand span{color:#a8c6ba;margin-top:2px;font-size:11px}.brand-mark{color:#fff;background:linear-gradient(145deg,#17a878,#0d7958);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 22px #10936a47}.brand-mark.large{border-radius:15px;width:48px;height:48px}.sidebar nav{flex-direction:column;gap:6px;margin-top:34px;display:flex}.nav-link{color:#c9dbd4;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;font-size:14px;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:#164b3b;box-shadow:inset 0 0 0 1px #ffffff0d}.sidebar-foot{border-top:1px solid #ffffff17;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.user-chip{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.user-chip>div:last-child{flex-direction:column;min-width:0;display:flex}.user-chip b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-chip span{color:#9fb8ae;font-size:10px}.avatar{background:#1a5944;border-radius:10px;place-items:center;width:33px;height:33px;font-weight:700;display:grid}.icon-button{color:#c9dbd4;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px}.icon-button:hover{color:#fff;background:#ffffff14}.main-area{min-width:0}.mobile-top{display:none}.page-wrap{max-width:1500px;margin:0 auto;padding:34px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.page-header h1{letter-spacing:-1px;margin:5px 0 6px;font-size:31px;line-height:1.1}.page-header p,.panel p{color:var(--muted);margin:0;line-height:1.55}.eyebrow{letter-spacing:1.2px;color:var(--green2);font-size:11px;font-weight:800}.status-pill{color:#087552;white-space:nowrap;background:#eaf8f1;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.warn{color:#a85c00;background:#fff3e5}.pulse{background:#14a06f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #14a06f1f}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.kpi-grid.four{grid-template-columns:repeat(4,1fr)}.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;flex-direction:column;min-height:128px;padding:18px 19px;display:flex;box-shadow:0 8px 28px #12392b0a}.kpi-head{justify-content:space-between;align-items:center;display:flex}.kpi-card span,.kpi-head span{color:var(--muted);font-size:12px;font-weight:650}.kpi-card strong{letter-spacing:-1px;margin-top:15px;font-size:29px}.kpi-card small{color:var(--muted);margin-top:3px;font-size:11px}.kpi-icon{width:34px;height:34px;color:var(--green);background:#eff7f3;border-radius:10px;place-items:center;display:grid}.two-col{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.two-col.align-start{align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 28px #12392b0a}.hero-panel{background:linear-gradient(135deg,#fff,#f0faf5)}.hero-panel h2{letter-spacing:-.6px;margin:8px 0;font-size:24px}.big-number{letter-spacing:-2px;margin:15px 0 4px;font-size:45px;font-weight:800}.big-number small{color:var(--muted);font-size:18px;font-weight:600}.color-flow{color:var(--muted);flex-wrap:wrap;align-items:center;gap:11px;margin-top:20px;font-size:13px;display:flex}.color-flow b{color:var(--text)}.color-dot{border-radius:10px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:800;display:grid}.yellow,.dot.yellow{background:#ffd84d}.green,.dot.green{color:#fff;background:#39b86c}.blue,.dot.blue{color:#fff;background:#4b86e8}.primary-btn,.ghost-btn{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:750;display:inline-flex}.primary-btn{background:var(--green);color:#fff;box-shadow:0 8px 20px #0d6b4f2e}.primary-btn:hover{background:#095d45;transform:translateY(-1px)}.primary-btn:disabled,.ghost-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ghost-btn{color:#294238;background:#f1f5f3}.ghost-btn:hover{background:#e6eee9}.wide{width:100%}.inline-form{grid-template-columns:1.3fr .8fr 1fr auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.stack-form{flex-direction:column;gap:12px;display:flex}.inline-form label,.stack-form label,.login-card label,.weight-box label,.select-label{color:#425149;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}input,select{color:var(--text);background:#fff;border:1px solid #d8e2dc;border-radius:10px;outline:none;width:100%;padding:10px 11px}input:focus,select:focus{border-color:#67ad92;box-shadow:0 0 0 3px #10936a1a}.table-panel{padding:0;overflow:hidden}.table-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 20px;display:flex}.table-head h2,.section-title h2{align-items:center;gap:8px;margin:0 0 3px;font-size:16px;display:flex}.table-head p,.section-title p{font-size:12px}.data-table{width:100%}.tr{border-bottom:1px solid #edf1ef;grid-template-columns:1.4fr 1fr 1fr .8fr 1fr;align-items:center;gap:12px;padding:13px 20px;font-size:13px;display:grid}.tr.six{grid-template-columns:1.5fr .9fr .7fr .7fr .7fr .8fr}.tr:last-child{border-bottom:0}.tr.th{color:#718078;text-transform:uppercase;letter-spacing:.7px;background:#f8faf9;font-size:10px;font-weight:800}.tr small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.tag{color:#0b7654;background:#edf7f2;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:750;display:inline-flex}.row-actions{justify-content:flex-end;display:flex}.dot{border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.section-title{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.ops-grid{grid-template-columns:1fr 1.2fr;gap:16px;margin-bottom:16px;display:grid}.trip-summary{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px;display:grid}.trip-summary div{background:#f6f9f7;border-radius:10px;padding:10px}.trip-summary span{color:var(--muted);font-size:10px;display:block}.trip-summary b{margin-top:2px;font-size:13px;display:block}.scanner-card{background:#fbfdfc;border:1px dashed #cad8d0;border-radius:14px;padding:14px}.scanner-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.scanner-hint{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.camera-box{aspect-ratio:16/8;background:#0d1713;border-radius:13px;margin-top:12px;overflow:hidden}.camera-box video{object-fit:cover;width:100%;height:100%}.manual-scan{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:12px;display:grid}.alert{border-radius:10px;margin:12px 0;padding:11px 13px;font-size:12px;font-weight:650}.alert.error{color:#a6281f;background:#fff0ef;border:1px solid #ffd7d2}.alert.success{color:#087552;background:#eaf8f1;border:1px solid #cbeedc}.weight-box{border-top:1px solid var(--line);flex-direction:column;gap:11px;margin-top:14px;padding-top:14px;display:flex}.success-chip{color:#087552;background:#eaf8f1;border-radius:999px;width:max-content;padding:5px 8px;font-size:10px;font-weight:800}.big-inline{font-size:24px;font-weight:800}.big-inline span{color:var(--muted);font-size:11px;font-weight:600}.ok-text{color:#0b7f58;font-weight:700}.bad-text{color:#b42318;font-weight:800}.back-link{color:var(--muted);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.label-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.qr-label{border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:20px;padding-bottom:18px;overflow:hidden}.qr-color-band{letter-spacing:1px;padding:11px;font-size:13px;font-weight:900}.qr-label.yellow .qr-color-band{color:#3d3200;background:#ffd84d}.qr-label.green .qr-color-band{color:#fff;background:#39b86c}.qr-label.blue .qr-color-band{color:#fff;background:#4b86e8}.qr-company{padding:16px 14px 8px}.qr-company span{letter-spacing:1.2px;color:var(--muted);font-size:9px;font-weight:800}.qr-company h2{margin:4px 0 2px;font-size:18px}.qr-company p{font-size:11px}.qr-label img{width:185px;height:185px;image-rendering:pixelated}.qr-data{flex-direction:column;gap:3px;padding:8px 14px 0;display:flex}.qr-data b{font-size:15px}.qr-data span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.qr-data small{color:var(--muted);margin-top:5px;font-size:10px}.print-only{display:none}.login-page{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(135deg,#073a2bf2,#0c7050e8),radial-gradient(circle at 80% 15%,#3eba8b,#0000 35%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:56px;display:flex}.visual-badge{background:#ffffff12;border:1px solid #fff3;border-radius:999px;align-items:center;gap:7px;width:max-content;padding:7px 10px;font-size:11px;display:inline-flex}.login-visual h1{letter-spacing:-2.4px;max-width:680px;margin:0 0 20px;font-size:52px;line-height:1.02}.login-visual p{color:#d1e8de;max-width:620px;font-size:16px;line-height:1.7}.visual-metrics{gap:42px;display:flex}.visual-metrics div{flex-direction:column;display:flex}.visual-metrics b{font-size:18px}.visual-metrics span{color:#b9d7cb;margin-top:3px;font-size:10px}.login-panel{background:#fbfcfb;place-items:center;padding:30px;display:grid}.login-card{flex-direction:column;gap:16px;width:min(430px,100%);display:flex}.login-logo{align-items:center;gap:12px;margin-bottom:18px;display:flex}.login-logo>div:last-child{flex-direction:column;display:flex}.login-logo b{font-size:19px}.login-logo span{color:var(--muted);font-size:11px}.login-card h2{letter-spacing:-1px;margin:0 0 5px;font-size:30px}.login-card p{color:var(--muted);margin:0}.demo-box{color:#275444;background:#f0f7f3;border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.demo-box>div{flex-direction:column;display:flex}.demo-box b{font-size:11px}.demo-box span{color:#628173;font-size:10px}.public-qr{background:var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.public-card{border:1px solid var(--line);text-align:center;width:min(460px,100%);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:28px}.public-card .login-logo{text-align:left}.public-card h1{margin:10px 0 4px;font-size:25px}.public-card h2{font-size:20px}.public-color{border-radius:12px;margin:15px 0;padding:14px;font-weight:850}.public-color.yellow{color:#3d3200}.public-card small{color:var(--muted)}@media (max-width:1050px){.app-shell{grid-template-columns:76px 1fr}.sidebar{padding:20px 10px}.sidebar .brand>div:last-child,.nav-link span,.user-chip>div:last-child{display:none}.sidebar .brand,.nav-link{justify-content:center}.kpi-grid{grid-template-columns:repeat(2,1fr)}.label-grid,.inline-form{grid-template-columns:1fr 1fr}.login-visual h1{font-size:42px}}@media (max-width:760px){.app-shell{display:block}.sidebar{display:none}.mobile-top{color:#fff;z-index:7000;background:#0d3428;justify-content:space-between;align-items:center;min-height:58px;padding:10px 12px 10px 14px;display:flex;position:sticky;top:0;box-shadow:0 8px 26px #061f1729}.mobile-top .brand-mark{border-radius:10px;width:34px;height:34px}.mobile-top .brand b{font-size:15px}.mobile-top .brand span{color:#a8c6ba;font-size:9px}.mobile-menu-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff12;border:1px solid #ffffff21;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.mobile-menu-button:active{background:#ffffff24;transform:scale(.98)}.page-wrap{padding:20px 14px}.page-header{flex-direction:column;margin-bottom:18px}.page-header h1{font-size:26px}.kpi-grid,.kpi-grid.four,.two-col,.ops-grid,.label-grid,.inline-form{grid-template-columns:1fr}.tr,.tr.six{grid-template-columns:1.3fr .8fr .7fr}.tr>div:nth-child(n+4),.tr.th>div:nth-child(n+4){display:none}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.scanner-toolbar{flex-direction:column;align-items:flex-start}.manual-scan{grid-template-columns:1fr}.manual-scan>svg{display:none}.trip-summary{grid-template-columns:1fr}.qr-label img{width:170px;height:170px}}@media print{body{background:#fff}.sidebar,.mobile-top,.no-print{display:none!important}.app-shell{display:block}.page-wrap{max-width:none;padding:0}.print-only{align-items:center;gap:10px;margin:0 0 14px;display:flex!important}.label-grid{grid-template-columns:repeat(3,1fr);gap:10mm}.qr-label{box-shadow:none;break-inside:avoid;border:1px solid #bbb}.qr-label img{width:45mm;height:45mm}.qr-company h2{font-size:14pt}.qr-data b{font-size:11pt}@page{size:A4 landscape;margin:12mm}}body.scanner-open{overscroll-behavior:none;overflow:hidden}.scanner-fullscreen{z-index:9999;color:#fff;background:#06110d;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.scanner-fullscreen video{object-fit:cover;background:#06110d;width:100%;height:100%;position:absolute;inset:0}.scanner-shade{pointer-events:none;background:linear-gradient(#02110cb8 0%,#02110c14 28%,#02110c0f 70%,#02110cc2 100%);position:absolute;inset:0}.scanner-topbar{z-index:3;padding:max(18px,env(safe-area-inset-top)) 18px 18px;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:0;left:0;right:0}.scanner-topbar>div{flex-direction:column;gap:4px;max-width:80%;display:flex}.scanner-topbar b{letter-spacing:-.2px;font-size:18px}.scanner-topbar span{color:#ffffffc7;font-size:12px;line-height:1.45}.scanner-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#031b1394;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.scanner-target{aspect-ratio:1;z-index:2;border-radius:26px;width:min(72vw,340px);position:relative;overflow:hidden;box-shadow:0 0 0 200vmax #00000047}.scanner-target .corner{border:0 solid #63e6b2;width:58px;height:58px;position:absolute}.scanner-target .tl{border-top-width:5px;border-left-width:5px;border-top-left-radius:24px;top:0;left:0}.scanner-target .tr{border-top-width:5px;border-right-width:5px;border-top-right-radius:24px;top:0;right:0}.scanner-target .bl{border-bottom-width:5px;border-left-width:5px;border-bottom-left-radius:24px;bottom:0;left:0}.scanner-target .br{border-bottom-width:5px;border-right-width:5px;border-bottom-right-radius:24px;bottom:0;right:0}.scan-beam{background:linear-gradient(90deg,#0000,#72f0bd,#0000);height:2px;animation:2s ease-in-out infinite rt-scan-beam;position:absolute;top:50%;left:8%;right:8%;box-shadow:0 0 13px #72f0bdd9}@keyframes rt-scan-beam{0%,to{opacity:.35;transform:translateY(-110px)}50%{opacity:1;transform:translateY(110px)}}.scanner-bottom-hint{bottom:max(28px,env(safe-area-inset-bottom));z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#031b13ad;border:1px solid #ffffff2e;border-radius:999px;width:max-content;max-width:calc(100% - 36px);margin:auto;padding:10px 14px;font-size:12px;font-weight:700;position:absolute;left:18px;right:18px}.plant-progress-grid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.progress-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;padding:14px 16px;display:grid}.progress-card span{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-size:11px;font-weight:800}.progress-card b{grid-area:1/2/3;font-size:22px}.progress-card small{color:var(--muted);font-size:11px}.progress-card.done{background:#effaf5;border-color:#c9eadb}.progress-card.done b{color:#087552}.stage-complete{color:#087552;background:#eaf8f1;border:1px solid #cbeedc;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;display:flex}.stage-complete>div{flex-direction:column;gap:3px;display:flex}.stage-complete b{font-size:13px}.stage-complete span{color:#3e6d5b;font-size:11px;line-height:1.4}.stage-note{color:var(--muted);background:#f5f8f6;border-radius:9px;margin-top:10px;padding:9px 10px;font-size:11px}@media (max-width:760px){.plant-progress-grid{grid-template-columns:1fr}.scanner-card{padding:12px}.scanner-toolbar .primary-btn{width:100%;min-height:48px}.scanner-hint{justify-content:center;width:100%}.scanner-target{width:min(76vw,320px)}}body.mobile-menu-open{overscroll-behavior:none;overflow:hidden}.mobile-nav-overlay,.mobile-drawer{display:none}@media (max-width:760px){.mobile-nav-overlay{z-index:7900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#04120d85;transition:opacity .2s;display:block;position:fixed;inset:0}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{z-index:8000;color:#fff;width:min(86vw,340px);padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));visibility:hidden;background:#0d3428;flex-direction:column;transition:transform .24s cubic-bezier(.22,.75,.2,1),visibility .24s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-24px 0 70px #00000047}.mobile-drawer.open{visibility:visible;transform:translate(0)}.mobile-drawer-head{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:14px;padding:2px 2px 18px;display:flex}.mobile-drawer-head .brand>div:last-child{flex-direction:column;display:flex}.mobile-drawer-head .brand b{font-size:17px}.mobile-drawer-head .brand span{color:#a8c6ba;font-size:10px}.mobile-drawer-close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff21;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.mobile-drawer-nav{flex-direction:column;gap:7px;padding:18px 0;display:flex}.mobile-nav-link{color:#cfdfd9;border-radius:13px;align-items:center;gap:12px;min-height:50px;padding:8px 10px;font-size:14px;font-weight:700;display:flex}.mobile-nav-link:active{transform:scale(.99)}.mobile-nav-link.active{color:#fff;background:#174c3b;box-shadow:inset 0 0 0 1px #ffffff0d}.mobile-nav-icon{color:#a9d9c7;background:#ffffff0f;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.mobile-nav-link.active .mobile-nav-icon{color:#79e0b9;background:#1f604b}.mobile-drawer-foot{border-top:1px solid #ffffff17;flex-direction:column;gap:10px;margin-top:auto;padding-top:14px;display:flex}.mobile-user-card{align-items:center;gap:10px;padding:4px 2px;display:flex}.mobile-user-card>div:last-child{flex-direction:column;min-width:0;display:flex}.mobile-user-card b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mobile-user-card span{color:#9fb8ae;margin-top:2px;font-size:10px}.mobile-logout{color:#d8e6e1;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;font-weight:750;display:flex}}