@font-face{font-family:system-ar;src:local("Arial")}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,"Tahoma",sans-serif;background:#E9E2CE;color:#22303C}button,input,select,textarea{font:inherit}body{padding:0}.app{min-height:100vh;background:#E9E2CE}.header{background:#16242F;padding:18px 28px 0;color:#FBF9F2}.headrow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.title{font-weight:800;font-size:21px}.sub{color:#9BA9B4;font-size:12.5px;margin-top:2px}.totalpill{color:#EDE7D3;font-size:12.5px;background:#22303C;padding:5px 12px;border-radius:2px;border:1px solid #33465A}.tabs{display:flex;gap:4px;margin-top:16px;overflow:auto}.tab{padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer;border-bottom:3px solid transparent;color:#C9C2AA;white-space:nowrap}.tab.active{color:#FBF9F2;border-bottom-color:#C1782E}.tab:hover:not(.active){color:#EDE7D3}.content{padding:24px}.cards{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}.card{background:#FBF9F2;border:1px solid #D8CDAF;border-radius:3px;padding:16px 18px;flex:1 1 160px;min-width:150px}.label{font-size:12px;color:#7A7362;font-weight:600}.value{font-size:28px;font-weight:800;color:#16242F;margin-top:4px}.small{font-size:11.5px;color:#A69C82;margin-top:2px}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}.grid2b{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}.box{background:#FBF9F2;border:1px solid #D8CDAF;border-radius:3px;padding:14px 16px;min-height:280px}.boxtitle{font-weight:700;font-size:14px;margin-bottom:6px;color:#16242F}canvas{display:block;width:100%;height:230px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.cc-input,.cc-select,.cc-textarea{border:1px solid #C9BF9F;background:#FBF9F2;color:#22303C;padding:8px 10px;border-radius:2px;font-size:13.5px;width:100%}.toolbar .cc-input,.toolbar .cc-select{max-width:220px}.toolbar .cc-select{max-width:160px}.cc-input:focus,.cc-select:focus,.cc-textarea:focus{outline:2px solid #2F6690;outline-offset:1px;border-color:#2F6690}.spacer{flex:1}.btn{background:#16242F;color:#EDE7D3;border:none;padding:9px 20px;border-radius:2px;font-weight:700;font-size:13.5px;cursor:pointer}.btn:hover{background:#223648}.btn.secondary{background:transparent;color:#8C2E24;border:1px solid #8C2E24}.btn.secondary:hover{background:#F5DFDC}.tablewrap{overflow:auto;border:1px solid #D8CDAF;border-radius:3px;max-height:68vh;background:#FBF9F2}table{border-collapse:collapse;width:100%;font-size:13px;min-width:1250px}th{text-align:right;padding:10px 12px;background:#16242F;color:#EDE7D3;font-weight:700;font-size:12.5px;position:sticky;top:0;white-space:nowrap;z-index:1}td{padding:9px 12px;border-bottom:1px solid #DCD3B4;white-space:nowrap}tr:hover td{background:#F3EFE0}td.notes{white-space:normal;max-width:220px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:3px;font-size:12.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}.dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}.form{background:#FBF9F2;border:1px solid #D8CDAF;border-radius:3px;padding:22px;max-width:900px}.formtitle{font-weight:700;font-size:16px;margin-bottom:16px;color:#16242F}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:12.5px;font-weight:600;margin-bottom:5px;color:#5C5544}.full{grid-column:1/-1}.formactions{margin-top:18px;display:flex;gap:10px;align-items:center}.status{font-size:12.5px;color:#7A7362}.empty{text-align:center;padding:30px;color:#A69C82}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;margin-top:4px;color:#5C5544}.legend span{display:flex;align-items:center;gap:5px}@media(max-width:900px){.grid2,.grid2b{grid-template-columns:1fr}.content{padding:14px}.header{padding:16px 14px 0}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}}