@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#24372e;background:#fafbf7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:#24966b;color:#fff;border-radius:12px;padding:12px 16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;justify-content:center}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#fff;color:#278b67;border:1px solid #c9ddd2}.layout{display:flex;min-height:100vh}aside{width:260px;flex-shrink:0;background:#eff8f0;padding:30px 18px;display:flex;flex-direction:column;border-right:1px solid #e0ede1}.logo{font-size:25px;font-weight:800;padding:10px 12px 35px}.logo small{display:block;color:#78a18d;font-size:10px;letter-spacing:2px;margin-top:5px}nav{display:grid;gap:8px}nav button{background:transparent;color:#536a5d;justify-content:flex-start}nav button.active{background:#d7eddd;color:#176746}.asidefoot{margin-top:auto;color:#789586;font-size:12px;line-height:2;padding:15px}main{max-width:1240px;width:100%;padding:36px 48px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.eyebrow{color:#6e9b83;font-size:11px;letter-spacing:2px;font-weight:800}h1{font-size:36px;margin:8px 0}h2{font-size:19px;margin:0 0 14px}p{color:#738378;line-height:1.6;margin:8px 0 16px}.panel,.stat{background:#fff;border:1px solid #e3ebe4;border-radius:20px;padding:25px;margin-bottom:22px;box-shadow:0 4px 25px #203c2407}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{display:flex;flex-direction:column;gap:8px}.stat span{font-size:28px}.stat strong{font-size:32px}.stat small,.muted{color:#839389}.steps{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#809387}.steps span{padding:15px;background:#eef8ef;border-radius:12px;color:#327554}.form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.form label{display:flex;flex-direction:column;gap:7px;color:#64796a;font-weight:700;font-size:13px}.form input,.form select{border:1px solid #d6e4d9;border-radius:11px;padding:12px;min-width:210px;background:#fff;color:#263d2c}.records{display:grid;gap:8px}.record{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #edf1ed;padding:13px 0}.record:last-child{border:0}.record small{display:block;color:#94a199;margin-top:4px}.pill{border-radius:30px;background:#f3e6ca;color:#916d1d;padding:7px 12px;font-size:12px}.pill.completed,.pill.delivered{background:#d9f3e4;color:#247b50}.pill.queued,.pill.pending{background:#e7ecfa;color:#4566a1}.alert,.success{padding:15px;border-radius:12px;margin-bottom:18px;background:#fff0ed;color:#a43b2a}.alert button{float:right;background:transparent;color:inherit;padding:0}.success{background:#e4f5e9;color:#287849}code{background:#f0f5f1;padding:4px;border-radius:4px}@media(max-width:850px){.layout{display:block}aside{width:100%;padding:15px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.asidefoot{display:none}.logo{padding:5px 12px 15px}main{padding:25px 15px}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:28px}header{align-items:start}}