:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17221f;--muted:#74817e;--line:#273d371a;--green:#24765e;--green-deep:#175642;--green-soft:#e8f4ee;--glass:#ffffffad;--shadow:0 18px 48px #21433614}*{box-sizing:border-box}html{background:#edf3ef;min-height:100%}body{color:var(--ink);background:radial-gradient(at 78% 0,#c6e3d273,#0000 32%),linear-gradient(145deg,#eff4f0,#e9f0ec 55%,#f4f6f2);min-height:100vh;margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.app-shell{grid-template-columns:236px minmax(0,1fr);gap:20px;max-width:1600px;min-height:100vh;margin:0 auto;padding:22px;display:grid}.glass{background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);border:1px solid #ffffffd1}.rail{border-radius:28px;flex-direction:column;height:calc(100vh - 44px);min-height:480px;padding:24px 14px;display:flex;position:sticky;top:22px}.brand{letter-spacing:-.7px;align-items:center;gap:10px;padding:4px 12px 30px;font:800 20px Inter,Segoe UI,sans-serif;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#43a17d,#1e624c);border-radius:11px;place-items:center;width:31px;height:31px;font:800 19px Inter,Segoe UI,sans-serif;display:grid;box-shadow:0 6px 16px #2a795c45}.nav-list{gap:5px;display:grid}.nav-item{color:#52615d;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:11px;padding:12px;font-size:14px;text-decoration:none;display:flex}.nav-item>span:first-child{text-align:center;color:#63716d;width:22px;font-size:17px}.nav-item.active{color:#1b6248;background:#e1f2e8e6;font-weight:700}.nav-item.active>span:first-child{color:#227254}.nav-item b{color:#1d694c;background:#d0e8da;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:11px}.nav-item.muted{color:#68746e;cursor:default}.rail-bottom{color:#71817b;align-items:center;gap:8px;margin-top:auto;padding:12px 10px 3px;font-size:12px;display:flex}.connection-dot{background:#55a77f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #55a77f1b}.workspace{min-width:0}.topbar{border-radius:20px;justify-content:space-between;align-items:center;gap:12px;height:62px;padding:0 20px;display:flex}.crumb{color:#84908d;gap:10px;font-size:13px;display:flex}.crumb .slash{color:#c0cac5}.crumb strong{color:#33433e;font-weight:600}.top-actions{align-items:center;gap:10px;display:flex}.tenant-select select{border:1px solid var(--line);color:#3f514a;background:#ffffffa8;border-radius:12px;outline:none;min-width:180px;padding:9px 12px}.role-pill,.count-pill{text-transform:capitalize;color:#426a57;background:#e9f1eb;border:1px solid #d8e5db;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:700}.avatar{color:#47735f;background:#f8fbf8;border:1px solid #dce7df;border-radius:50%;width:34px;height:34px;font-weight:700}.quiet-button,.text-button{color:#35765c;background:0 0;border:0;padding:9px 12px;font-weight:700}.content{max-width:1180px;margin:0 auto;padding:32px 34px 24px}.page-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;display:flex}.eyebrow{color:#71847b;letter-spacing:1.3px;text-transform:uppercase;font-size:11px;font-weight:700}.page-heading h1{letter-spacing:-1.4px;margin:6px 0 0;font:700 34px Manrope,sans-serif}.primary-button,.secondary-button{color:#fff;background:linear-gradient(135deg,#318465,#20684f);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 9px 22px #23694d25}.primary-button:hover,.secondary-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary-button>span{font-size:18px}.notice{color:#75602a;background:#fff8e8;border:1px solid #f1e4c0;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 18px;padding:12px 15px;font-size:13px;display:flex}.notice button{color:inherit;background:0 0;border:0;font-size:19px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:25px;display:grid}.summary-card{border-radius:19px;align-content:start;gap:7px;min-height:124px;padding:18px 20px;display:grid}.summary-card span{color:#73807a;font-size:12px}.summary-card strong{letter-spacing:-1px;font:700 28px Inter,Segoe UI,sans-serif}.summary-card small{color:#66736d;font-size:11px}.list-section{margin-top:8px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-heading h2,.card-heading h2{letter-spacing:-.4px;margin:0;font:700 18px Inter,Segoe UI,sans-serif}.section-heading p{color:#64726b;margin:5px 0 0;font-size:12px}.receipt-list{gap:11px;display:grid}.receipt-card{border-radius:19px;padding:17px 19px}.receipt-main{align-items:center;gap:12px;display:flex}.receipt-icon{color:#428064;background:#e7f1e9;border-radius:13px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.receipt-title{flex:1;min-width:0}.receipt-title h3{margin:0 0 5px;font-size:14px;font-weight:700}.receipt-title span{color:#64716b;font-size:11px}.status-pill{white-space:nowrap;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700}.status-pill.received{color:#327151;background:#e8f3eb}.status-pill.partial{color:#8d6726;background:#faf0d8}.receipt-detail{color:#718079;gap:19px;margin:14px 0 0 52px;font-size:12px;display:flex}.receipt-detail strong{color:#34483e}.append-form{border-top:1px solid var(--line);margin:15px 0 0 52px;padding-top:14px}.append-form label,.form-grid label{color:#40534a;align-items:center;gap:8px;margin-bottom:7px;font-size:12px;font-weight:600;display:flex}.append-controls{align-items:stretch;gap:8px;display:flex}.append-controls textarea{flex:1;min-height:44px}.append-form small{color:#68746e;margin-top:6px;font-size:11px;display:block}.form-card{border-radius:23px;margin-bottom:25px;padding:22px 24px}.card-heading{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.card-heading h2{margin-top:6px}.step-mark{color:#609478;background:#e6f1e9;border-radius:11px;padding:8px 10px;font:700 13px Inter,Segoe UI,sans-serif}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid label{justify-items:start;gap:8px;display:grid}.form-grid input,.form-grid select,.form-grid textarea,.append-form textarea{color:#263a31;background:#ffffffc7;border:1px solid #dce5df;border-radius:12px;outline:none;width:100%;padding:11px 12px;transition:border .15s,box-shadow .15s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.append-form textarea:focus,.tenant-select select:focus{border-color:#6fa98b;box-shadow:0 0 0 3px #6fa98b25}.form-grid textarea,.append-form textarea{resize:vertical;line-height:1.55}.optional{color:#68746e;font-size:10px;font-weight:400}.serial-label{grid-column:1/-1}.form-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:16px;display:flex}.form-footer p{color:#818d88;margin:0;font-size:11px}.secondary-button{color:#276b50;min-height:40px;box-shadow:none;background:#edf5ef;border:1px solid #d7e9dd;padding:0 15px}.empty-card,.auth-card{text-align:center;border-radius:22px;padding:42px 24px}.empty-card{margin-top:16px}.empty-card h3{margin:12px 0 7px;font:700 17px Inter,Segoe UI,sans-serif}.empty-card p,.auth-card p{color:#7b8982;max-width:430px;margin:0 auto;font-size:13px;line-height:1.6}.empty-icon,.auth-icon{color:#4c8b6b;background:#e4f0e7;border-radius:17px;place-items:center;width:50px;height:50px;margin:0 auto 10px;font-size:25px;display:grid}.text-button{margin-top:13px}.auth-card{max-width:460px;margin:76px auto 0;padding:38px}.auth-card h2{margin:13px 0 8px;font:700 21px Inter,Segoe UI,sans-serif}.auth-card .wide{width:100%;margin-top:24px}.auth-card small{color:#68746e;margin-top:14px;font-size:11px;display:block}.empty-card .spinner{margin:0 auto 13px}.spinner{border:2px solid #d5e5da;border-top-color:#328263;border-radius:50%;width:21px;height:21px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footnote{color:#68756f;margin:29px 0 0;font-size:11px;line-height:1.6}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #4b9a75}@media (max-width:920px){.app-shell{grid-template-columns:72px minmax(0,1fr);gap:13px;padding:14px}.rail{align-items:center;height:calc(100vh - 28px);padding:18px 8px;top:14px}.brand{padding:0 0 28px}.brand>span:last-child,.nav-item>span:last-child,.rail-bottom:not(.connection-dot){display:none}.nav-item{justify-content:center;width:50px;height:48px;padding:0}.nav-item>span:first-child{font-size:19px}.nav-item b{margin-top:-27px;margin-left:33px;padding:1px 5px;position:absolute}.rail-bottom{padding:8px 0;font-size:0}.topbar{height:auto;min-height:58px;padding:10px 13px}.content{padding:26px 18px}.tenant-select select{min-width:140px;max-width:180px}.role-pill{display:none}}@media (max-width:600px){.app-shell{padding:10px;display:block}.rail{z-index:3;border-radius:21px;flex-direction:row;justify-content:center;width:auto;height:62px;min-height:0;padding:6px 10px;position:fixed;inset:auto 9px 9px}.brand,.rail-bottom{display:none}.nav-list{justify-content:space-around;gap:7px;width:100%;display:flex}.nav-item{justify-content:center;gap:6px;width:auto;min-width:86px;height:48px;padding:0 10px;font-size:11px}.nav-item>span:first-child{width:auto;font-size:16px}.nav-item>span:last-child{display:inline}.nav-item.muted{display:none}.workspace{padding-bottom:78px}.topbar{border-radius:16px;gap:6px;padding:9px 11px}.crumb{gap:6px;font-size:11px}.tenant-select select{width:132px;min-width:0;max-width:132px;padding:8px;font-size:11px}.quiet-button{padding:8px;font-size:12px}.content{padding:25px 5px 15px}.page-heading{align-items:center;margin-bottom:18px}.page-heading h1{font-size:27px}.page-heading .primary-button{min-height:40px;padding:0 12px;font-size:11px}.summary-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:21px}.summary-card{border-radius:16px;min-height:105px;padding:14px}.summary-card:last-child{grid-column:1/-1;min-height:86px}.summary-card strong{font-size:24px}.receipt-card{border-radius:16px;padding:14px}.receipt-main{gap:9px}.receipt-icon{border-radius:11px;width:35px;height:35px}.receipt-title h3{font-size:12px}.receipt-title span{font-size:10px}.status-pill{padding:5px 8px;font-size:10px}.receipt-detail{justify-content:space-between;gap:12px;margin:12px 0 0;font-size:11px}.append-form{margin:13px 0 0;padding-top:12px}.append-controls{display:grid}.append-controls .secondary-button{width:100%}.form-card{border-radius:18px;padding:17px 15px}.form-grid{grid-template-columns:1fr;gap:12px}.serial-label{grid-column:auto}.form-footer{flex-direction:column;align-items:stretch}.form-footer .primary-button{width:100%}.section-heading h2{font-size:16px}.count-pill{padding:6px 8px;font-size:10px}.auth-card{margin:50px auto 0;padding:30px 20px}.notice{font-size:12px}.footnote{margin-top:21px;font-size:10px}.empty-card{padding:30px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.connection-dot.offline{background:#98a39d;box-shadow:0 0 0 4px #98a39d20}.connection-dot.checking{background:#d19a43;box-shadow:0 0 0 4px #d19a4320}.form-grid input::placeholder,.form-grid textarea::placeholder,.append-form textarea::placeholder{color:#64716b;opacity:1}
.demo-shell .nav-item{width:100%}.demo-shell .nav-item.active{color:#185a41}.demo-dot{background:#ce9d48;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ce9d4820}.demo-banner{color:#6f5e32;background:#fffaf0;border:1px solid #e6dcbf;border-radius:13px;margin:0 0 18px;padding:11px 14px;font-size:12px}.demo-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.demo-action{text-align:left;color:var(--ink);border-radius:18px;gap:9px;padding:20px;display:grid}.demo-action span{font-size:15px;font-weight:700}.demo-action small,.demo-action b{color:#66766f;font-size:12px}.demo-action b{color:#287052}.workflow-grid{grid-template-columns:minmax(270px,.85fr) minmax(330px,1.15fr);align-items:start;gap:16px;display:grid}.demo-row{width:100%;color:var(--ink);text-align:left;border:1px solid #ffffffd1;justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-row>span:first-child{gap:5px;display:grid}.demo-row small{color:#68766f;font-size:11px}.demo-row.selected{box-shadow:0 0 0 3px #70a88920,var(--shadow);border-color:#83b49a}.demo-detail{margin:0}.quiet-copy{color:#65736c;margin:-7px 0 17px;font-size:12px;line-height:1.55}.demo-label{color:#40534a;gap:7px;margin:14px 0 12px;font-size:12px;font-weight:650;display:grid}.demo-label select,.demo-label textarea,.inline-add input{color:#263a31;background:#ffffffc7;border:1px solid #dce5df;border-radius:12px;outline:none;width:100%;padding:11px 12px}.demo-label select:focus,.demo-label textarea:focus,.inline-add input:focus{border-color:#6fa98b;box-shadow:0 0 0 3px #6fa98b25}.accessory-heading{color:#40534a;justify-content:space-between;align-items:baseline;margin:18px 0 7px;font-size:12px;display:flex}.accessory-heading small{color:#78857f;font-size:10px}.check-row{border-bottom:1px solid var(--line);color:#40534a;align-items:center;gap:10px;padding:9px 2px;font-size:12px;display:flex}.check-row input{accent-color:#287052;width:16px;height:16px}.inline-add{gap:8px;margin:12px 0 16px;display:flex}.inline-add input{min-width:0}.wide{width:100%}.send-space{margin-top:9px}.waiting-box,.success-box,.missing-box{color:#6c5b32;background:#fffaf0;border:1px solid #e4dcbf;border-radius:13px;margin-top:13px;padding:13px 14px;font-size:12px}.waiting-box p,.missing-box p{margin:7px 0 11px;line-height:1.5}.waiting-box strong,.success-box strong,.missing-box strong{font-size:12px}.success-box{color:#286346;background:#edf7ef;border-color:#d8eadb}.persona-card{max-width:650px;margin:18px auto}.persona-card>p{color:#586961;font-size:13px}.persona-card small{color:#65736c;margin-top:12px;line-height:1.5;display:block}.persona-actions{gap:9px;display:flex}.return-list{gap:11px;display:grid}.return-card{padding:17px 19px}.return-columns{color:#596a62;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0;font-size:12px;display:grid}.return-columns>div,.return-columns>p{border:1px solid var(--line);background:#ffffff80;border-radius:12px;margin:0;padding:11px 12px;line-height:1.55}.return-columns strong{color:#41564b;font-size:11px}.return-columns p{margin:5px 0 0}.status-pill.waiting{color:#596287;background:#eef0fa}.auth-separator{color:#78857f;align-items:center;gap:10px;margin:21px 0 12px;font-size:11px;display:flex}.auth-separator:before,.auth-separator:after{content:"";background:var(--line);flex:1;height:1px}@media (max-width:920px){.demo-shell .nav-item{width:50px}.demo-shell .nav-item>span:last-child,.demo-shell .rail-bottom{display:none}}@media (max-width:600px){.demo-shell .nav-list{gap:3px}.demo-shell .nav-item{flex-direction:column;flex:1;gap:2px;width:auto;min-width:0;height:52px;padding:3px 2px;font-size:9px}.demo-shell .nav-item>span:last-child{display:inline}.demo-shell .nav-item>span:first-child{font-size:14px}.demo-shell .workspace{padding-bottom:102px}.demo-shell .footnote{margin-bottom:100px}.workflow-grid{grid-template-columns:1fr}.demo-detail{order:0}.return-columns,.demo-action-grid{grid-template-columns:1fr}.persona-actions{flex-direction:column}.demo-row{flex-direction:column;align-items:flex-start}.demo-row .status-pill{align-self:flex-start}.demo-shell .topbar .quiet-button{padding:6px;font-size:10px}.demo-shell .page-heading h1{font-size:27px}}