:root{font-family:Cairo,system-ui,sans-serif;line-height:1.65;font-weight:400;color:var(--color-text);background-color:var(--color-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-text: #0f172a;--color-text-muted: #64748b;--color-page: #e8edf3;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-primary: #0f766e;--color-primary-hover: #0d9488;--color-primary-soft: rgba(15, 118, 110, .1);--color-primary-muted: rgba(15, 118, 110, .18);--color-receipt: #0f766e;--color-payment: #b45309;--color-danger: #dc2626;--color-danger-soft: rgba(220, 38, 38, .08);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 4px 16px rgba(15, 23, 42, .07);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .1);--sidebar-bg: #0f172a;--sidebar-text: #e2e8f0;--sidebar-muted: #94a3b8;--sidebar-active: #14b8a6;--sidebar-hover: rgba(255, 255, 255, .06);--content-max: 1120px;--focus-ring: 0 0 0 3px rgba(15, 118, 110, .28)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#app{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.page-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:flex-start;margin-bottom:1.35rem}.page-intro{margin:-.5rem 0 1.35rem;color:var(--color-text-muted);font-size:.95rem;line-height:1.6;max-width:42rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.58rem 1.2rem;font-weight:700;font-size:.92rem;border-radius:var(--radius-sm);border:none;text-decoration:none;transition:background .15s ease,color .15s ease,box-shadow .15s ease,border-color .15s ease,filter .15s ease}.btn-primary{background:linear-gradient(165deg,#0d9488,#0f766e);color:#fff!important;box-shadow:0 4px 16px #0f766e52}.btn-primary:hover{filter:brightness(1.06);text-decoration:none}.btn-primary:disabled{opacity:.62;filter:none;box-shadow:none}.btn-outline{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-strong)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid transparent}.btn-ghost:hover{background:var(--color-primary-soft);color:var(--color-primary);text-decoration:none}.btn-sm{padding:.38rem .75rem;font-size:.82rem;font-weight:600}.btn-link{background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--color-primary);cursor:pointer;text-decoration:none}.btn-link:hover{text-decoration:underline;color:var(--color-primary-hover)}.btn-link-danger{color:var(--color-danger)}.btn-link-danger:hover{color:#b91c1c}.panel{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow);overflow:hidden}.alert{padding:.7rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:1rem}.alert-error{background:var(--color-danger-soft);color:#991b1b;border:1px solid rgba(220,38,38,.22)}.alert-muted{background:#64748b14;color:var(--color-text-muted);border:1px solid var(--color-border)}.data-table{width:100%;border-collapse:collapse;min-width:560px}.data-table th,.data-table td{padding:.85rem 1.1rem;text-align:right;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table th{font-size:.78rem;text-transform:none;letter-spacing:.02em;color:var(--color-text-muted);font-weight:700;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.data-table tbody tr:hover td{background:#0f766e0a}.data-table tbody tr:last-child td{border-bottom:none}.data-table .cell-num{font-variant-numeric:tabular-nums;direction:ltr;text-align:left;font-weight:600;color:var(--color-text)}.data-table .cell-actions{display:flex;flex-wrap:wrap;gap:.5rem .85rem;justify-content:flex-end}.data-table .cell-empty{text-align:center;color:var(--color-text-muted);padding:2.5rem 1rem!important}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-card{background:var(--color-surface);padding:1.65rem 1.75rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow);max-width:640px;display:flex;flex-direction:column;gap:1.15rem}.form-field{display:flex;flex-direction:column;gap:.4rem;text-align:right}.form-field>span:first-child{font-weight:600;font-size:.88rem;color:var(--color-text)}.form-field input,.form-field textarea{padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);font-size:1rem;background:#fafbfc;transition:border-color .15s,background .15s,box-shadow .15s}.form-field input:hover,.form-field textarea:hover{border-color:#cbd5e1}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:var(--focus-ring)}.amount-words-live{margin:.35rem 0 0;padding:.55rem .75rem;background:var(--color-primary-soft);border-radius:var(--radius-sm);border:1px solid var(--color-primary-muted);font-size:.88rem;line-height:1.55;color:#115e59;font-weight:600}