:root{font-family:system-ui,Segoe UI,sans-serif;color:#233044;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}header{background:#15324b;color:#fff;padding:1rem 2rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}header strong{font-size:1.25rem}nav{display:flex;gap:1rem;flex-wrap:wrap}nav a{color:#e5f4ff;text-decoration:none}header small{margin-left:auto}main{max-width:1200px;margin:2rem auto;padding:0 1.25rem}h1{margin:0 0 1.5rem}h2{margin-top:0}section{background:#fff;border:1px solid #dce3e8;border-radius:10px;padding:1.25rem;margin:1.25rem 0}form{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem}label{display:flex;flex-direction:column;font-size:.9rem;gap:.3rem;min-width:160px}input,select{font:inherit;padding:.55rem;border:1px solid #b9c5cf;border-radius:5px;min-height:40px}button{font:inherit;background:#17679a;border:0;border-radius:5px;color:#fff;padding:.6rem .9rem;cursor:pointer;min-height:40px}button:hover{background:#0e4d75}table{border-collapse:collapse;background:#fff;width:100%;margin:1.25rem 0;display:block;overflow-x:auto}td,th{border-bottom:1px solid #e2e6ea;padding:.7rem;text-align:left;white-space:nowrap}th{background:#eaf0f4}.cards{display:flex;gap:1rem;flex-wrap:wrap}.cards div{background:#fff;padding:1.3rem;min-width:170px;border:1px solid #dce3e8;border-radius:9px}.cards strong{display:block;font-size:2rem}.alert,.success{padding:.8rem 1rem;border-radius:5px}.alert{background:#fbe5e5;color:#932626}.success{background:#e3f4e9;color:#176138}a{color:#17679a}
.qr-label{max-width:360px;text-align:center}.qr-label #qrcode{display:flex;justify-content:center;margin:1rem auto}.qr-label small{overflow-wrap:anywhere}@media(max-width:600px){main{margin:1rem auto}.cards div{flex:1 1 140px}}@media print{header,main>h1,main>button{display:none!important}body{background:#fff}main{margin:0;padding:0}.qr-label{border:0;margin:0}}
.danger{background:#a82f2f}.danger:hover{background:#842424}section>form+form{margin-top:1rem}label:has(input[type=file]){min-width:260px}.utility-nav{max-width:1200px;margin:.35rem auto 0;padding:0 1.25rem;text-align:right}.utility-nav a{font-weight:700}
.item-actions{min-width:300px}.item-actions form{margin:.25rem 0}.item-actions label{min-width:130px}.item-actions input,.item-actions select{max-width:180px}
.notice{background:#eaf3fa;border-left:4px solid #17679a;padding:.9rem 1rem;border-radius:4px}
.payment-summary{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.payment-summary>div{flex:1 1 180px;padding:1rem 1.2rem;border-radius:8px;color:#fff}.payment-summary span{display:block;font-size:.9rem}.payment-summary strong{display:block;font-size:1.6rem;margin-top:.25rem}.payment-paid{background:#198754}.payment-due{background:#e67e22}
.reserved-legend{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.reserved-legend span{padding:.45rem .75rem;border-radius:5px}.reserved-paid,.reserved-paid a{background:#198754;color:#fff}.reserved-partial,.reserved-partial a{background:#bfe3f5;color:#111}.reserved-unpaid,.reserved-unpaid a{background:#c0392b;color:#fff}.reserved-legend .reserved-partial{color:#111}.reserved-legend .reserved-paid,.reserved-legend .reserved-unpaid{color:#fff}
.customer-payment-status{display:inline-block;padding:.3rem .5rem;border-radius:4px;margin:.1rem 0}
.pickup-date{display:inline-block;padding:.3rem .5rem;border-radius:4px;color:#fff;white-space:nowrap}.pickup-date strong,.pickup-date small{display:block}.pickup-date small{font-size:.72rem;margin-top:.15rem}.pickup-none{background:#8a939b}
.table-sort{display:flex;align-items:end;gap:.8rem;margin:1rem 0}.table-sort label{min-width:180px}.table-sort button{min-width:140px}
.required-stock{background:#c0392b;color:#fff;font-weight:700}
.audit-detail{display:inline-block;margin:.1rem 0}
.account-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.25rem}.account-tabs a{background:#dbeaf4;border:1px solid #17679a;border-radius:5px;padding:.65rem .9rem;text-decoration:none;color:#15324b!important;font-weight:700;display:inline-block}.account-tabs a:hover,.account-tabs a.active{background:#17679a;color:#fff!important}
.admin-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.25rem}.admin-tabs a{background:#dbeaf4;border:1px solid #17679a;border-radius:5px;padding:.65rem .9rem;text-decoration:none;color:#15324b!important;font-weight:700}.admin-tabs a:hover,.admin-tabs a.active{background:#17679a;color:#fff!important}
.permissions-form{margin:1rem 0 2rem}.permissions-form table{max-width:760px}.permissions-form th:not(:first-child),.permissions-form td:not(:first-child){text-align:center;width:90px}.permissions-form input[type=checkbox]{width:1.1rem;height:1.1rem}
.permissions-panel{padding:1rem 1.25rem}.permissions-panel h2{margin:.1rem 0 .35rem}.permissions-panel p{margin:.25rem 0 .6rem}.staff-picker{margin:.35rem 0 .65rem}.staff-picker label{display:flex;align-items:center;gap:.6rem}.staff-picker select{min-width:260px}.permissions-form{margin:.4rem 0 .8rem}.permissions-form table{margin:.35rem 0 .65rem;font-size:.9rem}.permissions-form th,.permissions-form td{padding:.28rem .5rem}.permissions-form th:not(:first-child),.permissions-form td:not(:first-child){width:64px}.compact-form{display:flex;align-items:end;gap:.6rem;flex-wrap:wrap}.compact-form label{margin:0}.staff-table{font-size:.88rem}.staff-table th,.staff-table td{padding:.35rem .5rem}.staff-table form{display:flex;align-items:center;gap:.3rem;margin:.15rem 0}.staff-table input{max-width:140px}
.permissions-panel .permissions-form{margin:.2rem 0 .5rem}.permissions-panel .permissions-form table{font-size:.82rem;line-height:1.05;margin:.2rem 0 .45rem}.permissions-panel .permissions-form th,.permissions-panel .permissions-form td{padding:.14rem .35rem;height:1.65rem}.permissions-panel .permissions-form input[type=checkbox]{width:.95rem;height:.95rem;margin:0}