:root{--ink:#15231f;--muted:#64736e;--brand:#08745c;--dark:#04533f;--mint:#e1f4ea;--paper:#fbfaf6;--line:#d9e2dc;--shadow:0 8px 24px #16372a14}*{box-sizing:border-box}body{margin:0;background:#d8e5df;color:var(--ink);font:15px Arial,sans-serif}.phone{width:100%;max-width:430px;min-height:100vh;margin:auto;background:var(--paper);box-shadow:0 0 45px #15231f33}.shell{padding:0 18px 92px}.top{height:76px;display:flex;align-items:center;justify-content:space-between}.brand,h1,h2{font-family:Georgia,serif}.brand{font-weight:bold;font-size:25px;color:var(--dark)}.brand small{display:block;font:10px Arial;color:var(--muted);letter-spacing:.7px}.account{border:0;background:none;color:var(--muted);font-size:10px;font-weight:bold;display:grid;justify-items:center;gap:3px}.account span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#f5c57a;color:var(--ink);font-size:12px}.nav{display:flex;position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),406px);z-index:2;padding:5px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.nav button{flex:1;padding:11px 4px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:bold;font-size:12px}.nav .active{background:var(--mint);color:var(--dark)}button{cursor:pointer;font:inherit}.primary,.secondary{padding:13px 16px;border-radius:12px;font-weight:bold;border:0}.primary{background:var(--brand);color:#fff}.secondary{background:#fff;border:1px solid var(--line)}.hero{padding:23px 0;display:flex;flex-direction:column;gap:18px}.hero .primary{width:100%;font-size:16px}.eyebrow{color:var(--brand);font-size:12px;font-weight:bold;letter-spacing:1px}.hero h1,.page-title{font-size:32px;line-height:1.05;margin:0}.hero p,.sub,.meta{color:var(--muted);line-height:1.45}.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:26px}.stat,.delivery,.form-card,.detail-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow)}.stat strong{display:block;font-size:27px}.section-head,.detail-top{display:flex;justify-content:space-between;gap:10px;align-items:start;margin:20px 0 12px}.section-head h2,.detail-card h2{font-size:20px;margin:0}.link,.back{background:none;border:0;color:var(--brand);font-weight:bold}.delivery-list{display:grid;gap:10px}.delivery{display:flex;gap:10px;flex-wrap:wrap}.delivery-main{flex:1}.delivery-main h3{margin:0 0 4px;font-size:16px}.delivery button{margin-left:auto}.status{font-size:12px;font-weight:bold;padding:7px 9px;border-radius:20px}.scheduled{background:#eaf0fc;color:#335a9f}.on-way{background:#e2f4f8;color:#13758c}.awaiting{background:#fff1dc;color:#a55b00}.delivered{background:var(--mint);color:var(--brand)}.page-title{margin:26px 0 4px}.filters{display:flex;gap:7px;overflow:auto;margin:17px 0}.filters button{white-space:nowrap;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:20px;font-weight:bold}.filters .active{background:var(--brand);color:#fff}.search,.field input,.field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:bold}.grid,.info,.detail-grid{display:grid;grid-template-columns:1fr;gap:14px}.form h2{margin:24px 0 13px}.form h2:first-child{margin-top:0}.field textarea{min-height:72px}.form-actions,.modal-actions{display:flex;gap:10px;margin-top:22px}.back{margin:22px 0 10px}.detail-top h1{font-size:30px;margin:0}.detail-card{margin-bottom:16px}.info div{border-bottom:1px solid #edf0ee;padding-bottom:10px}.info label{display:block;color:var(--muted);font-size:12px}.proof{background:var(--mint);border-radius:13px;padding:15px;margin-bottom:15px}.timeline{padding-left:8px}.event{border-left:2px solid #bae3d4;padding:0 0 20px 18px;position:relative}.event:before{content:'✓';position:absolute;left:-11px;width:20px;height:20px;border-radius:50%;background:var(--brand);color:white;display:grid;place-items:center}.event.pending:before{content:'○';background:#f4ede3;color:#a55b00}.event small{color:var(--muted)}.modal-bg{position:fixed;inset:0;background:#15231f88;display:grid;place-items:center;padding:18px;z-index:5}.modal{width:min(100%,390px);background:#fff;padding:24px;border-radius:18px}.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:8;background:#15231f;color:#fff;padding:12px 15px;border-radius:10px;white-space:nowrap;max-width:90%;font-size:13px}.login-shell{display:grid;place-items:center;padding:22px}.login{width:100%}.login h1{font-size:36px;line-height:1.06;margin:64px 0 13px}.login .field{margin-top:15px}@media(max-width:430px){body{background:var(--paper)}.phone{box-shadow:none}}