:root{color:#203e37;background:#f8f8f2;font-family:Segoe UI,Arial,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;color:inherit;background:0 0;border:1px solid #cbd7cc;border-radius:8px;padding:9px 16px}button:disabled{cursor:wait;opacity:.6}.primary{color:#fff;background:#214f43}a{color:inherit}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}aside{background:#edf1e6;border-right:1px solid #dfe4d9;padding:38px 25px}.brand{font:700 30px Georgia,serif;text-decoration:none}aside>p{margin-top:35px;font-size:13px}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:42px;line-height:1.2}aside h2{font-size:28px}nav{gap:12px;margin-top:36px;display:grid}nav button{text-align:left}nav [aria-current]{color:#fff;background:#214f43}main{min-width:0;padding:24px 40px}header{border-bottom:1px solid #dfe4d9;justify-content:space-between;gap:20px;padding-bottom:25px;font-size:12px;display:flex}header button{margin-left:15px}.panel{background:#fff;border:1px solid #dfe4d9;border-radius:14px;margin:24px 0;padding:28px}.login{max-width:560px;margin:50px auto}.login form{gap:18px;display:grid}label{gap:7px;display:grid}input{border:1px solid #cbd7cc;border-radius:7px;min-width:0;padding:12px}.eyebrow{letter-spacing:.1em;font-size:12px}.page-heading,.record{justify-content:space-between;align-items:center;gap:20px;display:flex}.overview strong{overflow-wrap:anywhere;font-size:40px;display:block}.record{border-bottom:1px solid #dfe4d9;padding:15px 0}.record h3{margin:0}.record p{font-size:13px}footer{color:#617268;margin-top:45px;font-size:12px}:focus-visible{outline-offset:3px;outline:3px solid #b57543}@media (width<=700px){.shell{display:block}aside{padding:14px 20px}aside>p,aside>h2{display:none}nav{margin:12px 0 0;display:flex}main,.panel{padding:20px}h1{font-size:34px}.record,.page-heading{flex-wrap:wrap;align-items:start}.brand{font-size:25px}header{flex-wrap:wrap}.overview strong{font-size:32px}}.actions{flex-wrap:wrap;gap:10px;display:flex}.filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:15px;margin:20px 0;display:grid}select,textarea{font:inherit;color:inherit;background:#fff;border:1px solid #cbd7cc;border-radius:7px;width:100%;padding:12px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #dfe4d9;padding:15px 10px}td{overflow-wrap:anywhere;max-width:280px}td small{margin-top:5px;display:block}td button{overflow-wrap:anywhere;max-width:100%}summary{cursor:pointer;align-content:center;min-height:44px}dialog{color:#203e37;background:#fff;border:1px solid #dfe4d9;border-radius:15px;max-width:min(700px,100vw - 30px);max-height:90vh;padding:30px}dialog::backdrop{background:#132a2580}dialog form{gap:15px;display:grid}.close{float:right;font-size:22px}.chart-bar{text-align:left;border:0;width:100%;margin-bottom:12px;display:block}.chart-bar>span:first-child{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.bar-track{background:#edf1e6;height:9px;margin:9px 0;display:block}.bar-track i{background:#367765;height:100%;display:block}.chart-bar small{color:#52675e}td a{display:block}[role=alert]{color:#884b1a}input,textarea{max-width:100%}@media (width<=700px){.table-scroll{overflow:visible}table,tbody,tr,td{max-width:100%;display:block}thead{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}tr{border-bottom:1px solid #dfe4d9;padding:20px 0}td{border:0;padding:5px 0}td:nth-child(3):before{content:"Category: ";font-weight:600}td:nth-child(4):before{content:"Paid by: ";font-weight:600}td:nth-child(5):before{content:"Method: ";font-weight:600}td:nth-child(6){font-size:20px;font-weight:700}.filters{grid-template-columns:minmax(0,1fr)}dialog{padding:20px}}.packing-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;display:grid}.packing-category{border:1px solid #dfe4d9;border-radius:10px;padding:20px}.packing-item{border-bottom:1px solid #dfe4d9;padding:18px 0}.packing-item>label{overflow-wrap:anywhere;align-items:center;gap:12px;margin-bottom:10px;display:flex}.packing-item input[type=checkbox]{flex-shrink:0;width:24px;height:24px}.packing-category .actions button{padding:7px 10px;font-size:13px}
