:root{--ink:#101828;--muted:#667085;--line:#e4e7ec;--paper:#fff;--bg:#f5f7fa;--black:#111827;--accent:#c9a227;--green:#067647;--red:#b42318;--blue:#175cd3;--radius:14px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.public-shell{min-height:100vh;background:linear-gradient(145deg,#111827 0,#111827 310px,#f5f7fa 310px)}.public-header{height:78px;display:flex;align-items:center;gap:12px;max-width:1120px;margin:auto;padding:0 24px;color:#fff}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--accent);color:#111827;display:grid;place-items:center;font-weight:900}.public-header h1{font-size:17px;margin:0}.public-header p{font-size:12px;margin:3px 0 0;color:#d0d5dd}.public-header button{margin-left:auto}.public-main{max-width:850px;margin:auto;padding:54px 20px}.hero{text-align:center;color:#fff;margin-bottom:32px}.hero h2{font-size:40px;margin:6px 0}.hero p{color:#d0d5dd}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 30px rgba(16,24,40,.08);padding:24px}.lookup-card{max-width:620px;margin:auto}.tabs{display:flex;border-bottom:1px solid var(--line);margin:-8px 0 22px}.tab{border:0;background:transparent;padding:14px;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--ink);border-color:var(--accent);font-weight:700}form{display:grid;gap:16px}label{font-size:13px;font-weight:700;display:grid;gap:7px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:var(--ink)}textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(201,162,39,.18);border-color:var(--accent)}button{cursor:pointer;border-radius:9px;padding:10px 14px;border:1px solid transparent}.primary{background:var(--black);color:#fff;font-weight:700}.secondary{background:#fff;border-color:#d0d5dd;color:var(--ink)}.danger{background:#fff1f0;color:var(--red);border-color:#fecdca}.ghost{background:transparent;border-color:#d0d5dd}.ghost.light{color:#fff;border-color:#475467}.result-card{max-width:760px;margin:22px auto}.result-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.result-head h3{margin:0}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eef4ff;color:var(--blue)}.progress{height:9px;background:#eaecf0;border-radius:99px;overflow:hidden;margin:16px 0}.progress>span{display:block;height:100%;background:var(--accent)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail{padding:12px;background:#f9fafb;border-radius:10px}.detail small{display:block;color:var(--muted);margin-bottom:5px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:#111827}.login-card{width:min(420px,100%)}.login-card h2{margin-bottom:4px}.login-card p{color:var(--muted);margin-top:0}.back{padding:0;background:none;color:var(--muted);text-align:left}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#111827;color:#fff;padding:22px 15px;display:flex;flex-direction:column}.side-brand{display:flex;gap:10px;align-items:center;padding:0 8px 28px}.side-brand small{display:block;color:#98a2b3}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;color:#d0d5dd;text-align:left;padding:12px}.sidebar nav button.active{background:#344054;color:#fff}.side-user{margin-top:auto;border-top:1px solid #344054;padding:18px 8px 0;display:grid;gap:9px;font-size:12px}.side-user .ghost{color:#fff}.app-main{min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 28px}.topbar h1{font-size:22px;margin:0}.topbar p{font-size:12px;color:var(--muted);margin:4px 0 0}.menu{display:none;background:#fff;border-color:var(--line)}.page-content{padding:26px;max-width:1400px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:20px}.toolbar label{min-width:145px}.toolbar button{height:41px}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kpi{padding:20px}.kpi small{color:var(--muted)}.kpi strong{font-size:30px;display:block;margin:10px 0 4px}.kpi span{color:var(--muted)}.panel{margin-top:18px}.panel h2{font-size:17px;margin-top:0}.grid-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-form .wide{grid-column:span 2}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{background:#f9fafb;color:#475467;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.toast{position:fixed;z-index:100;right:20px;top:20px;max-width:390px;padding:13px 16px;border-radius:10px;color:#fff;background:#344054;transform:translateY(-90px);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}.toast.error{background:var(--red)}.loading{position:fixed;z-index:99;inset:0;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.loading span{width:20px;height:20px;border:3px solid #d0d5dd;border-top-color:#111827;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:38px}.summary-row{display:flex;gap:12px;flex-wrap:wrap}.summary-chip{background:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:10px}.modal{position:fixed;z-index:80;inset:0;background:rgba(16,24,40,.62);display:grid;place-items:center;padding:18px}.modal>.card{width:min(720px,100%);max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head button{background:none;font-size:22px}.timeline{border-left:2px solid var(--line);padding-left:18px}.timeline-item{margin:14px 0}.timeline-item small{color:var(--muted)}
@media(max-width:850px){.app-shell{display:block}.sidebar{position:fixed;z-index:70;left:-270px;width:250px;transition:.2s}.sidebar.open{left:0}.menu{display:block}.page-content{padding:18px}.kpis,.grid-form{grid-template-columns:1fr}.grid-form .wide{grid-column:auto}.detail-grid{grid-template-columns:1fr}.public-header h1{font-size:14px}.hero h2{font-size:32px}}
.public-app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:var(--bg)}.public-sidebar{position:sticky;top:0;height:100vh;background:#111827;color:#fff;padding:22px 15px}.public-sidebar nav{display:grid;gap:5px}.public-sidebar nav button{border:0;background:transparent;color:#d0d5dd;text-align:left;padding:12px}.public-sidebar nav button.active{background:#344054;color:#fff}.public-content{min-width:0}.public-page{padding:32px;max-width:1180px}.public-topbar{height:auto;min-height:84px}.lookup-card{width:min(820px,100%);margin:0;border-top:4px solid var(--accent)}.login-card{width:min(520px,100%);margin:0;border-top:5px solid var(--accent);padding:30px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.login-brand small{display:block;color:var(--muted);margin-top:3px}.today-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.today-kpis .kpi{min-height:132px}.production-toolbar{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap}.production-toolbar .toolbar{margin-bottom:0}.delivery-card{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:10px}.field-group{display:contents}@media(max-width:1050px){.today-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.public-app-shell{display:block}.public-sidebar{position:fixed;z-index:90;left:-260px;width:250px;transition:.2s}.public-sidebar.open{left:0}.public-page{padding:18px}.public-topbar .menu{display:block}.today-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-grid{grid-template-columns:1fr}}@media(max-width:440px){.today-kpis{grid-template-columns:1fr}}
.wrap-cell{white-space:normal;min-width:240px;max-width:380px}.order-id-list{display:flex;flex-wrap:wrap;gap:10px}.box-list{display:grid;gap:10px;margin-top:10px}.box-row{display:grid;grid-template-columns:70px repeat(4,minmax(90px,1fr));gap:8px;align-items:center;padding:10px;background:#f9fafb;border:1px solid var(--line);border-radius:9px}@media(max-width:720px){.box-row{grid-template-columns:1fr 1fr}.box-row span{grid-column:1/-1}}
.lookup-form{display:grid;gap:16px}.order-id-choice{display:grid;gap:4px;text-align:left;min-width:160px}.order-id-choice small{color:var(--muted)}
.dashboard-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1200px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.dashboard-kpis{grid-template-columns:1fr}}
.input-action{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.plus-button{font-size:24px;font-weight:700;padding:0;display:grid;place-items:center}.sub-modal{z-index:95;background:rgba(16,24,40,.76)}.sub-modal>.mini-card{width:min(520px,100%)}.completion-form{margin-top:18px;gap:18px}.completion-section{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}.completion-section h3{margin:0 0 14px}.value-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.value-cards .detail strong{font-size:18px}.section-row,.payment-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-row h3{margin:0}.payment-list{display:grid;gap:12px}.payment-row{border:1px solid var(--line);border-radius:11px;padding:14px;background:#f9fafb}.payment-fields{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-top:10px}.compact{padding:4px 10px}.remaining-total{margin-top:14px;padding:12px;border-radius:9px;background:#fffaeb;font-weight:800}.complete-submit{justify-self:start;min-width:190px}@media(max-width:900px){.payment-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.value-cards{grid-template-columns:1fr}}@media(max-width:520px){.payment-fields{grid-template-columns:1fr}}
.form-message{padding:11px 13px;border-radius:9px;background:#eef4ff;color:var(--blue);font-size:13px;font-weight:700}.form-message.error{background:#fff1f0;color:var(--red)}.build-tag{text-align:center;color:var(--muted);font-size:11px}
.modal>.card{min-width:0;max-width:100%;overscroll-behavior:contain}
.modal>.completion-dialog{width:min(720px,100%);padding:24px;container-type:inline-size}
.completion-dialog .modal-head{gap:12px;margin-bottom:16px}.completion-dialog .modal-head h2{margin:0}
.completion-form,.completion-section,.payment-row,.payment-fields,.value-cards{min-width:0;max-width:100%}
.completion-form{gap:16px;margin-top:16px}.completion-section{padding:14px}.completion-section h3{font-size:17px;margin-bottom:12px}
.completion-form .grid-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.completion-form label,.completion-form input,.completion-form select,.completion-form .detail{min-width:0;max-width:100%}
.completion-form .value-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:0}.completion-form .value-cards .detail{padding:12px;border-radius:8px}.completion-form .value-cards strong{font-size:17px}
.completion-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.invoice-row{align-items:end}.invoice-row button{min-height:42px}.completion-form input[readonly]{background:#f9fafb}.completion-form #paymentRemaining{color:var(--blue);font-weight:700}
.completion-form .payment-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.completion-form .section-row{flex-wrap:wrap;margin-bottom:12px}.completion-form .payment-row{padding:12px}
.completion-form .complete-submit{width:100%;justify-self:stretch}.completion-form .remaining-total{margin-top:12px}
@container(max-width:500px){.completion-form .payment-fields,.completion-row{grid-template-columns:repeat(2,minmax(0,1fr))}.completion-form .value-cards{grid-template-columns:1fr}.completion-form .value-cards .detail{display:flex;justify-content:space-between;align-items:center;gap:8px}.completion-form .value-cards small{margin:0}.invoice-row button{grid-column:1/-1}}
@container(max-width:360px){.completion-form .payment-fields,.completion-form .grid-form,.completion-row{grid-template-columns:1fr}.completion-section{padding:10px}}
.live-tracking{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;min-width:0}.tracking-note{color:var(--muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.live-status{display:grid;gap:5px;margin-top:14px}.live-status strong{color:var(--blue)}.tracking-timeline{list-style:none;padding:0 0 0 16px;border-left:2px solid var(--line);max-height:300px;overflow:auto}.tracking-timeline li{margin:0 0 16px}.tracking-timeline small{display:block;color:var(--muted);margin-top:4px}.tracking-timeline p{margin:5px 0;overflow-wrap:anywhere}.live-tracking-result{min-width:0}.settings-card{max-width:900px}.settings-card textarea{min-height:170px}.settings-note{color:var(--muted);font-size:13px}.bill-button{white-space:nowrap}
.brand-logo{width:76px;height:76px;object-fit:contain;background:#fff;border-radius:50%;flex-shrink:0}.login-brand .brand-logo{width:96px;height:96px}.side-brand{gap:10px}.side-brand strong{font-size:14px}.side-user a.ghost{text-decoration:none;text-align:center;padding:10px 14px;border:1px solid #475467;border-radius:9px}.side-user .app-download{border-color:var(--accent);color:#fff}