:root{--navy:#112f51;--gold:#bb964d;--paper:#f6f8fb;--ink:#1e293b;--line:#dfe6ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cairo,Tahoma,Arial,sans-serif;font-size:16px}aside{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);padding:28px 18px;color:#fff}aside a,.nav-button{display:block;color:#edf2f7;text-decoration:none;border:0;background:transparent;font:inherit;width:100%;padding:12px;border-radius:8px;text-align:right;white-space:nowrap}aside a:hover,.nav-button:hover{background:#1c4776}.brand{font:700 26px Georgia,serif;letter-spacing:1px;color:#fff;margin-bottom:28px}.brand small{display:block;font:500 12px Cairo,Tahoma,Arial;margin-top:5px;letter-spacing:0}.brand.dark{color:var(--navy)}main{margin-left:250px;max-width:1400px;padding:34px 44px}header{margin-bottom:28px}h1{font-size:29px;margin:0 0 5px;color:var(--navy)}h2{font-size:20px;color:var(--navy)}header p{margin:0;color:#687386;font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.card,section,.form,table{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 16px #182e4a08}.card{padding:23px}.card b{font-size:28px;color:var(--navy);display:block}.card span{color:#667085;font-size:14px}.actions,.toolbar,.details{display:flex;align-items:center;justify-content:space-between;gap:12px}section{padding:25px}.button,button{background:var(--navy);color:#fff;text-decoration:none;border:0;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer}.secondary{background:#edf2f7;color:var(--navy)}.toolbar{margin-bottom:18px}.toolbar form{display:flex;gap:8px}.toolbar input{min-width:270px}.form{padding:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wide{grid-column:1/-1}label{display:grid;gap:7px;color:#354052;font-weight:600;font-size:14px}input,select,textarea{font:inherit;border:1px solid #ccd5e1;border-radius:7px;padding:10px;background:#fff;width:100%}textarea{min-height:85px}table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:right;font-size:14px}th{background:#f6f8fb;color:#455468}tr:last-child td{border-bottom:0}td a{color:var(--navy);font-weight:700}.notice{padding:14px;border-radius:8px}.error{background:#fff0f0;color:#9b1c1c}.login{width:min(420px,calc(100% - 32px));margin:13vh auto;padding:34px}.login h1{margin-bottom:24px}.login form{display:grid;gap:16px}.receipt{width:min(700px,100%);margin:auto}.receipt-head{display:flex;justify-content:space-between;align-items:start;border-bottom:2px solid var(--gold);margin-bottom:20px}.receipt-head .brand{margin:0}.receipt dl{display:grid;grid-template-columns:1fr 2fr}.receipt dt,.receipt dd{padding:11px;border-bottom:1px solid var(--line);margin:0}.receipt dt{font-weight:700;color:#526273}.receipt button{margin-top:20px}@media print{aside,header,.receipt button{display:none}main{margin:0;padding:0}.receipt{border:0;box-shadow:none}}@media(max-width:850px){aside{position:static;width:auto;display:flex;overflow:auto;align-items:center;padding:14px;gap:3px}.brand{font-size:18px;margin:0 10px 0 0;white-space:nowrap}.brand small{display:none}aside a,.nav-button{padding:8px}main{margin:0;padding:22px 16px}.cards{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr}.toolbar,.details{align-items:stretch;flex-direction:column}.toolbar form{width:100%}.toolbar input{min-width:0}table{display:block;overflow:auto;white-space:nowrap}}


/* Phase 2A */
.brand-logo{display:flex;align-items:center;min-height:76px}.brand-logo img{display:block;width:154px;max-width:100%;max-height:86px;object-fit:contain}.login .brand-logo{margin-bottom:22px}.receipt-head .brand-logo{margin:0}.receipt-head .brand-logo img{width:142px;max-height:74px}.actions{flex-wrap:wrap}.toolbar p{margin:0;font-weight:700;color:var(--navy)}
@media print{.receipt-head .brand-logo img{width:135px;max-height:68px}}