:root{font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;color:#152b35;background:#f5f8fc;font-synthesis:none;--forest:#065548;--emerald:#147e69;--border:#e9eef4;--muted:#788794;--shadow:0 11px 36px rgba(29,58,83,.065)}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;background:#fff;border:1px solid #e2e8ed;border-radius:13px;padding:12px 13px;outline:none;color:#20313a;transition:border .15s}input:focus,select:focus,textarea:focus{border-color:#0e9477;box-shadow:0 0 0 3px #dff5ed}textarea{min-height:80px;resize:vertical}label{display:block;font-size:12px;font-weight:800;color:#526676}label input,label select,label textarea{margin-top:7px}.muted,.subtitle{color:var(--muted)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:27px}h2{font-size:20px}h3{font-size:15px}h4{font-size:13px}.btn{border:0;border-radius:14px;padding:12px 18px;font-size:13px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:10px}.btn-primary{background:linear-gradient(105deg,#06866b,#046252);color:white;box-shadow:0 8px 19px #08785a2d}.btn-light{background:#eaf5f2;color:#06745d}.btn-danger{background:#fff0f0;color:#cb4857}.btn-block{width:100%}.btn:active{transform:scale(.99)}.text-button{color:#087861;border:0;background:transparent;font-size:12px;font-weight:900}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.stacked{display:grid;gap:13px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chip{display:inline-block;border-radius:20px;padding:5px 10px;font-weight:800;font-size:10px;background:#e8f6ee;color:#1a8467}.chip.orange{background:#fff2dc;color:#a66b08}.chip.red{background:#fff0f0;color:#cd5165}.chip.blue{background:#eaf1ff;color:#4775cc}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,#e0f5e7 0,transparent 45%),#f7fafb}.login-card{width:min(100%,430px);background:white;border:1px solid #edf2f1;border-radius:26px;padding:32px 24px;box-shadow:var(--shadow);text-align:center}.login-logo{width:160px;height:135px;object-fit:contain}.kicker{font-size:11px;letter-spacing:.2px;background:#e6f5ef;border-radius:20px;padding:5px 10px;color:#078060;font-weight:800}.login-card h1{margin:12px 0 5px;color:#084d42}.login-card .muted{font-size:12px;line-height:2;margin-bottom:20px}.login-card label{text-align:right}.login-card form button{height:47px}.login-card>.btn{margin-top:13px}.foot-note{font-size:10px;color:#96a5a9;line-height:1.8;margin:19px 0 0}.server-settings{font-size:11px;text-align:right;color:#819092;margin-top:18px}.server-settings summary{cursor:pointer}.server-settings input{margin:9px 0 6px}.app-shell{max-width:820px;margin:auto;min-height:100dvh;padding-bottom:90px}.app-header{padding:0 19px 4px}.status-strip{display:flex;justify-content:space-between;align-items:center;min-height:50px;gap:8px}.clock{font-size:13px;color:#17434b;font-weight:900;direction:ltr;font-variant-numeric:tabular-nums}.status-pills{display:flex;gap:7px;align-items:center}.status-pill{border:1px solid #e4eeed;background:#fff;padding:5px 8px;border-radius:20px;font-size:9px;color:#668080;font-weight:800;display:flex;align-items:center;gap:5px;white-space:nowrap}.status-pill .pulse{display:block;width:6px;height:6px;border-radius:50%;background:#eda349}.status-pill.connected .pulse{background:#17b77f}.status-pill .wa{background:#f2aa52}.status-pill.connected .wa{background:#22bf77}.head-brand{display:flex;align-items:center;justify-content:space-between;padding:14px 0 20px}.head-title{display:flex;align-items:center;gap:11px}.head-title img{width:53px;height:53px;object-fit:contain;background:white;border:1px solid #eaf1ed;border-radius:17px;padding:5px}.head-title strong{font-size:19px;color:#153947;display:block;line-height:1.45}.head-title small{display:block;font-size:10px;color:#91a0a9}.head-title .hi{color:#578173}.circle-button{width:43px;height:43px;background:white;border:1px solid #e8edef;border-radius:15px;color:#138768;font-size:23px;box-shadow:var(--shadow)}.main-content{padding:0 17px 20px}.page{animation:fadein .18s ease-out}@keyframes fadein{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:none}}.balance-card{background:linear-gradient(119deg,#034e47 0%,#096f60 64%,#0c9b6d 100%);color:white;border-radius:22px;position:relative;overflow:hidden;padding:19px 21px 18px;box-shadow:0 15px 28px #045f4d28}.balance-card:after{content:"";position:absolute;border:1px solid #ffffff23;border-radius:50%;width:190px;height:190px;left:-60px;top:-76px;box-shadow:0 0 0 46px #ffffff05,0 0 0 90px #ffffff06;pointer-events:none}.balance-card small{font-size:11px;color:#d4f1e7}.balance-card .big-number{font-size:27px;letter-spacing:.1px;font-weight:900;line-height:1.7;display:block;font-variant-numeric:tabular-nums}.balance-sub{display:flex;gap:12px;border-top:1px solid #ffffff38;margin-top:11px;padding-top:12px}.balance-sub>div{flex:1;font-size:11px;font-weight:800}.balance-sub strong{display:block;font-size:14px;margin-top:2px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:21px 2px 15px}.section-title h2{font-size:15px;margin:0;font-weight:900}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.app-tile{border:1px solid #eff1f5;background:white;border-radius:19px;padding:16px 5px 14px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;min-height:111px;box-shadow:0 7px 26px #25344b07;transition:transform .1s,box-shadow .1s}.app-tile:active{transform:scale(.96);box-shadow:none}.tile-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;box-shadow:inset 0 -2px 0 #0000000a,0 7px 14px #182c3f0b;color:white;font-size:24px;font-weight:700}.app-tile b{font-weight:800;font-size:11.5px;color:#3b4d58;white-space:nowrap}.tile-icon svg{width:27px;height:27px;stroke:white;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tile-green{background:linear-gradient(145deg,#1fc9a1,#079b7a)}.tile-blue{background:linear-gradient(145deg,#5ca5ff,#2879e5)}.tile-violet{background:linear-gradient(145deg,#aa8aff,#7960df)}.tile-amber{background:linear-gradient(145deg,#ffcc64,#f4a325)}.tile-cyan{background:linear-gradient(145deg,#42cde5,#009ebd)}.tile-rose{background:linear-gradient(145deg,#ff96ad,#ea5e85)}.tile-indigo{background:linear-gradient(145deg,#8396fc,#556ae1)}.tile-lime{background:linear-gradient(145deg,#8bd85d,#59b044)}.tile-orange{background:linear-gradient(145deg,#ffb179,#ed7550)}.tile-deep{background:linear-gradient(145deg,#539e8e,#216b62)}.tile-purple{background:linear-gradient(145deg,#b07eea,#8753ba)}.tile-slate{background:linear-gradient(145deg,#829cb1,#546e84)}.recent-list,.list-card{background:white;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.recent-item{display:flex;align-items:center;gap:12px;padding:14px 14px;border-bottom:1px solid #f0f3f5}.recent-item:last-child{border:0}.recent-icon{width:39px;height:39px;flex:none;border-radius:12px;display:grid;place-items:center;background:#eaf8f1;color:#25836a;font-size:18px}.recent-icon.expense{background:#fff0e7;color:#e77d41}.recent-info{flex:1;min-width:0}.recent-info b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-info small{font-size:10px;color:#9ba8b2}.recent-number{text-align:left;font-size:12px;font-weight:900;white-space:nowrap;direction:ltr}.empty{padding:32px;text-align:center;color:#84949c;font-size:12px;line-height:2}.empty .emoji{display:block;font-size:34px;margin-bottom:9px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fffffffa;border-top:1px solid #eaf0f3;padding:8px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 29px #2642540a}.bottom-nav button{flex:1;max-width:128px;background:none;border:0;color:#9aabb4;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:800;padding:0}.bottom-nav span{font-size:24px;line-height:28px;color:inherit}.bottom-nav button.active{color:#06866d}.content-header{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 20px}.content-header h2{margin:0;font-size:21px}.content-header small{display:block;color:#8a98a4;font-size:11px;margin-top:4px}.fab{border:0;background:#0e8a70;color:white;border-radius:15px;padding:10px 14px;font-size:13px;font-weight:800}.flat-card{background:white;border-radius:20px;border:1px solid #edf0f3;padding:17px;margin-bottom:13px;box-shadow:var(--shadow)}.record-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.record-head b{font-size:13px}.record-head small{display:block;color:#9aabb2;font-size:10px;margin-top:4px}.record-amount{color:#215247;font-size:15px;font-weight:900;direction:ltr}.actions-inline{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #eef1f3}.action-link{border:0;background:#f0f7f7;color:#087b68;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:800}.filters{display:flex;gap:8px;margin-bottom:14px}.filters input,.filters select{font-size:11px;min-width:0}.data-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #edf1f2;gap:10px;font-size:12px}.data-row:last-child{border-bottom:0}.data-row strong{color:#0e5c50}.summary-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}.summary-box{padding:15px;border-radius:16px;border:1px solid #eaf0ef;background:#fff}.summary-box small{font-size:10px;color:#81939a;display:block}.summary-box b{display:block;margin-top:8px;font-size:17px;color:#184c43}.summary-box.positive{background:#e9f8f0}.summary-box.negative{background:#fff2ea}.sheet-backdrop{position:fixed;inset:0;background:#091e2a88;z-index:40;display:flex;justify-content:center;align-items:flex-end}.sheet{width:min(100%,660px);max-height:94dvh;overflow:hidden;border-radius:25px 25px 0 0;background:#f9fbfc;display:flex;flex-direction:column;box-shadow:0 -20px 70px #0019}.sheet-head{padding:15px 18px;background:white;border-bottom:1px solid #e7eef0;display:flex;align-items:center;gap:12px}.sheet-head h2{font-size:16px;margin:0;flex:1;text-align:center}.close-btn{background:#f3f5f7;border:0;border-radius:11px;width:33px;height:33px;font-size:23px;color:#57666e}.sheet-grab{width:34px}.sheet-body{padding:20px 17px 32px;overflow:auto;overscroll-behavior:contain}.sheet-body .btn-primary{width:100%;margin-top:9px}.sheet-form{display:grid;gap:13px}.thin-divider{height:1px;background:#e7ecef;margin:4px 0}.item-entry{display:grid;grid-template-columns:1.7fr .65fr .9fr auto;gap:5px;align-items:center}.item-entry input{padding:10px 7px;font-size:11px;min-width:0}.item-entry button{border:0;background:#fff0f0;color:#b53a48;border-radius:9px;width:27px;height:36px}.invoice-total{background:#e8f6ee;border-radius:15px;padding:14px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:900;color:#065e4c}.foot-actions{display:flex;gap:8px;margin-top:12px}.foot-actions .btn{flex:1}.hint{border-radius:14px;background:#f0f4f8;color:#617480;padding:12px;font-size:11px;line-height:2;margin:10px 0}.qr-box{min-height:150px;padding:18px;background:#fff;border:1px dashed #c7dad7;border-radius:20px;text-align:center}.qr-box img{width:min(100%,260px)}#toast{position:fixed;z-index:100;bottom:100px;left:50%;transform:translate(-50%,20px);padding:13px 20px;min-width:170px;max-width:90vw;background:#263f45;color:white;border-radius:14px;font-size:12px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.settings-avatar{width:68px;height:68px;border-radius:20px;object-fit:contain;background:#fff;border:1px solid #e7f0ec;padding:5px}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid #edf2f3;font-size:12px}.setting-item:last-child{border-bottom:0}.setting-item small{color:#82939a}.record-badge{font-size:10px;color:#6c8683;background:#eaf6f0;border-radius:30px;padding:4px 9px}.table-scroll{overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:11px}.report-table th,.report-table td{padding:11px 7px;border-bottom:1px solid #eef2f2;text-align:right;white-space:nowrap}.report-table th{color:#698089}.report-table td:last-child{text-align:left}.footer-warning{font-size:10px;color:#81959f;line-height:1.8;margin-top:18px}@media(min-width:680px){.app-header{padding:0 30px}.main-content{padding:0 30px}.app-grid{grid-template-columns:repeat(4,1fr)}.app-tile{min-height:125px}.balance-card{padding:25px}.sheet-backdrop{align-items:center}.sheet{border-radius:25px;max-height:86dvh}}[hidden]{display:none!important}
.dashboard{max-width:850px;margin:0 auto;padding-bottom:40px}.admin-head{padding:0 22px}.topline{display:flex;align-items:center;justify-content:space-between;height:50px;font-weight:900;color:#1c5050}.admin-brand{display:flex;gap:11px;align-items:center}.admin-brand img{width:62px;height:62px;padding:6px;object-fit:contain;border:1px solid #e3eee9;background:white;border-radius:19px}.admin-brand small{font-size:11px;color:#72939a}.admin-brand h1{font-size:22px;margin:0;color:#1d4549}.admin-main{padding:22px 18px}.admin-hero{background:linear-gradient(115deg,#064f4c,#0b8370);color:white;padding:26px;border-radius:23px;box-shadow:0 15px 34px #00574b2b;overflow:hidden;position:relative}.admin-hero:after{content:"";position:absolute;left:-80px;bottom:-160px;width:320px;height:320px;border-radius:50%;border:60px solid #ffffff0a;pointer-events:none}.admin-hero span{font-size:11px;color:#bff3e1;font-weight:900}.admin-hero h2{font-size:23px;margin:10px 0 7px}.admin-hero p{font-size:12px;color:#d8f4e9;line-height:2;margin-bottom:0}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}.stat-card{padding:14px 10px;border:1px solid #e7efed;background:white;border-radius:17px;box-shadow:var(--shadow)}.stat-card small{font-size:10px;color:#79949b}.stat-card strong{display:block;font-size:23px;margin-top:4px;color:#104e47}.stat-card.active{background:#e3f7ed}.stat-card.stopped{background:#fff1eb}.section-heading{margin:27px 4px 15px}.section-heading h2{font-size:17px;margin:0}.section-heading small{font-size:11px;color:#899ea5}.search{margin-bottom:14px}.person-card{padding:17px;background:#fff;border:1px solid #e7eff2;border-radius:19px;margin-bottom:11px;box-shadow:var(--shadow)}.person-top{display:flex;justify-content:space-between;gap:10px}.person-top h3{margin:0 0 5px;font-size:14px}.person-top p{margin:0;font-size:11px;color:#8498a0}.person-info{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.pill-info{font-size:10px;background:#eef3f7;border-radius:20px;padding:5px 10px;color:#576c77}.person-controls{border-top:1px solid #edf2f3;padding-top:12px;margin-top:13px;display:flex;justify-content:space-between;align-items:center}.tiny-btn{border:0;background:#e7f7f0;color:#077459;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:900}.tiny-btn.stop{background:#fff1f1;color:#c84f62}.person-controls small{font-size:10px;color:#8a989e}.login-card .kicker{display:inline-block}.login-card .server-settings input{margin-top:10px}