*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans Arabic',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f6f7fb;color:#101828;direction:rtl;-webkit-font-smoothing:antialiased}body.lang-en{direction:ltr}a{text-decoration:none;color:inherit}::selection{background:#071a3d;color:#fff}:root{--navy:#071a3d;--navy2:#102d66;--ink:#101828;--muted:#667085;--line:#e7ebf3;--soft:#f6f7fb;--card:#fff;--glass:rgba(255,255,255,.78);--shadow:0 18px 45px rgba(7,26,61,.10);--radius:24px}.app-shell{min-height:100vh;background:radial-gradient(circle at 85% 0%,rgba(24,65,160,.12),transparent 28%),linear-gradient(180deg,#fff 0%,#f6f7fb 100%)}.main{max-width:1120px;margin:0 auto;padding:14px 18px 96px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;position:sticky;top:10px;z-index:40}.glass{background:var(--glass);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:24px;padding:12px 14px}.top-title b{display:block;color:var(--navy);letter-spacing:-.3px}.top-title small{display:block;color:var(--muted);font-size:12px}.menu-btn,.close-drawer{border:0;background:var(--navy);color:#fff;border-radius:16px;width:44px;height:44px;font-size:20px;cursor:pointer}.close-drawer{margin-inline-start:auto;background:rgba(255,255,255,.12)}.top-actions{display:flex;align-items:center;gap:8px}.badge,.chip{background:#eef3ff;color:var(--navy);padding:8px 12px;border-radius:999px;font-weight:900;border:1px solid #dbe6ff;font-size:13px}.btn{border:0;background:linear-gradient(135deg,var(--navy),#174ea6);color:#fff;padding:11px 16px;border-radius:17px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-weight:900;box-shadow:0 10px 24px rgba(7,26,61,.16)}.btn.big{padding:14px 20px;border-radius:20px;font-size:16px}.btn.ghost,.btn.light{background:#fff;color:var(--navy);border:1px solid #e5eaf3;box-shadow:0 8px 20px rgba(7,26,61,.06)}.btn.danger{background:#dc2626}.drawer-backdrop{position:fixed;inset:0;background:rgba(7,26,61,.24);backdrop-filter:blur(2px);z-index:60;display:none}.drawer-backdrop.open{display:block}.sidebar{position:fixed;top:12px;bottom:12px;right:12px;width:min(330px,88vw);z-index:70;border-radius:30px;background:linear-gradient(180deg,#071a3d,#0d2b60);padding:18px;color:#fff;box-shadow:0 28px 70px rgba(7,26,61,.34);transform:translateX(115%);transition:.25s;overflow:auto}.lang-en .sidebar{right:auto;left:12px;transform:translateX(-115%)}.sidebar.open{transform:translateX(0)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.brand-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,#fff,#bfd2ff 45%,#7a94f0);color:#071a3d;display:grid;place-items:center;font-weight:950}.brand small{display:block;color:#cbd6f1}.simple-nav{display:grid;gap:8px}.sidebar a,.more-nav summary{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:17px;color:#eef4ff;font-weight:850;cursor:pointer}.sidebar a:hover,.sidebar a.active,.more-nav summary:hover{background:rgba(255,255,255,.12)}.nav-ico{width:30px;height:30px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.11)}.more-nav{margin-top:8px}.more-nav a{font-size:14px;padding-inline-start:18px}.alert{padding:12px 15px;border-radius:18px;margin-bottom:14px;font-weight:800}.alert.success{background:#ecfdf3;color:#067647}.alert.error{background:#fef3f2;color:#b42318}.alert.warning{background:#fffaeb;color:#b54708}.hero-simple{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:8px 0 14px}.hero-simple.compact{align-items:center}.eyebrow{display:inline-block;background:#eef3ff;color:var(--navy);border:1px solid #dbe6ff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:900;margin-bottom:8px}.hero-simple h1{font-size:34px;line-height:1.05;margin:0;color:var(--navy);letter-spacing:-1px}.hero-simple p{margin:8px 0 0;color:var(--muted);font-weight:650}.period-tabs{display:flex;gap:8px;margin-bottom:14px;overflow:auto;padding-bottom:2px}.period-tabs a{background:#fff;border:1px solid #e7ebf3;color:#344054;border-radius:999px;padding:9px 14px;font-weight:900;white-space:nowrap}.period-tabs a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.ios-wallet-card{border-radius:32px;padding:22px;color:#fff;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.32),transparent 28%),radial-gradient(circle at 90% 10%,rgba(99,129,230,.52),transparent 26%),linear-gradient(135deg,#061836,#0b2558 54%,#061229);box-shadow:0 26px 65px rgba(7,26,61,.26);border:1px solid rgba(255,255,255,.16);margin-bottom:14px}.wallet-row{display:flex;align-items:center;justify-content:space-between;color:#dbe7ff;font-weight:900}.wallet-number{font-size:40px;line-height:1.15;font-weight:950;letter-spacing:-1px;margin:22px 0}.wallet-divider{height:1px;background:rgba(255,255,255,.16);margin-bottom:14px}.wallet-three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wallet-three div{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:11px}.wallet-three small{display:block;color:#cbd6f1;font-size:12px}.wallet-three b{font-size:14px}.pos{color:#bdf4d2}.neg{color:#ffd0d0}.card{background:rgba(255,255,255,.94);border:1px solid rgba(231,235,243,.96);border-radius:var(--radius);padding:16px;box-shadow:0 16px 42px rgba(7,26,61,.075);position:relative;overflow:hidden}.card h2{margin:0 0 12px;color:var(--navy);letter-spacing:-.4px}.card h3{margin:0 0 8px;font-size:13px;color:var(--muted);font-weight:900}.card .value{font-size:24px;font-weight:950;color:var(--navy)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card-head h2{margin:0}.card-head a,.card-head span{color:var(--muted);font-weight:900;font-size:13px}.quick-entry-bar{margin-bottom:14px}.quick-entry-bar form{display:grid;grid-template-columns:1fr auto;gap:10px}.quick-entry-bar input,.field input,.field select,.field textarea{width:100%;border:1px solid #d9e0eb;border-radius:17px;padding:13px 14px;font-family:inherit;background:#fff;outline:none;font-weight:750}.quick-entry-bar input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#9bb2f4;box-shadow:0 0 0 4px rgba(7,26,61,.08)}.field label{font-weight:900;color:#344054;font-size:13px}.field input,.field select,.field textarea{margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.settings-grid{grid-template-columns:1fr 1fr}.chart-card{height:340px}.compact-chart{min-height:340px}.simple-list{display:grid;gap:2px}.simple-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eef2f7}.simple-item:last-child{border-bottom:0}.simple-item b{display:block;color:#101828}.simple-item small{display:block;color:var(--muted);font-size:12px}.simple-item .amount{font-weight:950;white-space:nowrap}.plus{color:#067647}.minus{color:#b42318}.empty{text-align:center;color:var(--muted);padding:22px}.smart-one-card{padding:18px}.smart-main-input input{font-size:22px;border-radius:22px;padding:17px 18px;font-weight:900}.advanced-fields{margin-top:12px}.advanced-fields summary{cursor:pointer;color:var(--navy);font-weight:950;background:#f3f6fc;border:1px solid #e7ebf3;border-radius:16px;padding:11px 13px}.quick-type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.quick-type-tabs label{background:#eef3ff;color:var(--navy);border:1px solid #dbe6ff;border-radius:999px;padding:8px 13px;font-weight:900;cursor:pointer}.smart-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.table-wrap{overflow:auto;border:1px solid #e9edf5;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(7,26,61,.05)}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:13px 12px;border-bottom:1px solid #eef2f7;text-align:right;white-space:nowrap}.lang-en th,.lang-en td{text-align:left}th{background:#f8fafc;color:var(--navy);font-weight:950}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.progress{height:12px;background:#eef2f7;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#071a3d,#2d66d9);border-radius:999px}.actions{display:flex;gap:6px;flex-wrap:wrap}.status-paid,.status-completed,.status-received{color:#067647;font-weight:900}.status-overdue,.status-pending{color:#b42318;font-weight:900}.status-active{color:#175cd3;font-weight:900}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:50%;transform:translateX(-50%);bottom:12px;z-index:50;background:rgba(255,255,255,.84);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.9);border-radius:26px;box-shadow:0 18px 50px rgba(7,26,61,.18);padding:8px;width:min(620px,calc(100vw - 24px))}.bottom-nav a{display:grid;place-items:center;gap:3px;color:#667085;font-size:11px;font-weight:900}.bottom-nav b{font-size:19px;line-height:1}.bottom-nav a.active,.bottom-nav a:hover{color:var(--navy)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 10%,rgba(35,86,190,.18),transparent 28%),linear-gradient(180deg,#fff,#f5f8ff)}.login-card{width:min(440px,92vw);border-radius:34px;padding:24px}.login-title{text-align:center;margin-bottom:18px}.login-title h1{color:var(--navy);margin:0;font-size:30px}.login-logo{width:78px;height:78px;border-radius:28px;margin:0 auto 12px;background:linear-gradient(145deg,#061836,#123a83);color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 22px 48px rgba(7,26,61,.22)}.footer-note{color:var(--muted);font-size:13px;text-align:center;margin-top:12px}@media(max-width:900px){.simple-grid,.settings-grid{grid-template-columns:1fr}.form-grid,.filters{grid-template-columns:repeat(2,1fr)}.hero-simple{align-items:flex-start;flex-direction:column}.top-actions .btn.ghost{display:none}}@media(max-width:640px){.main{padding:12px 12px 92px}.topbar{top:8px;border-radius:22px}.hero-simple h1{font-size:29px}.ios-wallet-card{border-radius:28px;padding:19px}.wallet-number{font-size:31px;margin:18px 0}.wallet-three{grid-template-columns:1fr}.quick-entry-bar form{grid-template-columns:1fr}.form-grid,.compact-grid,.filters{grid-template-columns:1fr}.smart-main-input input{font-size:17px}.simple-item{align-items:flex-start}.simple-item .amount{font-size:13px}.badge{display:none}.bottom-nav{border-radius:24px}.chart-card{height:300px}}@media print{.sidebar,.topbar,.filters,.no-print,.btn,.bottom-nav,.period-tabs,.drawer-backdrop{display:none!important}.main{margin:0;padding:0;max-width:none}.card,.ios-wallet-card{box-shadow:none}.print-only{display:block}}


/* v3: simple Apple/iOS dashboard, 5 theme colors, cleaner actions */
:root{--primary:var(--navy);--primary-2:#174ea6;--primary-soft:#eef3ff;--success:#16a34a;--danger:#ef4444}
body.theme-navy{--primary:#071a3d;--primary-2:#174ea6;--primary-soft:#eef3ff}
body.theme-green{--primary:#087443;--primary-2:#16a34a;--primary-soft:#ecfdf3}
body.theme-blue{--primary:#075985;--primary-2:#0284c7;--primary-soft:#e0f2fe}
body.theme-purple{--primary:#5b21b6;--primary-2:#8b5cf6;--primary-soft:#f3e8ff}
body.theme-orange{--primary:#9a3412;--primary-2:#f97316;--primary-soft:#fff7ed}
body{background:#f7f8fb}.app-shell{background:radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--primary-2) 16%,transparent),transparent 28%),linear-gradient(180deg,#fff 0%,#f7f8fb 100%)}
::selection{background:var(--primary);color:#fff}.top-title b,.hero-simple h1,.login-title h1{color:var(--primary)}.menu-btn,.period-tabs a.active{background:var(--primary);border-color:var(--primary)}.btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 18%,transparent)}.btn.ghost,.btn.light{background:#fff;color:var(--primary)}.chip,.badge,.eyebrow{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in srgb,var(--primary-2) 22%,#fff)}
.sidebar{background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 80%,#000));}.brand-mark,.login-logo{background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff}.ios-wallet-card{background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.33),transparent 28%),radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--primary-2) 60%,transparent),transparent 26%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 92%,#000),var(--primary-2) 58%,color-mix(in srgb,var(--primary) 78%,#000))}
.dashboard-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-bottom:14px}.dashboard-wallet{margin-bottom:0}.wallet-mini-date{font-weight:800;color:rgba(255,255,255,.72);font-size:13px;margin-top:-10px}.infographic-card{min-height:274px;display:flex;flex-direction:column;gap:12px}.donut{width:132px;height:132px;border-radius:50%;margin:0 auto;background:conic-gradient(var(--primary-2) calc(var(--p)*1%),#edf1f7 0);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #eef1f6}.donut span,.donut small{position:relative;z-index:1;grid-area:1/1}.donut span{font-size:28px;font-weight:950;color:var(--primary)}.donut small{margin-top:44px;color:var(--muted);font-weight:800}.bar-pair{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;font-size:13px;font-weight:900}.bar-pair div{height:10px;background:#edf1f7;border-radius:999px;overflow:hidden}.bar-pair i{display:block;height:100%;border-radius:999px;background:var(--primary-2)}.bar-pair.expense i{background:#ef4444}.bar-pair b{font-size:12px;color:var(--ink)}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.mini-stat{background:rgba(255,255,255,.82);border:1px solid #edf1f7;border-radius:22px;padding:13px;box-shadow:0 12px 28px rgba(7,26,61,.06);display:grid;gap:4px}.mini-stat small{color:var(--muted);font-weight:800}.mini-stat b{font-size:16px;color:var(--ink)}.icon-bubble,.record-icon{width:34px;height:34px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:950}.pos,.plus{color:#067647!important}.neg,.minus{color:#b42318!important}.record-icon.income-icon{background:#ecfdf3;color:#067647}.record-icon.expense-icon{background:#fef3f2;color:#b42318}.editable-item{grid-template-columns:auto 1fr auto auto}.item-actions{display:flex;gap:6px;align-items:center}.item-actions a{font-size:12px;font-weight:900;background:#f2f4f7;padding:7px 9px;border-radius:999px}.danger-link{color:#b42318!important;background:#fef3f2!important}.theme-picker{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;margin-top:14px}.theme-pill{border:1px solid #e7ebf3;border-radius:16px;padding:10px;background:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;gap:7px;cursor:pointer}.theme-pill input{display:none}.theme-pill span{width:20px;height:20px;border-radius:50%;display:inline-block}.theme-navy-sample span{background:#071a3d}.theme-green-sample span{background:#16a34a}.theme-blue-sample span{background:#0284c7}.theme-purple-sample span{background:#8b5cf6}.theme-orange-sample span{background:#f97316}.theme-pill:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.card-head h2{display:flex;align-items:center;gap:8px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 14px}.section-title h1{color:var(--primary);margin:0}.actions{gap:6px;flex-wrap:wrap}.actions .btn{padding:8px 10px;border-radius:13px;font-size:12px}.table-wrap table td,.table-wrap table th{white-space:nowrap}.bottom-nav a.active{color:var(--primary)}
@media(max-width:900px){.dashboard-hero-grid{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,1fr)}.theme-picker{grid-template-columns:repeat(2,1fr)}.editable-item{grid-template-columns:auto 1fr auto}.item-actions{grid-column:2/4;justify-content:flex-start}.infographic-card{min-height:auto}}
@media(max-width:640px){.stat-strip{grid-template-columns:1fr 1fr}.mini-stat{padding:11px;border-radius:18px}.mini-stat b{font-size:14px}.donut{width:118px;height:118px}.bar-pair{grid-template-columns:56px 1fr;gap:7px}.bar-pair b{grid-column:2}.theme-picker{grid-template-columns:1fr}.editable-item{align-items:center}.item-actions a{padding:6px 8px}.section-title{align-items:flex-start;flex-direction:column}.top-title small{font-size:11px}}