:root{--navy:#062f5f;--navy2:#0a70d7;--bg:#f7f9fc;--line:#dfe6ef;--text:#10244b;--muted:#69798f;--green:#098b3a;--red:#d92727;--orange:#ef6d28;--purple:#7044b7}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#182235}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:210px;background:linear-gradient(180deg,#083b70,#04284d);color:#fff;overflow:auto}.brand{height:105px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}.brand img{width:54px;height:54px;object-fit:contain}.menu{padding:14px 0}.menu button{width:100%;display:flex;gap:12px;align-items:center;border:0;background:transparent;color:#fff;padding:14px 18px;text-align:left;cursor:pointer;border-left:3px solid transparent}.menu button.active,.menu button:hover{background:linear-gradient(90deg,#0a5eb7,#0a70d7);border-left-color:#72c7ff}.submenu{display:block;background:rgba(0,0,0,.08)}.submenu button{padding-left:46px;font-size:12px}.main{margin-left:210px;width:calc(100% - 210px);padding:26px 34px}.page{display:none}.page.active{display:block}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}h1{margin:0;color:var(--text);font-size:28px}.subtitle{color:var(--muted);font-size:13px;margin-top:5px}.panel,.card,.tablebox{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px rgba(13,49,87,.04)}.panel{padding:16px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.card{padding:17px;min-height:100px;display:flex;align-items:center;gap:14px}.circle{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px}.c-blue{background:#1479df}.c-green{background:#0b9141}.c-purple{background:#7044b7}.c-orange{background:#ef6d28}.card-label{font-size:12px;color:#45566e}.card-value{font-weight:800;font-size:22px;color:#101c35;margin-top:4px}.filters,.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.filters.four{grid-template-columns:repeat(4,1fr)}.filters.three{grid-template-columns:1fr 1fr auto}.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:700;color:#23344d;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #d4dee9;border-radius:7px;padding:10px 11px;background:#fff;font-size:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#1784eb;box-shadow:0 0 0 3px rgba(24,132,235,.1)}.btn{border:1px solid #cdd8e7;background:#fff;color:#0b4f9c;border-radius:7px;padding:10px 15px;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(180deg,#0e70d9,#095eb9);border-color:#0a63c4;color:#fff}.btn-green{color:#087a2d;border-color:#9dd3ad}.btn-danger{color:#b51d1d;background:#fff1f1;border-color:#f2c1c1}.btn-small{padding:7px 10px;font-size:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tablebox{overflow:auto;margin-bottom:24px}table{width:100%;border-collapse:collapse;min-width:720px}th{background:linear-gradient(90deg,#063f78,#06386b);color:#fff;padding:11px;font-size:10.5px;text-align:left}td{padding:11px;border-bottom:1px solid #e5eaf0;font-size:12px}.money{color:#087d2c;font-size:15px;font-weight:800}.ok{color:var(--green);font-weight:700}.bad{color:var(--red);font-weight:700}.pend{color:#a77000;font-weight:700}.section-title{font-size:17px;color:#122a55;margin:0 0 10px}.quick{display:none;background:#f8fbff;border:1px solid #dce7f4;border-radius:8px;padding:14px;margin-top:10px}.quick.show{display:block}.day-header td{background:#edf5ff;color:#073b70;font-weight:800;border-top:2px solid #9dc5ec}.day-header span{float:right;font-weight:600;color:#536b85}.day-total td{background:#f8fafc;font-weight:800}.report-only{display:none}.receipt-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.receipt-modal.show{display:flex}.receipt{width:min(720px,100%);background:#fff;border-radius:10px;overflow:hidden}.receipt-head{background:#063565;color:#fff;padding:18px 24px;display:flex;align-items:center;gap:20px}.receipt-head img{width:64px;height:64px;object-fit:contain}.receipt-head h2{margin:0}.receipt-body{padding:26px;line-height:1.7}.sig{margin:45px auto 20px;width:300px;border-top:1px solid #333;text-align:center;padding-top:7px}.receipt-actions{padding:0 26px 26px}.note{background:#f1f8ff;border:1px solid #bcdcff;color:#30577b;border-radius:7px;padding:12px;font-size:12px}.hidden{display:none!important}
@media(max-width:980px){.sidebar{position:static;width:100%}.app{display:block}.main{margin-left:0;width:100%}.cards,.filters.four{grid-template-columns:1fr 1fr}}@media(max-width:650px){.cards,.filters,.filters.four,.form-grid{grid-template-columns:1fr}.main{padding:16px}}
@media print{body{background:#fff}.sidebar,.no-print,.top{display:none!important}.main{margin:0;width:100%;padding:0}.page{display:none!important}body.print-report .page.print-target{display:block!important}body.print-receipt .main{display:none!important}body.print-receipt .receipt-modal{display:block!important;position:static;background:#fff;padding:0}body.print-receipt .receipt{width:100%;border-radius:0}.report-only{display:block!important}.screen-only{display:none!important}.report-header{display:flex!important;align-items:center;justify-content:space-between;background:#063565!important;color:#fff;padding:14px 18px;margin-bottom:14px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-header img{width:64px;height:64px;object-fit:contain}.report-title{text-align:right}.report-title h2{margin:0}.tablebox{box-shadow:none;border-radius:0}table{min-width:0}th{background:#063f78!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}td,th{font-size:10px;padding:7px}.day-header td{background:#edf5ff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}