:root{--ma-blue:#1565d8;--ma-blue-dark:#0b326b;--ma-blue-light:#eef6ff;--ma-green:#18a66a;--ma-green-dark:#087a4e;--ma-green-light:#effbf5;--ma-bg:#f7f9fc;--ma-text:#14213d;--ma-muted:#667085;--ma-border:#e4e7ec;--ma-danger:#d92d20;--ma-warning:#b45309}
html,body{font-family:"Noto Sans Myanmar","Segoe UI",sans-serif;background:var(--ma-bg);color:var(--ma-text)}
.app-icon{display:inline-block;vertical-align:middle;flex:0 0 auto}
.pro4u-logo{width:210px;height:auto;object-fit:contain}.pro4u-logo.small{width:128px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-header h1{font-size:1.65rem;font-weight:700;margin:0}.page-header p{color:var(--ma-muted);margin:.35rem 0 0}.page-actions{display:flex;gap:.75rem}.ma-card{background:#fff;border:1px solid var(--ma-border);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px rgba(16,24,40,.035)}
.btn-primary{--bs-btn-bg:var(--ma-blue);--bs-btn-border-color:var(--ma-blue);--bs-btn-hover-bg:#1056b8}.btn-success{--bs-btn-bg:var(--ma-green);--bs-btn-border-color:var(--ma-green)}.form-control,.form-select,.btn{min-height:44px;border-radius:8px}.form-label{font-weight:600;font-size:.9rem}.form-text{color:var(--ma-muted)}.table{--bs-table-bg:transparent}.table thead th{font-size:.82rem;color:var(--ma-muted);font-weight:600;background:#fbfcfe;border-bottom:1px solid var(--ma-border)}.table td,.table th{vertical-align:middle;padding:.85rem}.money{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.status-badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600}.status-success{color:var(--ma-green-dark);background:var(--ma-green-light)}.status-muted{color:#475467;background:#f2f4f7}.status-warning{color:var(--ma-warning);background:#fff7e6}.status-danger{color:var(--ma-danger);background:#fef3f2}.status-info{color:var(--ma-blue-dark);background:var(--ma-blue-light)}.state-panel{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--ma-muted);text-align:center}.state-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--ma-blue-light);color:var(--ma-blue);font-size:1.5rem}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.summary-card{background:#fff;border:1px solid var(--ma-border);border-radius:12px;padding:1.1rem}.summary-card .label{color:var(--ma-muted);font-size:.85rem}.summary-card .value{font-size:1.35rem;font-weight:700;margin-top:.5rem;font-variant-numeric:tabular-nums}.filter-bar{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.filter-bar>*{min-width:150px}.validation-message{color:var(--ma-danger);font-size:.8rem;margin-top:.25rem}
@media(max-width:991.98px){.summary-grid{grid-template-columns:repeat(2,1fr)}.page-header{align-items:flex-start}.page-actions{flex-wrap:wrap}}@media(max-width:575.98px){.summary-grid{grid-template-columns:1fr}.page-header{flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.ma-card{padding:1rem}}