:root{--brand:#205142;--brand-deep:#143c31;--brand-soft:#e7f0ec;--accent:#f4c453;--surface-canvas:#f4f6f3;--text-strong:#15231e;--text:#344840;--text-muted:#697b74;--border:#dfe7e2;--border-strong:#c9d7d1;--success:#1c7b50;--warning-strong:#9a6412;--focus:#c88600;--shadow-soft:0 8px 28px #1c43350e;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Aptos Display", "Segoe UI", var(--font-sans);font-family:var(--font-sans);color:var(--text);background:var(--surface-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--surface-canvas);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}svg{stroke-width:1.8px;flex:none}.app-shell{background:var(--surface-canvas);min-height:100vh}.loading-page,.login-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.loading-page{color:var(--text-muted);align-content:center}.loading-mark{width:3.25rem;height:3.25rem;color:var(--brand);background:var(--accent);border-radius:1rem;place-items:center;display:grid}.login-page{background:radial-gradient(circle at 15% 12%,#ecf3ef 0,#0000 34%),linear-gradient(145deg,#f9faf8,#edf2ef)}.login-panel{border:1px solid var(--border);background:#fff;border-radius:1.25rem;width:min(100%,27rem);padding:clamp(1.5rem,5vw,2.6rem);box-shadow:0 24px 70px #12362a21}.login-brand{color:var(--text-strong);font-family:var(--font-display);align-items:center;gap:.7rem;margin-bottom:2.5rem;display:flex}.login-brand span{width:2.6rem;height:2.6rem;color:var(--brand);background:var(--accent);border-radius:.8rem;place-items:center;display:grid}.login-panel h1{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:2rem}.login-intro{color:var(--text-muted);margin:.65rem 0 1.7rem;line-height:1.55}.login-panel form{gap:.5rem;display:grid}.login-panel label{color:var(--text-strong);margin-top:.6rem;font-size:.86rem;font-weight:750}.login-panel input{width:100%;min-height:3rem;color:var(--text-strong);border:1px solid var(--border-strong);background:#fff;border-radius:.7rem;padding:.7rem .8rem}.login-panel input:focus{border-color:var(--focus);outline:3px solid #c8860047}.password-field{position:relative}.password-field input{padding-right:3rem}.password-field button{width:2.5rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;inset:.2rem .25rem .2rem auto}.password-field svg{width:1.15rem}.form-error{color:#a02d2d;margin:.55rem 0 0;font-size:.85rem}.login-button{color:#fff;background:var(--brand);cursor:pointer;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;min-height:3.1rem;margin-top:1rem;font-weight:800;display:flex}.login-button:hover{background:var(--brand-deep)}.login-button:disabled{opacity:.65;cursor:wait}.login-button svg{width:1.1rem}.sidebar{z-index:30;color:#fff;background:linear-gradient(175deg,#173f33 0%,#0d2c24 100%);flex-direction:column;width:17.5rem;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:inset 0 0 0 1px #ffffff0a}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;min-height:5.5rem;padding:1.25rem 1.5rem;display:flex}.brand__mark{color:#173f33;background:var(--accent);border-radius:.9rem;flex:none;place-items:center;width:2.65rem;height:2.65rem;display:grid}.brand strong,.brand small,.user-card strong,.user-card small{display:block}.brand strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.05rem}.brand small{color:#b9cec6;margin-top:.12rem;font-size:.76rem}.main-nav{gap:.45rem;padding:1.4rem .9rem;display:grid}.main-nav__item{color:#d6e3de;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;min-height:2.9rem;padding:.72rem .85rem;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:flex}.main-nav__item:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.main-nav__item svg{width:1.2rem}.main-nav__item span{color:#173f33;background:var(--accent);border-radius:999px;margin-left:auto;padding:.05rem .48rem;font-size:.75rem;font-weight:800}.main-nav__item--active{color:#173f33;background:#fff;box-shadow:0 8px 24px #00000024}.main-nav__item--active:hover{color:#173f33;background:#fff}.sidebar__footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:1rem}.user-card{align-items:center;gap:.75rem;padding:.55rem;display:flex}.user-card small{color:#b9cec6;font-size:.75rem}.avatar{color:#173f33;background:#d7e5df;border-radius:50%;place-items:center;width:2.35rem;height:2.35rem;font-weight:800;display:grid}.main-content{min-height:100vh;margin-left:17.5rem;padding:2rem clamp(1.25rem,4vw,4rem) 4rem}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.eyebrow{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .25rem;font-size:.77rem;font-weight:800}.topbar h1{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1}.today{color:var(--text-muted);text-transform:capitalize;margin:.55rem 0 0}.connection{background:#fff;border:1px solid;border-radius:.8rem;align-items:center;gap:.7rem;min-width:12rem;padding:.7rem .85rem;display:flex}.connection svg{width:1.2rem}.connection span,.connection strong,.connection small{display:block}.connection strong{color:var(--text-strong);font-size:.86rem}.connection small{color:var(--text-muted);margin-top:.04rem;font-size:.72rem}.connection--online{color:var(--success);border-color:#cfe4d9}.connection--offline{color:var(--warning-strong);background:#fff9ed;border-color:#f0d49b}.prototype-note{color:#5d4c25;background:#fff8e6;border:1px solid #ead59f;border-radius:.65rem;margin:1.5rem 0;padding:.65rem .9rem;font-size:.82rem}.prototype-note span{margin-right:.35rem;font-weight:800}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0 2.2rem;display:grid}.summary-card{border:1px solid var(--border);min-height:5.7rem;box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;align-items:center;gap:.85rem;padding:1rem 1.2rem;display:flex}.summary-card__icon{width:2.6rem;height:2.6rem;color:var(--brand);background:var(--brand-soft);border-radius:.8rem;flex:none;place-items:center;display:grid}.summary-card small,.summary-card strong{display:block}.summary-card small{color:var(--text-muted);margin-bottom:.12rem;font-size:.78rem}.summary-card strong{color:var(--text-strong);font-family:var(--font-display);font-size:1.18rem}.summary-card--primary{color:#fff;background:var(--brand);border-color:#245343}.summary-card--primary .summary-card__icon{color:var(--brand);background:var(--accent)}.summary-card--primary small{color:#c9ded5}.summary-card--primary strong{color:#fff}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.9rem;display:flex}.section-heading h2{color:var(--text-strong);font-family:var(--font-display);margin:0;font-size:1.45rem}.secondary-button,.primary-button,.icon-button{font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.secondary-button{min-height:2.65rem;color:var(--brand);border:1px solid var(--border-strong);background:#fff;border-radius:.7rem;gap:.45rem;padding:.55rem .85rem;font-weight:750}.secondary-button:hover{background:var(--brand-soft)}.secondary-button svg{width:1rem}.delivery-list{gap:.75rem;display:grid}.delivery-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.delivery-card__sequence{width:2.2rem;height:2.2rem;color:var(--brand);background:var(--brand-soft);border-radius:.72rem;place-items:center;font-weight:850;display:grid}.delivery-card__body{min-width:0}.delivery-card__title{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.delivery-card h3{color:var(--text-strong);font-family:var(--font-display);margin:0 0 .3rem;font-size:1.08rem}.delivery-card p{color:var(--text-muted);align-items:center;gap:.35rem;margin:0;font-size:.82rem;display:flex}.delivery-card p svg{width:.95rem}.order-number{color:var(--text-muted);font-size:.74rem}.delivery-card__meta{flex-wrap:wrap;gap:.6rem 1.15rem;margin-top:.8rem;display:flex}.delivery-card__meta span,.delivery-card__meta a{color:var(--text);align-items:center;gap:.35rem;font-size:.8rem;text-decoration:none;display:inline-flex}.delivery-card__meta svg{width:.95rem}.delivery-card__meta a{color:var(--brand);font-weight:700}.primary-button{color:#fff;background:var(--brand);border-radius:.75rem;gap:.4rem;min-height:2.75rem;padding:.6rem .8rem .6rem 1rem;font-weight:800}.primary-button:hover{background:var(--brand-deep)}.primary-button svg{width:1rem}.icon-button{width:2.6rem;height:2.6rem;color:inherit;background:0 0;border-radius:.7rem}.icon-button svg{width:1.3rem}.mobile-menu,.sidebar__close,.mobile-nav,.scrim{display:none}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=860px){.sidebar{transition:transform .2s;transform:translate(-102%)}.sidebar--open{transform:translate(0)}.sidebar__close{margin-left:auto;display:inline-flex}.scrim{z-index:20;background:#0918138c;border:0;display:block;position:fixed;inset:0}.main-content{margin-left:0;padding:1.3rem 1rem 6.5rem}.mobile-menu{color:var(--brand);border:1px solid var(--border);background:#fff;flex:none;display:inline-flex}.summary-grid{grid-template-columns:1fr;gap:.65rem}.summary-card{min-height:4.7rem}.delivery-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.primary-button{grid-column:1/-1;width:100%}.mobile-nav{z-index:15;min-height:4.7rem;padding:.45rem max(.5rem, env(safe-area-inset-left)) max(.45rem, env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -10px 30px #16342a17}.mobile-nav a{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav svg{width:1.25rem}.mobile-nav__active{color:var(--brand)!important}}@media (width<=560px){.topbar{align-items:flex-start}.connection{min-width:auto;padding:.65rem}.connection span{display:none}.topbar h1{font-size:2rem}.section-heading{align-items:center}.secondary-button{width:2.65rem;padding:0;font-size:0}.secondary-button svg{width:1.1rem}.delivery-card__title{display:block}.order-number{margin-top:.4rem;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}