:root{color-scheme:dark;--bg:#080f1d;--surface:#101c30;--surface2:#15223b;--border:#293855;--text:#eaf3ff;--muted:#9bacc4;--primary:#4a9afa;--cyan:#27d5e6;--green:#4ed5a0;--red:#ff7f8d;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.7;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(24px,3vw,32px);letter-spacing:-.5px;margin-bottom:4px}h2{font-size:17px;margin-bottom:0}h3{font-size:16px}p{color:var(--muted)}.muted{color:var(--muted);font-size:12px}.income{color:var(--green)}.expense{color:var(--red)}.nowrap{white-space:nowrap}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#64bdfc;font-weight:800;direction:ltr;text-align:right;margin-bottom:9px}.btn{border:1px solid transparent;border-radius:11px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;white-space:nowrap;min-height:43px;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#1688e9,#3266d9);color:white;box-shadow:0 8px 22px #1265be2d}.btn.primary:hover{background:#227de4}.btn.secondary{background:#172e4e;color:#cfe7ff;border-color:#36537a}.btn.ghost{background:transparent;color:#c6d5ef;border-color:#40506c}.btn.full{width:100%}.app-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#0e192c;border-left:1px solid #253652;padding:28px 14px}.site-logo{display:flex;align-items:center;gap:11px;padding:0 9px 31px}.logo-square{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;color:#fff;background:linear-gradient(155deg,#14d3e8,#2673e9);font-size:23px;font-weight:900;box-shadow:0 4px 22px #1279d84d}.site-logo strong{display:block;font-size:16px}.site-logo small{display:block;color:var(--muted);font-size:10px}.nav{display:grid;gap:7px}.nav a{padding:12px 13px;color:#a9bbd4;border-radius:11px;display:flex;gap:12px;align-items:center;font-weight:700}.nav a span{font-size:20px;width:24px;text-align:center}.nav a.active{color:#edf8ff;background:#183f69;border:1px solid #2d5c85}.nav a:hover{background:#192b47}.side-bottom{margin-top:auto;border-top:1px solid var(--border);padding:18px 5px 0;display:flex;gap:9px;align-items:center}.avatar{background:#223c59;border-radius:50%;height:36px;width:36px;display:grid;place-items:center}.side-user{flex:1;min-width:0}.side-user strong,.side-user small{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-user strong{font-size:12px}.side-user small{font-size:10px;color:var(--muted)}.logout{background:transparent;border:0;font-size:22px;color:#a6b9d5}.main-area{min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:flex-end;gap:28px;padding:0 clamp(18px,3vw,48px);border-bottom:1px solid #253149;background:#0c1526}.top-date{color:#a5bcd7}.top-user{border-right:1px solid #34445e;padding-right:20px}.mobile-mark{display:none}.content{max-width:1450px;padding:35px clamp(18px,3vw,48px) 60px;margin:auto}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.page-intro p{margin:5px 0 0}.section-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.section-label span{font-size:12px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:27px}.metric{border:1px solid #2d405e;background:linear-gradient(145deg,#142641,#101b2e);border-radius:var(--radius);padding:19px 19px 15px;box-shadow:0 8px 25px #00000019}.metric-head{display:flex;justify-content:space-between;align-items:center;color:#c8d9ed;font-weight:750}.metric-head span:last-child{color:#6fb5f9;font-size:22px}.metric-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 16px}.metric-values small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.metric-values strong{display:block;font-size:clamp(13px,1.5vw,18px);white-space:nowrap;font-weight:800;letter-spacing:-.4px}.metric-foot{border-top:1px solid #31415a;display:flex;justify-content:space-between;align-items:center;gap:6px;padding-top:12px;font-size:12px;color:var(--muted)}.metric-foot b{font-size:14px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:23px;margin-bottom:24px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.text-link{color:#68baff;font-size:12px;font-weight:700}.entry-form{scroll-margin-top:24px}.kind-toggle{display:flex;gap:10px;margin-bottom:20px}.kind-toggle label{position:relative;cursor:pointer}.kind-toggle input{position:absolute;opacity:0}.kind-toggle label span{display:inline-block;border:1px solid #3a4b66;color:#b6c8df;border-radius:10px;padding:10px 18px;font-weight:700;background:#14223b}.kind-toggle input:checked+span{background:#1b4260;color:#b3f9ef;border-color:#2a9b9a}.kind-toggle label:has(input[value="expense"]:checked) span{background:#4c2439;color:#ffb1bc;border-color:#a84967}.kind-toggle input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.entry-form label,.filters label,.auth-form label{display:grid;gap:8px;color:#cedef1;font-weight:650;font-size:12px}input,select{width:100%;outline:none;border:1px solid #364a65;background:#0d1a2d;color:#f0f6ff;border-radius:10px;min-height:44px;padding:10px 13px;direction:rtl}input[type=number],input[type=date]{direction:ltr;text-align:right}input::placeholder{color:#6c829d}input:focus,select:focus{border-color:#389aee;box-shadow:0 0 0 3px #298de522}input[type=date]{color-scheme:dark}.form-actions{display:flex;gap:10px;margin-top:20px}.table-scroll{overflow-x:auto;border-radius:9px}table{width:100%;border-collapse:collapse;text-align:right}th{color:#93a9c6;font-size:11px;font-weight:700;background:#15243b}th,td{padding:13px 12px;border-bottom:1px solid #253650}tbody tr:hover{background:#15243b}tbody tr:last-child td{border-bottom:0}td{font-size:12px}td strong{font-size:12px}td small.note{display:block;color:#96abc3;margin-top:1px;max-width:350px;overflow-wrap:anywhere}.pill{font-size:11px;padding:5px 11px;border-radius:20px;font-weight:800;white-space:nowrap}.pill-green{color:#72e5b6;background:#173c37}.pill-red{color:#ff9fa9;background:#442534}.row-actions{display:flex;gap:9px;align-items:center;white-space:nowrap}.row-actions a{color:#7cbcff;font-size:11px}.danger-link{background:none;border:0;padding:0;color:#ff8694;font-size:11px}.amount{font-weight:850}.empty{text-align:center;padding:38px 16px;color:var(--muted)}.empty span{font-size:35px;color:#5f7da4}.empty h3{color:#dce8f6;margin-top:5px}.filters{display:flex;align-items:end;gap:13px;flex-wrap:wrap;padding:18px}.filters label{min-width:170px;flex:1}.period-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 18px}.period-nav a{color:#7ebcff;background:#17263c;border:1px solid var(--border);padding:7px 13px;border-radius:10px}.period-nav strong{font-size:13px}.selected-metrics{grid-template-columns:minmax(0,1fr)}.selected-metrics .metric-values{grid-template-columns:1fr 1fr}.selected-metrics .metric-values strong{font-size:22px}.legend{display:flex;gap:18px;color:#a9bfd7;font-size:12px}.dot{display:inline-block;height:8px;width:8px;border-radius:50%;margin-left:5px}.dot-green{background:var(--green)}.dot-red{background:var(--red)}.chart-wrap{max-height:680px;overflow:auto;padding:2px 4px}.bar-chart{display:grid;gap:13px}.bar-row{display:grid;grid-template-columns:55px minmax(120px,1fr) 140px;gap:12px;align-items:center}.bar-name{text-align:center;color:#97a9c1;font-size:12px}.bar-tracks{display:grid;gap:4px}.track{background:#192b43;height:9px;border-radius:20px;overflow:hidden}.bar{height:100%;min-width:0;border-radius:20px}.bar-green{background:linear-gradient(90deg,#298f8c,#58deb2)}.bar-red{background:linear-gradient(90deg,#a3497c,#ff8392)}.bar-value{text-align:left;color:#a6b9d0;direction:ltr;font-size:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:17px;padding:20px;color:var(--muted)}.pagination a{color:var(--primary)}.alert{border-radius:10px;padding:12px 16px;margin-bottom:17px}.alert.error{color:#ffb0bb;background:#542132;border:1px solid #944357}.alert.success{color:#9befc9;background:#163b37;border:1px solid #2b685d}footer{text-align:center;color:#6d819f;font-size:11px;margin-top:35px}.auth-body{background:radial-gradient(circle at 22% 23%,#1a4275 0,transparent 38%),radial-gradient(circle at 82% 86%,#07394f 0,transparent 30%),#091323;min-height:100vh}.auth-wrap{min-height:100vh;max-width:1050px;margin:auto;padding:45px 30px;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}.auth-brand .brand-icon{height:72px;width:72px;border-radius:21px;background:linear-gradient(135deg,#2fcce3,#2869f8);font-size:40px;font-weight:900;display:grid;place-items:center;margin-bottom:28px;box-shadow:0 14px 50px #1989f44c}.auth-brand h1{font-size:52px;margin:0 0 10px}.auth-brand p{font-size:17px;max-width:420px;line-height:2}.auth-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.auth-points span{border:1px solid #315474;background:#102945;color:#a7d7ef;padding:6px 10px;border-radius:20px;font-size:11px}.auth-card{background:#112039;border:1px solid #35516f;box-shadow:0 20px 90px #0005;padding:32px;border-radius:22px}.auth-icon{display:grid;place-items:center;font-size:25px;height:50px;width:50px;background:#203b60;border-radius:14px;margin-bottom:14px}.auth-card h2{font-size:20px;margin-bottom:4px}.auth-form{display:grid;gap:17px;margin-top:23px}.auth-footnote{font-size:10px;text-align:center;margin:17px 0 0}.mobile-nav{display:none}
@media(max-width:1100px){.app-layout{grid-template-columns:205px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid .metric:last-child{grid-column:1/-1}.selected-metrics .metric:last-child{grid-column:auto}.metric-values strong{font-size:17px}}
@media(max-width:760px){.app-layout{display:block}.sidebar{display:none}.topbar{height:60px;padding:0 17px;justify-content:space-between}.mobile-mark{display:flex;align-items:center;gap:9px;font-weight:850}.mobile-mark .logo-square{width:30px;height:30px;flex-basis:30px;font-size:18px;border-radius:8px}.top-date{font-size:11px}.top-user{display:none}.content{padding:23px 13px 95px}.page-intro{align-items:flex-start;flex-direction:column;margin-bottom:20px;gap:12px}.page-intro h1{font-size:24px}.page-intro>.btn{align-self:stretch}.metric-grid{grid-template-columns:1fr;gap:11px}.metric-grid .metric:last-child{grid-column:auto}.metric{padding:14px 15px}.metric-values{margin:8px 0 10px}.metric-values strong{font-size:17px}.panel{padding:15px 13px;border-radius:14px}.panel-title{margin-bottom:16px}.field-grid{grid-template-columns:1fr;gap:12px}.section-label h2{font-size:14px}.section-label span{font-size:10px}.filters{flex-direction:column;align-items:stretch}.filters label{min-width:0;flex:unset;width:100%}.filters button{width:100%}.bar-row{grid-template-columns:35px minmax(70px,1fr);gap:8px}.bar-value{grid-column:2;text-align:right}.topbar{border-bottom-color:#2b405b}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-around;background:#101e33;border-top:1px solid #365073;padding:7px 3px max(8px,env(safe-area-inset-bottom))}.mobile-nav a,.mobile-nav button{display:grid;place-items:center;gap:1px;font-size:10px;color:#9eb0c8;padding:1px 5px;background:none;border:0;min-width:58px}.mobile-nav span{font-size:19px;line-height:1.5}.mobile-nav a.active{color:#55baf5}.row-actions{gap:9px}.auth-wrap{display:flex;flex-direction:column;justify-content:center;gap:25px;padding:30px 17px}.auth-brand{text-align:center}.auth-brand .brand-icon{margin:0 auto 14px;width:56px;height:56px;font-size:30px}.auth-brand .eyebrow{text-align:center}.auth-brand h1{font-size:32px}.auth-brand p{font-size:12px;margin:auto}.auth-points{justify-content:center;margin-top:15px}.auth-card{width:100%;padding:22px 20px;max-width:450px}.auth-icon{margin-bottom:10px}.auth-card h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.install-hint{display:none}
@media(max-width:760px){.install-hint{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:12px 14px;margin-bottom:15px;background:#142944;border:1px solid #285277;border-radius:13px;color:#b6d5f4;font-size:12px;line-height:1.85}.install-hint .btn{flex-shrink:0}.install-hint[hidden]{display:none}}