:root{--app-bg:#f2eee7;--ink:#31483d;--muted:#718078;--surface:#fdfbf7;--line:#ded6ca;--side:#31483d;--side-ink:#fff;--side-active:#ffffff14;--accent:#d9a765;--accent-ink:#263a31;--soft:#e9e3da;--radius:18px}.building-card{background:#31483d;color:#fff;border-radius:26px;padding:28px;display:grid;grid-template-columns:150px 1fr 180px;gap:28px;align-items:center;margin-bottom:18px}.building-mark{height:150px;background:#d9a765;border-radius:70px 70px 8px 8px;padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.building-mark i{background:#31483d;border-radius:3px}.status{display:flex;align-items:center;gap:8px;font-size:.7rem}.status i{width:8px;aspect-ratio:1;border-radius:50%;background:#a9d58e}.building-card h3{font-size:2rem;margin:.4em 0}.building-card p{opacity:.65}.building-card aside{border-inline-start:1px solid #ffffff28;padding-inline-start:24px;display:grid}.building-card aside strong{font-size:3rem}.building-card aside span{font-size:.7rem;color:#a9d58e}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.quick-grid button{background:#fdfbf7;border:1px solid #ded6ca;border-radius:16px;padding:18px;text-align:start;display:grid;gap:5px}.quick-grid button>span{font-size:1.8rem}.quick-grid small{color:#718078}.notice{display:grid;grid-template-columns:70px 1fr;gap:15px;border-top:1px solid #ded6ca;padding:17px 0}.notice:first-of-type{border-top:0}.notice time{font-size:.7rem;color:#718078}.notice p{margin:.3em 0;color:#718078}.parcel-card{background:#d9a765;border-radius:18px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.parcel-card>span{font-size:3rem}.parcel-card button{margin-top:auto;border:0;background:#31483d;color:#fff;padding:11px 15px;border-radius:10px}.maintenance-board{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.ticket-card{background:#fdfbf7;border:1px solid #ded6ca;border-radius:18px;padding:24px}.ticket-card.active{border-inline-start:6px solid #d9a765}.ticket-card header{display:flex;justify-content:space-between}.ticket-card p{color:#718078}.closed{background:#dcebd7}.steps{display:flex;gap:5px}.steps i{height:5px;flex:1;background:#e9e3da}.steps .done{background:#31483d}.steps .current{background:#d9a765}.pass-card{background:#31483d;color:#fff;border-radius:24px;padding:30px;display:grid;grid-template-columns:1fr 180px auto;gap:30px;align-items:center}.qr-demo{aspect-ratio:1;background:#fff;padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.qr-demo i{background:#31483d}.qr-demo i:nth-child(2),.qr-demo i:nth-child(6){background:#fff}.payment-status{background:#dcebd7;border-radius:20px;padding:25px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-bottom:18px}.payment-status>span{width:55px;aspect-ratio:1;border-radius:50%;background:#31483d;color:#fff;display:grid;place-items:center}.payment-status h3,.payment-status p{margin:.2em 0}@media(max-width:850px){.building-card{grid-template-columns:100px 1fr}.building-mark{height:110px}.building-card aside{grid-column:1/-1}.quick-grid{grid-template-columns:1fr 1fr}.maintenance-board{grid-template-columns:1fr}.pass-card{grid-template-columns:1fr}.qr-demo{width:160px}.payment-status{grid-template-columns:auto 1fr}.payment-status>b{grid-column:2}}