@font-face{font-family:Noto;src:url('noto-sans-arabic-arabic-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#131710;color:#f2f1e8;font:14px/1.8 Noto,sans-serif;color-scheme:dark}main{max-width:620px;padding:calc(26px + env(safe-area-inset-top)) 23px calc(30px + env(safe-area-inset-bottom));margin:auto}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #465239;background:#27321f;color:#d2e2a0;border-radius:9px;padding:9px 16px}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d2e2a0;outline-offset:3px}input,select{min-height:48px;background:#1b2118;border:1px solid #465239;border-radius:9px;color:#f2f1e8;padding:12px;font-size:16px;width:100%}input::placeholder{color:#aeb8a0}h1{font-size:28px;font-weight:600;line-height:1.6;margin:25px 0 3px}p{color:#b0b8a5;font-size:12px;margin:0 0 20px}.brand{display:flex;align-items:center;gap:10px;direction:ltr;margin-bottom:25px}.brand img{width:36px}.brand strong{font:600 19px sans-serif}.brand span{font-weight:400;color:#b0b8a5}.brand button{margin-left:auto;font-family:Noto;font-size:10px;padding:6px 10px;background:none;color:#b0b8a5}.search{margin:24px 0 12px}.filters{display:flex;gap:8px;margin-bottom:22px}.filters button{flex:1;font-size:11px;background:none;color:#b0b8a5}.filters .selected{background:#334328;color:#d2e2a0;border-color:#617546}.client{padding:21px 0;border-bottom:1px solid #343d2d}.client>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.client strong{font-size:16px;font-weight:600}.client p{font-size:11px;margin:9px 0 13px}.client small{font-size:11px;color:#b0b8a5}.badge{font-size:10px;padding:3px 8px;border-radius:5px;background:#2c3823;color:#c1d598;white-space:nowrap}.badge.soon{color:#e4ca96;background:#3b3523}.badge.overdue{color:#e9b3a6;background:#402e27}.amount{font-size:13px;font-variant-numeric:tabular-nums}.sync{padding:20px 0;font-size:10px;color:#b0b8a5;display:flex;justify-content:space-between;gap:15px;align-items:center}.sync button{font-size:11px;padding:6px 13px}.summary{display:flex;gap:20px;border-bottom:1px solid #343d2d;padding:20px 0}.summary>div{flex:1}.summary strong{display:block;font-family:Noto,sans-serif;font-size:32px;font-weight:400}.summary span{font-size:11px;color:#b0b8a5}.login{margin-top:50px}.login label{font-size:12px;display:block;margin:25px 0 8px;color:#b0b8a5}.login button{margin-top:20px;width:100%;background:#d2e2a0;color:#25301a;border:0}.error{color:#eeaaa0;margin:12px 0}.empty{text-align:center;padding:35px 15px;border:1px dashed #465239;border-radius:12px}.empty p{margin:0}.security{margin-top:30px;color:#aeb8a0;font-size:10px;text-align:center}.hidden{display:none}::selection{background:#d2e2a0;color:#25301a}